/*@import url(debug.css);*/

@font-face{
  font-family:'OpenSansLight';
  src:url('font/open-sans/OpenSans-Light-webfont.eot');
  src:url('font/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('font/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('font/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansLightItalic';
  src:url('font/OpenSans-LightItalic-webfont.eot');
  src:url('font/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-LightItalic-webfont.woff') format('woff'), url('font/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('font/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansRegular';
  src:url('font/open-sans/OpenSans-Regular-webfont.eot');
  src:url('font/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('font/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('font/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansItalic';
  src:url('font/OpenSans-Italic-webfont.eot');
  src:url('font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Italic-webfont.woff') format('woff'), url('font/OpenSans-Italic-webfont.ttf') format('truetype'), url('font/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansSemibold';
  src:url('font/open-sans/OpenSans-Semibold-webfont.eot');
  src:url('font/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('font/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('font/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansSemiboldItalic';
  src:url('font/OpenSans-SemiboldItalic-webfont.eot');
  src:url('font/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('font/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('font/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansBoldItalic';
  src:url('font/OpenSans-BoldItalic-webfont.eot');
  src:url('font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-BoldItalic-webfont.woff') format('woff'), url('font/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('font/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansExtrabold';
  src:url('font/OpenSans-ExtraBold-webfont.eot');
  src:url('font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('font/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face{
  font-family:'OpenSansExtraboldItalic';
  src:url('font/OpenSans-ExtraBoldItalic-webfont.eot');
  src:url('font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('font/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
  font-weight:normal;
  font-style:normal;
}
.mceContentBody{
  padding:15px;
  background-image:none;
  background-color:#FFFFFF;
}
#google-map{
  color:#000000;
}
.img-left{
  float:left;
  margin-right:20px;
}
.img-right{
  float:right;
  margin-left:20px;
}
.rtecenter{
  text-align:center;
}
/* entete */
#box-header{
  position:relative;
}
#box-header p{
  margin:0px;
}
#box-header p img{
  vertical-align:middle;
  width: 380px;
}
.fancybox-wrap #box-header, .fancybox-wrap #box-footer{
  display:none;
}
.zone-fancybox .shadow{
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}


.box-menu-haut ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}
.box-menu-haut ul li {
  float:right;
  display:inline-block;
  border-left: 1px solid #000000;
  padding-left: 10px;
  padding-right: 10px;
}
.box-menu-haut ul li:last-child {
  border-left: 0;
}


.box-menu-haut ul li a:link,
.box-menu-haut ul li a:visited,
.box-menu-haut ul li a:hover{
  display:block;
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
}
.box-menu-haut ul li a:hover {
  color: #9c0976;
}

#box-content #couv_int label {
  width: 100%;
}
#box-logo {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#box-logo img {
  display: inline;
}

.box-menu-haut {
  position: absolute;
  top: 15px;
  right: 0;
}
#box-menu-print {
  position: relative;
  z-index: 99;
  min-height: 0px;
}

/* ----------- sidebar -------------- */

#box-sidebar {
  background-color: #961079;
  height: 230px;
  clear: left;
}
#body-devis-print #box-carousel-presentation, #body-devis-sur-mesure #box-carousel-presentation {
  display: none;
}
.content-sidebar-wrapper {
  padding-right: 0;
  padding-left: 0;
  background-color: rgb(182, 184, 187);
  background-color: rgba(182, 184, 187, 0.6);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
  z-index: 100;
  margin-top: -280px;
  position: relative;
  margin-bottom: -40px;
}
#box-content-sidebar {
}
#box-question-conseil {
  height: 280px;
  overflow: hidden;
}
.demande-prix a:link, .demande-prix a:visited, .demande-prix a:hover {
  text-transform: uppercase;
  color: #000000;
  padding: 5px;
  display: block;
  font-size: 1.2em;
  line-height: 1.3em;
  background: url("medias/fleche-banche.jpg") no-repeat center left;
  -webkit-transition-property:all;
  -webkit-transition-duration:0.3s;
  -moz-transition-property:all;
  -moz-transition-duration:0.3s;
  transition-property:all;
  transition-duration:0.3s;
}
.demande-prix a:hover {
  background-color: #C2D201;
  color: #FFF;
}
p.demande-prix {
  margin-top: 0;
}
.titre {
  color: #FFFFFF;
  font-size: 1.3em;
  line-height: 1.4em;
}
.tel {
  font-size: 1.3em;
  font-weight: bold;
  margin: 6px 0;
}
.tel .note {
  font-size: 11px;
  color: #FFFFFF;
  font-weight: normal;
}
p.image {
  margin-bottom: 0;
  margin-top: 6px;
}
.image img {
  width: 100%;
  height: auto;
}
.phone-number {
  font-size: 2.2em;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 15px;
}
.phone-number .phone-number-inner {
  background-color: #961079;
  padding: 10px 15px;
  display: inline-block;
  line-height: 30px;
}
.phone-number .fa {
  margin-right: 10px;
}
.phone-number .phone-number-inner img {
  margin-top: -5px;
}

/* -------- slideshow avis ---------- */
#box-avis {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}
#display-avis {
  padding: 20px;
  background-color: #e4e4e3;
}
#box-avis h2 {
  margin-top: 0;
  text-transform: none;
  font-size: 28px;
  margin-bottom: 30px;
  text-align: center;
  background-color: transparent;
  color: #961079;
}
.flexslider {
  position: relative;
  margin-left: 100px;
  margin-right: 100px;
}
#box-avis .avis-stars {
  text-align: right;
}
.avis-stars .glyphicon {
  margin-right: 5px;
  font-size: 20px;
  color: #bec631;
}
#box-avis .flexslider {
  border: 1px solid #dad9d6;
  background-color: #e2e0de;
  padding: 15px;
}
#box-avis .custom-navigation a {
  color: #961079;
  font-size: 25px;
}
.flexslider-wrapper {
  position: relative;
}
.flexslider-wrapper .custom-navigation {
  position: absolute;
  top: 40%;
  width: 100%;
}
.custom-navigation .flex-prev {
  float: left;
  margin-left: 50px;
}
.custom-navigation .flex-next {
  float: right;
  margin-right: 50px;
}
#box-avis .custom-navigation a:hover {
  color: #bec440;
}
/* ----------- content ------------- */


.content-wrapper {
  padding-left: 0;
}
#display-sidebar {
  padding-left: 0;
}

.prestation-box {
  display: inline-block;
  width: 33%;
  vertical-align: top;
}
.prestation-box h2 {
  color: #8e8fa1;
  height: 220px;
  margin-bottom: 20px;
}
.prestation-box h2 span {
  font-size: 21px;
  height: 220px;
  display: block;
}
.prestation-box h2 img {
  height: 110px;
  width: auto;
  margin-bottom: 20px;
}
.prestation-box h2 a {
  color: #8e8fa1;
  text-decoration: none;
  display: block;
  height: 220px;
  padding-left: 20px;
  padding-right: 20px;
}
.prestation-box h2 a img {
  margin-top: 15px;
}
.prestation-box h2 a:hover {
  color: #902c8e;
}
.prestation-box a {
  color: #961079;
}

.prestation-box p {
  padding: 0px 15px;
  text-align: justify;
  margin: 0;
}
.prestation-box.maquette h2 {
  background-color: #c4ce3f;
}
.prestation-box.execution h2 {
  background-color: #dbe08e;
}
.prestation-box.impression {
  width: 34%;
}
.prestation-box.impression h2 {
  background-color: #eff2d1;
}
#prestation-commande-error {
  padding-bottom: 15px;
  text-align: center;
  color: #FF0000;
  font-weight: bold;
  font-size: 1.1em;
}


#box-content{
  position:relative;
  z-index:1;
  min-height:400px;
  background-color:#FFFFFF;
  padding-top:0px;
}
.body-fancybox #box-content{
  padding:0;
}
#box-wrap,
#display-footer{
  text-align:center;
}
#box-footer .navbar-nav {
  text-align: center;
}
#display-content{
  text-align:justify;
  padding: 0px 0px;
}
#body-devis-print #display-content{
  padding:0px 20px;
}
#box-content-prepend,
#box-content-append{} #box-content-prepend{
  position:relative;
}
#box-debug{
  margin:0px 10px 0px 10px;
}
/* slideshow présentation des produits */

.slideShow{
  position:relative;
  margin-bottom:0px;
  /*width:975px;*/
  height:230px;
  overflow:hidden;
}
ol.navigation{
  list-style-type:none;
  position:absolute;
  bottom:15px;
  left:20px;
  z-index:100;
  margin:0px;
  padding:0px;
}
ol.navigation li{
  float:left;
  width:12px;
  height:12px;
  margin-right:5px;
}
ol.navigation li.last{
  margin-right:0px;
}
ol.navigation li a:link,
ol.navigation li a:visited{
  display:block;
  width:12px;
  height:12px;
  background:url("medias/slideshow/gris.png") no-repeat top left;
}
ol.navigation li a:hover{
  background:url("medias/slideshow/mauve.png") no-repeat top left;
}
ol.navigation li a.selected{
  background:url("medias/slideshow/mauve.png") no-repeat top left;
}
/* form carousel */

#box-carousel,
#box-carousel-web{
  position:relative;
  margin:0px auto;
}
#box-carousel.vide{
  margin-bottom:10px;
}
.ui-jcoverflip{
  position:relative;
}
.ui-jcoverflip--item{
  position:absolute;
  display:block;
}
/* Basic sample CSS */

#flip{
  height:200px;
  width:100%;
  margin-bottom:50px;
}
#wrapper{
  /*height:231px;
  width:860px;*/

  overflow:hidden;
  position:relative;
  margin:0 auto;
}
#flip .ui-jcoverflip--title{
  position:absolute;
  bottom:-30px;
  width:100%;
  text-align:center;
  color:#FFFFFF;
}
#flip img{
  display:block;
  border:0;
  outline:none;
}
#flip a{
  outline:none;
}
#box-carousel .ui-jcoverflip--item,
#box-carousel-web .ui-jcoverflip--item{
  cursor:pointer;
  -moz-box-shadow:5px 5px 3px 0px #AAAAAA;
  -webkit-box-shadow:5px 5px 3px 0px #AAAAAA;
  -o-box-shadow:5px 5px 3px 0px #AAAAAA;
  box-shadow:5px 5px 3px 0px #AAAAAA;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=134, Strength=3);
}
#box-carousel ul,
#box-carousel ul li,
#box-carousel-web ul,
#box-carousel-web ul li{
  margin:0;
  padding:0;
  display:block;
  list-style-type:none;
}
#scrollbar{
  margin-top:20px;
  clear:both;
}
#prev,
#next{
  display:block;
  width:20px;
  height:140px;
  float:left;
  cursor:pointer;
  background:url(medias/carousel/left.png) no-repeat center left;
  margin:51px 0px 0px 15px;
  text-decoration:none;
}
#next{
  float:right;
  background:url(medias/carousel/right.png) no-repeat center left;
  margin:51px 15px 0px 0px;
}
#type-left{
  float:left;
  width:500px;
}
#type-right{
  float:right;
  width:405px;
}
.clearfix{
  clear:both;
  float:none;
}
.item-grid{
  position:relative;
  margin:15px 0;
  -moz-box-shadow:5px 5px 3px 0px #AAAAAA;
  -webkit-box-shadow:5px 5px 3px 0px #AAAAAA;
  -o-box-shadow:5px 5px 3px 0px #AAAAAA;
  box-shadow:5px 5px 3px 0px #AAAAAA;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=134, Strength=3);
}
.legende,
.fondlegende{
  color:#FFFFFF;
  display:block;
  bottom:0px;
  position:absolute;
  height:30px;
  line-height:30px;
  text-align:center;
  width:100%;
  font-size:1.0em;
}
.fondlegende{
  background-color:#444444;
  -moz-opacity:0.70;
  opacity:0.70;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}
.active-cover .fondlegende {
  background-color:#980c77;
}
.navbar {
  border-bottom: 0;
}



#box-carousel ul li.active{
  margin-top:0px;
}
#box-carousel ul li.active img,
#box-carousel ul li.active .legende,
#box-carousel ul li.active .fondlegende{
  width:160px;
}
#box-carousel ul li.first img,
#box-carousel ul li.first .legende,
#box-carousel ul li.first .fondlegende{
  margin-left:0px;
}
#box-carousel ul li.last img,
#box-carousel ul li.last .legende,
#box-carousel ul li.last .fondlegende{
  margin-right:0px;
}
#box-carousel ul li.active .legende,
#box-carousel ul li.active .fondlegende{
  top:93px;
}
#box-carousel ul li.active .fondlegende{
  background-color:#FF0000;
}
#box-type{
  -moz-box-shadow:0px 0px 8px 0px #999999;
  -webkit-box-shadow:0px 0px 8px 0px #999999;
  -o-box-shadow:0px 0px 8px 0px #999999;
  box-shadow:0px 0px 8px 0px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=90, Strength=8);
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  background-color:#FFFFFF;
  padding:20px;
}
#display-type{} .blocdroit{
  border:1px solid #cecdce;
  margin-bottom:30px;
  overflow:hidden;
  text-align:left;
}
.blocdroit .display,
#form-display{
  padding:10px;
}
#form-display {
  padding-top: 0;
}
.blocdroit p{
  margin:5px 0px;
}
#prestation-display{
  text-align:justify;
  font-size:0.9em;
}
#prestation-box .bleu{
  text-transform:uppercase;
  margin-top:15px;
}
p#recap-livraison{
  margin-left:110px;
  margin-top:21px;
}
#body-commande p#recap-livraison{
  margin-left:130px;
}
#body-commande #facturation-box .mSelect {
  width: 100%;
}
#box-content .blocdroit .label{
  width: 100px;
  color: #000000;
  font-size: 13px;
  padding: 0;
  font-weight: normal;
  line-height: 1.2em;
}
#form-box{
  min-height:500px;
  border:1px solid #cecdce;
  border-top:0px;
  margin-bottom:30px;
  text-align:left;
  overflow:visible;
}
#form-box h1{
  background-color:#961079;
  color:#FFFFFF;
  display: block;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 1.1em;
  line-height: 28px;
  min-height: 25px;
  margin-bottom: 0;
}
#form-display h3.first{
  margin-top:0px;
}
#form-display h3{
  color:#961079;
  padding:7px 10px;
  background-color:#e5ecf0;
  font-size:1.2em;
  margin:30px -10px 0px -10px;
}
#form-display label,
#form-display .label{
  line-height:25px;
}
#form-display #options .label, #box-content #quantite label {
  font-family:OpenSansBold, sans-serif;
  font-weight:bold;
  color:#961079;
}
#dimensions .field{
  display:inline-block;
  width:49%;
  margin-bottom:15px;
}
#dimensions label{
  font-weight:bold;
}
#dimensions input{
  border:1px solid #DDDDDD;
  height:25px;
  line-height:25px;
  padding:0;
  text-align:center;
  margin-right:0;
  width:100px;
  outline:0;
}
#dimensions .field-suffix{
  padding:0 10px;
  background-color:#DDDDDD;
  height:25px;
  display:inline-block;
  line-height:25px;
}
.expli{
  display:none;
}
.caps{
  text-transform:uppercase;
}
#quantite input {
  text-align: center;
  font-weight: bold;
  color: #961879;
  font-size: 1.3em;
}
#quantite button {
  margin-top: -6px;
  margin-left: 20px
}


/* choix prestation entete */
#box-choix-prestation {
  background: #cbcccb;
}
.choix-prestation {
  width: 33%;
  height: 230px;
  float: left;
}
.choix-prestation #choix-prestation-active {
  height: 115px;
}
.choix-prestation #choix-prestation-active a {
  display: block;
  padding: 10px;
  height: 100%;
}
.choix-prestation #choix-prestation-active img {
  max-height: 90px;
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
}
.choix-prestation #choix-prestation-active a:hover img, .choix-prestation #choix-prestation-inactive .prestation a:hover img {
  opacity: 0.5;
}
.choix-prestation #choix-prestation-inactive {
}
.choix-prestation #choix-prestation-inactive .prestation {
  width: 50%;
  height: 115px;
  float: left;
}
.choix-prestation #choix-prestation-inactive .prestation a {
  display: block;
}
.choix-prestation #choix-prestation-inactive .prestation img {
  height: 70px;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
}
.choix-prestation #choix-prestation-inactive .prestation .titre {
  display: block;
  text-transform: uppercase;
  font-size: 0.85em;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.2em;
}
.choix-prestation #choix-prestation-inactive .prestation a:link .titre,
.choix-prestation #choix-prestation-inactive .prestation a:visited .titre,
.choix-prestation #choix-prestation-inactive .prestation a:hover .titre {
  color: #999999;
  font-weight: normal;
}
#box-choix-prestation .creation {
  background-color: #c4ce3f;
}
#box-choix-prestation .execution {
  background-color: #dbe08e;
}
#box-choix-prestation .impression {
  background-color: #eff2d1;
}
.choix-prestation-content {
  float: right;
  width: 67%;
  text-align: left;
  position: relative;
}
.choix-prestation-content-display {
  padding: 0 30px 0 50px;
}
.choix-prestation-content .titre {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 5px;
}
.choix-prestation-content .soustitre {
  font-size: 1.3em;
  text-transform: uppercase;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.choix-prestation-content .description {
  color: #610b6c;
}
.choix-prestation-content .glyphicon {
  position: absolute;
  top: 45px;
  left: 0;
  font-size: 25px;
  padding: 0;
  margin: 0;
  margin-left: -5px;
}
.content-creation .glyphicon {
  color: #c4ce3f;
}
.content-impression .glyphicon {
  color: #eff2d1;
}
.content-execution .glyphicon {
  color: #dbdf92;
}

/*
#tabprix table{
  width:480px;
  margin:10px 0 30px 0;
}
*/

table th{
  background-color:#e5ecf0;
  font-size:1em;
  font-weight:normal;
  line-height:30px;
  color:#000000;
  text-transform:uppercase;
  padding:0px 10px;
  text-align:center;
}
table th a:link, table th a:visited, table th a:hover {
  color: #000000;
}
#tabprix th.active{
  background-color:#98027a;
  color:#FFFFFF;
}
#tabprix tr:hover td,
#tabprix tr.odd:hover td,
#tabprix tr.odd:hover td{
  background-color:#CCCCCC;
}
tr.odd td{
  background-color:#EEEEEE;
}
#tabprix td{
  text-align:center;
  padding:0px;
  width:160px;
}
#tabprix td:first-child{
  padding:10px;
}
#tabprix td a{
  display:block;
  padding:10px;
  color:#000000;
  text-decoration:none;
}
#tabprix td a:hover,
#tabprix td.active a:hover,
#tabprix tr.odd td.active a:hover{
  background-color:#98027a;
  color:#FFFFFF;
}
#tabprix td.active a{
  background-color:#fff0fc;
}
#tabprix tr.odd td.active a{
  background-color:#f1d5eb;
}
#tabprix_expli{
  width:250px;
  color:#98027a;
  text-transform:uppercase;
  text-align:center;
  margin:0px auto 20px auto;
  padding:10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:2px 2px 5px 0px #777777;
  -webkit-box-shadow:2px 2px 5px 0px #777777;
  -o-box-shadow:2px 2px 5px 0px #777777;
  box-shadow:2px 2px 5px 0px #777777;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=134, Strength=5);
  font-size:0.9em;
}
#tabprix tr.backgris td{
  background-color:#e5ecf0;
}
#f1-quantite{
  width:100px;
}
#tabprix .submit{
  font-size:0.9em;
  padding:2px 4px;
  margin-left:3px;
}
.recap-shipping h4{
  color:#000000;
}

/* -------- sur mesure -------- */
#body-devis-sur-mesure #display-content .textarea, #body-devis-immediat #display-content .textarea {
  width: 100%;
}
#body-devis-sur-mesure #display-content .text, #body-devis-immediat #display-content .text {
  width: 100%;
  margin-bottom: 10px;
}

.mScrollConteneur .mOption {
  width: 279px;
}


/* pre footer */
#box-pre-footer {
  background-color: #961079;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #FFFFFF;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: left;
  font-family:OpenSansLight, sans-serif;
}
#box-pre-footer strong {
  font-family:OpenSansRegular, sans-serif;
  font-weight: normal;
}
#box-bloc-pre-footer {
  padding-left: 20px;
}

/* footer */

#box-footer{
  clear:both;
}
html{
  font-size:100%;
}
body{
  font-family:OpenSansRegular, sans-serif;
  font-size:0.8em;
  line-height:1.2em;
  color:#000000;
  text-align:justify;
  margin:0px;
}


table{
  clear:both;
  font-size:1em;
  font-family:OpenSansRegular, sans-serif;
  table-layout:fixed;
}
th,
td{
  text-align:left;
  padding:5px;
}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td{
  white-space:normal;
}
.odd td{
  background-color:#FFFFFF;
}
#comments dl{
  padding:0px 5px;
}
#comments dl.odd{
  border:1px solid #e9e9e9;
  background:#fafafa;
  padding:5px 5px;
}
.postit{
  background-color:#e9e9e9;
}
a:link,
a:visited,
a:hover{
  color:#B3D401;
  text-decoration:none;
}
a:hover{
  color:#961079;
}

form{
  clear:both;
  margin:0px;
  padding:0px;
}
form p{
  margin:7px 0px;
}
strong,
b{
  /*font-family:OpenSansSemibold, sans-serif;
  font-weight: normal;
  font-family:OpenSansBold, sans-serif; */
}
h1{
  position:relative;
  text-transform:uppercase;
  color:#961079;
  font-size:1.6em;
  margin:0px 0px 20px 0px;
  padding:0px 0px 8px 0px;
}
#box-promotions h1 {
  text-align: left;
  color: #bfbfbf;
  font-size: 24px;
  margin-top: 30px;
  margin-left: 15px;
  margin-bottom: 0;
}
#display-promotions fieldset:first-child {
  margin-top: 15px;
}

h2{
  background-color:#e5ecf0;
  color:#000000;
  text-transform:uppercase;
  font-size:1.1em;
  line-height:25px;
  min-height:25px;
  font-weight:lighter;
  margin:0px;
  text-align:center;
}
h3{
  color:#961079;
  font-size:1.3em;
  margin:20px 0px 5px 0px;
  text-transform:uppercase;
}
h4{
  color:#961079;
  font-size:1em;
  margin:15px 0px 0px 0px;
}
h4 .noir{
  color:#000000;
  /* font-size:0.92em; */

  font-weight:normal;
}
#descriptif-box h4 {
  clear: both;
}
#descriptif-box h4 .note{
  font-size:0.85em;
}
/* reserve pour le info dans form */

h5{
  cursor:pointer;
  color:#777777;
  font-size:0.9em;
  line-height:20px;
  padding-left:30px;
  background:url(medias/info.png) no-repeat top left;
  margin:0px;
}
.expli{
  color:#777777;
  font-size:0.9em;
}
img{
  border:none;
}
dl{
  padding:0px;
  margin:0px;
}
dt{
  margin-top:10px;
  margin-bottom:0px;
  clear:both;
}
dd{
  clear:both;
  margin-left:5px;
  margin-bottom:10px;
}
dd img{
  float:left;
  margin:5px 5px 5px 0px;
}
ul{
  padding:0px;
  margin:0px;
  list-style-type:none;
}
.label {
  color: #000000;
  font-size: 13px;
}
#display-content ul{
  list-style-image:url("medias/puce-ul-mauve.png");
  padding-left:20px;
}
ul ul{
  padding:0px 0px 0px 15px;
  margin:2px 0px 2px 0px;
  list-style-type:disc;
}
ul ul ul{
  list-style-type:circle;
}
p{
  margin:10px 0px;
}
.spacer_l10{
  padding-left:10px;
}
.spacer_l20{
  padding-left:20px;
}
.spacer_l30{
  padding-left:30px;
}
.spacer_l40{
  padding-left:24px;
}
.divide10{
  width:100%;
  height:10px;
}
.divide20{
  width:100%;
  height:20px;
}
.divide30{
  width:100%;
  height:30px;
}
.divide40{
  width:100%;
  height:40px;
}
.divide50{
  width:100%;
  height:50px;
}
.divide60{
  width:100%;
  height:60px;
}
.divide70{
  width:100%;
  height:70px;
}
.divide80{
  width:100%;
  height:80px;
}
.shadow{
  -moz-box-shadow:0px 0px 8px 0px #999999;
  -webkit-box-shadow:0px 0px 8px 0px #999999;
  -o-box-shadow:0px 0px 8px 0px #999999;
  box-shadow:0px 0px 8px 0px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=90, Strength=8);
}
.rounded{
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.tools{
  clear:both;
}
.box-breadcrumbs{
  margin:5px 10px 10px 10px;
}
.box-breadcrumbs ul{
  list-style-type:none;
  padding:0px 5px;
  margin:0px;
}
.box-breadcrumbs ul li{
  list-style-type:none;
  display:inline;
  margin-right:7px;
}
.box-breadcrumbs li:before{
  content:"> ";
  color:#139EA7;
}

#display-pourquoi,
#display-sf-description{
  padding:20px 40px;
}
#box-sf-description{
  margin-top:23px;
}
#display-pourquoi h3{
  margin-top:0px;
  color:#5a5b5d;
  font-size:20px;
}
#display-pourquoi h3 img{}

#box-pourquoi ul{
  float:right;
}


#box-pourquoi ul li{
  margin:0px 30px;
  display:inline-block;
  text-align:center;
}
#box-pourquoi ul li a{
  text-decoration:none;
}
#box-pourquoi h4{
  outline:0;
  color:#000000;
  font-weight:normal;
  text-transform:uppercase;
  font-size:16px;
  line-height:25px;
  padding-top:10px;
  margin-top:0;
  cursor:pointer;
}
/*
#box-pourquoi #accordeon{
  width:500px;
}
*/
.img-responsive {
  margin: auto;
}

#box-pourquoi p{
  margin:0;
  text-align:justify;
  padding-bottom:7px;
}
#box-confiance,
#box-promotions fieldset, fieldset.fieldset-page {
  margin-top:30px;
}
body.noform #box-confiance,
#body-societe #box-confiance{
  display:block;
}
#box-confiance p{
  margin:0px;
  text-align:center;
}
#box-confiance fieldset,
#box-promotions fieldset,
fieldset.fieldset-page {
  border:1px solid #961079;
  text-align: left;
  margin-left: 15px;
}
fieldset.fieldset-page {
  border: 0;
}
#box-promotions fieldset {
  margin-top: 10px;
}
#box-confiance fieldset legend,
#box-promotions fieldset legend,
fieldset.fieldset-page legend {
  color: #961079;
  font-size: 22px;
  text-transform: uppercase;
  margin-left:30px;
  background-color: #FFFFFF;
  padding:3px 15px;
  border: 0;
  width:auto;
}
#box-promotions fieldset legend h2 {
  background-color: transparent;
  font-size: 1.0em;
  color: #961079;
}
fieldset.fieldset-page {
  padding: 20px;
  margin-bottom: 20px;
}
#box-promotions fieldset {
  margin-left: 0;
  border: 0;
}
#box-promotions fieldset legend {
  margin-left: 0;
}
fieldset.fieldset-page h1 {
  display: inline;
  font-size: 1.2em;
  border: 0;
}
fieldset.fieldset-page legend {
  margin-bottom: 0;
}
#box-promotions {
  padding-left: 15px;
  padding-right: 15px;
}
#box-promotions .promotion-display {
  margin:0px 0 25px 0;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
#box-promotions .promotion-display h3:first-child{
  margin-top:0;
  text-align:center;
}
#box-promotions .promotion-display h3{
  font-weight:normal;
  text-transform: none;
}
#box-promotions .promotion-display img {
  width: 100%;
  height: auto;
}
#box-promotions .promotion-display .lien{
  text-align:center;
  font-size: 1.2em;
}
p.promotion-img {
  margin: 0;
}
#box-promotions h3 {
  font-size: 1.2em;
  text-align: center;
  margin-top: 5px;
}
#box-promotions fieldset p {
  text-align: justify;
}
#box-promotions .promotions-content {
  text-align: justify;
  font-size: 0.9em;
}
#box-promotions .lien a:link, #box-promotions .lien a:visited, #box-promotions .lien a:hover {
  color: #961079;
  text-transform: uppercase;
}
#box-promotions .lien a:hover {
  color: #bdc843;
}
#box-promotions h3 a:link, #box-promotions h3 a:visited, #box-promotions h3 a:hover {
  color: #961079;
}
#box-promotions h3 a:hover {
  color: #bdc843;
}

#box-promotions a.tooltipp img {
  width: auto;
  height: auto;
  display: inline;
}
#box-promotions .promotion-accroche {
  background-color: #CCCCCC;
  color: #FFFFFF;
  padding: 3px 5px;
  text-align: center;
  font-size: 1.2em;
}
#box-promotions .promotion-accroche.vert {
  background-color: #b1c01b;
}
#box-promotions .promotion-accroche.violet {
  background-color: #961079;
}

#box-menu-produits {
  /*margin-top: 50px; */
}
#box-menu-produits .titre-menu-produits {
  background-color: #961079;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 5px 5px 8px;
  font-size: 1.1em;
  border-bottom: 1px solid #FFFFFF;
}
.contenu-complet{
  position:absolute;
  background:#f8fafb;
  padding:10px;
  color:#666666;
  display:none;
  z-index:1000;
  width:300px;
  text-align:justify;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  font-size:12px;
  -moz-box-shadow:0px 0px 8px 0px #656565;
  -webkit-box-shadow:0px 0px 8px 0px #656565;
  -o-box-shadow:0px 0px 8px 0px #656565;
  box-shadow:0px 0px 8px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.contenu-complet-slidedown {
  display: none;
}
.contenu-complet-slidedown p:first-child {
  margin-top: 0;
}
#fleche {
  font-size: 1.3em;
  margin-left: 5px;
  color: #961079;
}

#box-footer{
  color:#FFFFFF;
  background-color: #bdc843;
}
#box-footer {

}
#box-footer ul li{
  margin-bottom:7px;
}
#box-footer ul li a{
  color:#464347;
  text-decoration:none;
  border-left:1px solid #666666;
  display:block;
}
#box-footer ul li a:hover{
  color:#B3D401;
  border-left:1px solid #B3D401;
}

/* menu footer */

#box-footer #box-menu-footer ul li{
  display: inline-block;
  padding:15px 0px 10px 0;
}
#box-footer #box-menu-footer ul li:after {
  content: '|';
  display: inline;
}
#box-footer #box-menu-footer ul li:last-child:after {
  content: '';
}



#box-footer #box-menu-footer a:link,
#box-footer #box-menu-footer a:visited,
#box-footer #box-menu-footer a:hover{
  border:0px;
  color: #FFFFFF;
  display: inline;
}
#box-footer #box-menu-footer ul li:first-child{
  font-size:1em;
  text-transform:none;
  margin-bottom:0px;
}
#box-facebook{
  float:right;
  width:170px;
  text-align:right;
  line-height:1px;
}
.fb-like{
  margin-left:5px;
}
.fb_reset{
  margin-left:5px;
  display:inline;
}
#box-facebook a:first-child{
  margin-right:2px;
}
#box-content label,
#box-content .label{
  display:block;
  width:180px;
  float:left;
  margin-right:5px;
  padding-right:5px;
  text-align:left;
  font-weight: normal;
}
#box-content .label {
  clear: left;
  padding-left: 0;
  font-weight: normal;
}
#body-accueil-print #box-content label{
  float:none;
  display:inline;
}
#box-content p.label{
  margin-bottom:0px;
  padding-bottom:0px;
}
#box-content .fieldsInline{
  margin-left:0px;
  padding-left:0px;
}
#box-content .fieldsInline label,
#box-content .formFilters label,
#box-content .formFilters .label{
  margin-left:0px;
  padding-left:0px;
  border:none;
  display:inline;
  float:none;
  width:auto;
}
#box-content .fieldsInline li{
  display:inline;
  width:auto;
}
.intro{} .intro-thumb{
  float:left;
  margin-bottom:10px;
  margin-right:5px;
}
.box-post{
  border:1px solid #e9e9e9;
  background:#fafafa;
  clear:both;
  margin-bottom:10px;
}
.display-post{
  clear:both;
  padding:5px;
}
.box-post cite{
  padding:5px;
  margin:0px;
  display:block;
  border:1px solid #e9e9e9;
}
.display-post .tools{
  margin:0px;
}
.box-post h3,
.box-post h4{
  color:#666666;
  display:block;
  background-color:#e9e9e9;
  margin-top:0px;
  margin-bottom:0px;
  padding:5px;
}
.info-post{
  font-weight:bold;
  margin-top:10px;
  margin-bottom:0px;
}
.link-category{
  margin-top:0px;
  margin-bottom:0px;
}
.permalink{
  margin-top:0px;
}
.link-readit{
  margin-top:0px;
  margin-bottom:0px;
}
.link-comments{
  text-align:right;
  margin-top:0px;
  margin-bottom:0px;
}
table .link-category{
  margin-bottom:0px;
}
.box-post h3 .info-post{
  margin-top:0px;
  margin-bottom:0px;
  float:left;
}
.box-post h3 .actions-post{
  float:right;
}
.summary-category{
  margin-top:0px;
  margin-bottom:0px;
}
.post-modified{
  font-size:0.9em;
  font-style:italic;
  text-align:right;
}
.actions-post{
  text-align:right;
}
.tablePages{
  clear:both;
  margin-top:20px;
  margin-right:10px;
  text-align:right;
}
.tablePages span{
  margin-right:10px;
}
.tablePages a{
  background-color:#CCCCCC;
  color:#FFFFFF;
  padding:2px 6px;
}
.tablePages a:hover{
  background-color:#C6D300;
}
.tablePages a.active{
  background-color:#961079;
}
.filesize{
  font-size:0.8em;
}
.display-media{
  border:1px solid #e9e9e9;
  background:#fafafa;
  margin-top:0px;
  margin-bottom:10px;
  padding:5px;
}
.box-medias{
  width:640px;
  clear:both;
}
.album-s,
.media-s{
  overflow:hidden;
  position:relative;
  text-align:center;
  margin:0px 2px 5px 2px;
  padding:3px 1px 1px 1px;
  width:150px;
  float:left;
  display:inline;
}
.album-s{
  border:1px solid #666666;
}
.media-s{
  border:1px solid #e9e9e9;
}
#box-content .album-s,
#box-content .media-s{
  height:160px;
}
#box-sidebar .album-s,
#box-sidebar .media-s{
  width:110px;
  height:110px;
  margin:1px;
  padding:1px;
}
.album-s p,
.media-s p{
  margin:0px;
}
.media-l{
  margin:0px 0px 5px 0px;
  text-align:center;
}
.box-media a:link,
.box-media a:visited{
  text-decoration:none;
}
.media-s .link-comments{
  font-size:0.8em;
  text-align:center;
}
.box-media .previous{
  margin:0px;
  float:left;
}
.box-media .next{
  margin:0px;
  float:right;
}
.box-media .title{
  text-align:center;
  font-weight:bold;
  margin:0px;
}
.info-media{
  margin-top:0px;
  margin-bottom:0px;
}
.summary-media{
  margin-top:0px;
  margin-bottom:0px;
}
.accesskey{
  text-decoration:underline;
}
.submit,
.reset,
.back{
  background-color:#961079;
  padding:3px 8px;
  border:0px;
  text-decoration:none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:1em;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:0.3s;
  -moz-transition-property:background-color;
  -moz-transition-duration:0.3s;
  transition-property:background-color;
  transition-duration:0.3s;
}

.submit:hover,
.reset:hover,
.back:hover{
  background-color:#C2D201;
  color:#FFFFFF;
}

a.submit{
  color:#FFFFFF;
}
a.back{
  background-color:#EFEFEF;
  color:#999999;
}
.bloc-bouton-droit{
  float:right;
  margin:0px;
  line-height:26px;
}
.bloc-bouton-gauche{
  float:left;
  margin:0px;
  line-height:45px;
}
td.tdLast a{
  margin-left:5px;
}
.text{
  width:200px;
  background-color:#EEEEEE;
  font-size: 1em;
  padding:5px;
  border:0px;
}
.text:focus{
  background-color:#fff0fc;
}
.gras{
  font-weight:bold;
}
.center{
  text-align:center;
}
.center .submit{
  margin:auto;
}
.right{
  text-align:right;
}
.left,
#tabprix td.left{
  text-align:left;
}
.button{
  font-size:1em;
  padding: 5px 8px;
  -moz-box-shadow:2px 2px 5px 0px #777777;
  -webkit-box-shadow:2px 2px 5px 0px #777777;
  -o-box-shadow:2px 2px 5px 0px #777777;
  box-shadow:2px 2px 5px 0px #777777;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=134, Strength=5);
  background-color:#FFFFFF;
  border:0px;
  margin-right:10px;
  font-family:OpenSansRegular, sans-serif;
  margin-bottom: 5px;
}
.button:hover{
  cursor:pointer;
}
.button.checked{
  background-color:#961079;
  color:#FFFFFF;
  cursor:default;
}
a.button{
  color:#FFFFFF;
  background-color:#961079;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:0.3s;
  -moz-transition-property:background-color;
  -moz-transition-duration:0.3s;
  transition-property:background-color;
  transition-duration:0.3s;
}
a.button:hover{
  background-color:#C2D201;
}
#nbre_page a.button{
  background-color:#FFFFFF;
  color:#000000;
}
.blocformat .button{
  margin-bottom:10px;
}
.password{
  width:200px;
  border:1px solid #666666;
  font-size:0.9em;
}
#box-sidebar .text,
#box-sidebar .password{
  width:150px;
}
.checkbox{} .select{
  border:1px solid #666666;
  font-size:0.9em;
}
.radio{} .textarea{
  width:350px;
  height:250px;
  background-color:#EEEEEE;
  font-size:0.9em;
  padding:5px;
  border:0px;
}
.fieldsInline {
  margin-top: 15px;
  margin-bottom: 15px;
}
.fieldsInline .radio, .fieldsInline .checkbox {
  display: inline;
  margin-right: 5px;
}
.large .textarea{
  width:100%;
}
.text:focus,
.textarea:active{
  background-color:#fff0fc;
}
.date{
  width:80px;
}
.time{
  width:60px;
}
.numeric{
  width:60px;
}
.textareabigger{
  height:200px;
}
.keywords{
  margin:2px 0px;
}
.siteindex .active,
.tags .active{
  background-color:#139EA7;
  color:#FFFFFF;
}
.tag0{
  font-size:60%;
}
.tag10{
  font-size:70%;
}
.tag20{
  font-size:80%;
}
.tag30{
  font-size:90%;
}
.tag40{
  font-size:100%;
}
.tag50{
  font-size:110%;
}
.tag60{
  font-size:120%;
}
.tag70{
  font-size:130%;
}
.tag80{
  font-size:140%;
}
.tag90{
  font-size:150%;
}
.tag100{
  font-size:160%;
}
.clear{
  margin:0px;
  padding:0px;
  clear:both;
  height:0px;
  overflow:hidden;
  visibility:hidden;
}
.bleu{
  color:#961079;
}
.rouge{
  color:#FF0000;
}
.blanc{
  color:#FFFFFF;
}
.bloc-left{
  float:left;
  width:405px;
}
.bloc-right{
  float:right;
  width:405px;
}
#body-commande #page-recap .bloc-left{
  width:425px;
}
#body-commande .fieldset-page {
  border: 0;
}
#body-commande .fieldset-page legend h1, #body-devis-print .fieldset-page legend h1, #body-compte .fieldset-page legend h1, #body-devis-sur-mesure .fieldset-page legend h1 {
  display: none;
}
#body-commande .fieldset-page, #body-devis-print .fieldset-page, #body-compte .fieldset-page, #body-devis-sur-mesure .fieldset-page {
  padding-top: 0;
  margin-top: 10px;
}
#body-commande #page-recap .bloc-left .fieldset-box{
  width:auto;
}
#body-devis-immediat .fieldset-page {

}
.fieldset-box {
  border: 1px solid #cecdce;
  margin-bottom:30px;
  overflow:hidden;
  text-align:left;
}
.fieldset-box .select {
  width: 200px;
}
.fieldset-box h2{} .fieldset-box h4:first-child{
  margin-top:0px;
}
.fieldset-display{
  padding:20px 30px;
}
#box-content .fieldset-box label,
#box-content .fieldset-box .label{
  width:120px;
  padding: 0;
}
#box-content .fieldset-box.large label,
#box-content .fieldset-box.large .label{
  width:250px;
}
#facturation-box, #livraison-box {
  min-height: 470px;
}



/* mon compte page */
#display-mon-compte .fieldset-box {
  margin-bottom: 0;
}
#menu-compte-box.box-menu ul li a {
  font-size: 16px;
}

#blueimp-gallery {
  display: none;
}
#body-compte #display-content{
  padding-top:0px;
}
#body-mon-compte-page .fieldset-box{
  /*float:left;
  height:200px;*/
}
.note{
  font-size:0.9em;
}
#body-mon-compte-page .note{
  margin-top:30px;
  margin-bottom:0px;
}



/* commande */
.stepwizard-step .btn[disabled]{
  opacity:.9;
}
.stepwizard-step a{
  color:#FFFFFF;
}
.stepwizard-step p{
  margin-top:10px;
}
.stepwizard{
  position:relative;
}
.stepwizard-step button[disabled]{
  opacity:1 !important;
  filter:alpha(opacity=100) !important;
}
.stepwizard-row:before{
  top:14px;
  bottom:0;
  position:absolute;
  content:" ";
  width:80%;
  height:1px;
  background-color:#ccc;
  z-order:0;
  margin-left: 10%;
  margin-right: 10%;
}
.stepwizard-step{
  display:inline-block;
  width:20%;
  text-align:center;
  position:relative;
  vertical-align: top;
}
.btn-circle{
  width:30px;
  height:30px;
  text-align:center;
  padding:6px 0;
  font-size:12px;
  line-height:1.428571429;
  border-radius:15px;
}
.stepwizard-content{
  border:none !important;
  float:left !important;
  margin-top:0 !important;
  padding:15px !important;
  width:100% !important;
}
.expli-paiement {
  font-size: 0.9em;
}


#commande-old-devis, #commande-new-devis {
  min-height: 220px;
}
#commande-old-devis p,
#commande-new-devis p{
  text-align:justify;
}
#commande-old-devis p.center,
#commande-new-devis p.center{
  text-align:center;
}
#body-commande .fieldset-box{
  margin-left:0px;
  margin-right:0px;
}
#body-commande #prix-box .table,
#body-commande #prix-box .table{
  clear:none;
  margin:20px 0px 30px 0px;
}
#body-commande  #commande-old-devis .big.submit, #body-commande  #commande-new-devis .big.submit {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 20px;
}
#body-commande  #commande-old-devis .big.submit {
  margin-top: 28px;
}
#body-commande span.fieldlegende {
  color: #777777;
  font-size: 0.9em;
  padding-top: 5px;
  display: inline-block;
}

#commande-breadcrumb{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  border-radius:15px;
}
#commande-breadcrumb ul{
  display:block;
  padding-left:0px;
  list-style-type:none;
  list-style-image:none;
}
#commande-breadcrumb li{
  float:left;
}
#commande-breadcrumb li:first-child a{
  border-radius:15px 0px 0px 15px;
  -moz-border-radius:15px 0px 0px 15px;
  -webkit-border-radius:15px 0px 0px 15px;
}
#commande-breadcrumb li:last-child a{
  border-radius:0px 15px 15px 0px;
  -moz-border-radius:0px 15px 15px 0px;
  -webkit-border-radius:0px 15px 15px 0px;
  padding:5px 28px;
}
#commande-breadcrumb li a{
  background-color:#E5ECF0;
  display:block;
  padding:5px 24px;
  font-size:1.1em;
  line-height:1.5em;
  color:#000000;
}
#commande-breadcrumb li.active a{
  background-color:#961079;
  color:#FFFFFF;
}


#body-commande #box-content .fieldset-box label{
  width:90%;
}
#body-commande #box-content .fieldset-box .text,
#body-commande #box-content .fieldset-box .select,
#box-transferer .fieldset-box .text,
#box-suivi .fieldset-box .text, #box-mon-compte-page .fieldset-box .text {
  width:100%;
}

#box-mon-compte-page .fieldset-box .big.submit {
  margin-bottom: 10px;
}

#box-mon-compte-page .fieldset-box {
  min-height: 260px;
}
#body-compte .mSelect {
  width: 200px;
}


#body-commande #box-content .fieldset-box.large{
  margin-left:auto;
  margin-right:auto;
}
#body-commande #box-content .fieldset-box.large .text{
  width:99%;
}
#body-commande #box-content .fieldset-box.large #r-code.text{
  width:100px;
}
#body-commande #box-content #prix-box label{
  width:150px;
  color:#961079;
  line-height:2.3em;
}
#body-commande #box-content #prix-box strong{
  line-height:1.9em;
  font-size:1.2em;
}
#body-commande #box-content #prix-box .submit{
  margin-left:10px;
}
#box-content p.comments label{
  width:300px;
}
#cgv label{}

.big.submit,
.big.back{
  font-size:18px;
  padding:10px 20px;
  text-align:right;
  margin-bottom:30px;
  line-height: 20px;
  display: inline-block;
}
.adresses-box {
  margin-bottom: 30px
}
a.adresse, a.adresse:hover {
  background-color:#EEEEEE;
  color: #000000;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px;
  margin:10px auto;
  display:block;
  cursor:pointer;
  text-decoration:none;
  text-align:center;
}
.adresse:hover{
  background-color:#e5ffdd;
  color:#000000;
}
a.adresse.active{
  /*
  background-color:#B3D401;
  color: #FFFFFF;*/
}
a.adresse.active .glyphicon {
  color: #B3D401;
}
.adresse em{
  color:#000000;
  font-weight: bold;
}
a.adresse-delete {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #961079;
}
.adresse-wrapper {
  position: relative;
}
.adresse .glyphicon-ok {
  position: absolute;
  top: 40%;
  left: 15px;
  font-size: 25px;
  display: none;
}
.adresse.active .glyphicon-ok {
  display: block;
}


#f2-divers {
  max-height: 100px;
  width: 100%;
}

#paiement-box h3{
  margin-top:30px;
}
#paiement-box .fieldset-display p:last-child {
  padding-top:10px;
}
#paiement-box .fieldset-display p:last-child a{
  display:block;
  line-height:2em;
  width:230px;
  margin:0 auto;
}
#paiement-box a.button {
  background-color: #FFFFFF;
  color: #961079;
  border: 1px solid #961079;
  box-shadow: 0px 0px 0px 0px #777777;
}
#paiement-box a.button:hover {
  background-color: #961079;
  color: #FFFFFF;
}
table.rib{
  margin:0 auto;
}
table.rib td{
  text-align:center;
}
table.rib th{
  text-align:center;
  text-transform:none;
  font-size:0.9em;
}
#box-commande-services {
  padding-top: 10px;
}
#box-commande-services .col-sm-3 {
  text-align: center;
}
#box-commande-services .col-sm-3 img {
  height: 60px;
  width: auto;
}
#box-commande-services .col-sm-3 strong {
  text-transform: uppercase;
}
#prestation-box {
  background-color: #d6d7d9;
  text-align: center;
}
#prestation-box p, #prestation-box h3 {
  text-align: center;
}
#prestation-box .prestation-contenu {
  text-align: justify;
}
#prestation-box .prestation-contenu a:link, #prestation-box .prestation-contenu a:visited, #prestation-box .prestation-contenu a:hover {
  color: #961079;
}
#prestation-box ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0;
  text-align: center;
}
#prestation-box ul li {
  display: inline-block;
}
#prestation-box ul li:first-child {
  margin-right: 15px;
}
#prestation-box ul li a {
  background-color: #adbe00;
  color: #961079;
  padding: 10px 30px;
  font-size: 15px;
  text-transform: uppercase;
}
#prestation-box ul li a:hover {
  background-color: #961079;
  color: #FFFFFF;
}
#prestation-box .prestation-prix {
  color: #961079;
  font-size: 2.2em;
  padding-bottom: 10px;
  font-weight: bold;
}
#prestation-box h3 {
  font-size: 1.6em;
  margin-bottom: 20px;
  font-weight: normal;
}

#prestation-devis {
  border: 1px solid #AAAAAA;
  padding: 10px;
  text-align: left;
  margin-bottom: 15px;
}

#prix-box table{
  font-size:12px;
  margin:0 auto;
}
#prix-box table th{
  font-size:12px;
  text-align:center;
  border:1px solid #CCCCCC;
  border-collapse:collapse;
}
#prix-box table td{
  text-align:center;
  border:1px solid #CCCCCC;
  border-collapse:collapse;
  padding:5px 0px;
  width:108px;
}
#prix-box table.remise td{
  width:96px;
  padding:3px 0px;
}
#body-commande #f2-commentaires{
  width:100%;
  height:60px;
}
#body-commande #commentaires label{
  width:100%;
  margin-bottom:5px;
}
/* sous navigation */
.navbar{
  min-height:auto;
  margin-bottom:0;
}
.nav>li>a:hover, .nav>li>a:focus{
  background-color:transparent
}
.navbar-header{
  float:none;
}
.navbar-nav{
  float:none;
  margin:0 auto;
  display:block;
  text-align: center;
}
#box-menu-print .navbar-nav {
  text-align: right;
}
.navbar-nav>li{
  float:none;
  display:inline-block;
}
#menu-compte-box.box-menu{
  padding-bottom:40px;
  padding-left:0px;
}
#display-content .box-menu ul{
  list-style-image:none;
  padding-left:0px;
}
.box-menu ul li a {
  color:#000000;
  font-size:18px;
  text-transform:uppercase;
  padding:10px 20px;
  border-bottom: 10px solid #FFFFFF;
}
.box-menu ul li a.active, .box-menu ul li.active a {
  border-bottom: 10px solid #961079;
  color: #961079;
}
.box-menu ul li a:hover {
  color: #b9c525;
  border-bottom: 10px solid #b9c525;
}

.fa.fa-home {
  font-size: 21px;
}

/* suivi */
#suivi-box{
  width:100%;
}
#suivi-box ul{
  list-style-image:none;
}
#suivi-box ul.statuts {
  margin-left: 0;
  padding-left: 0;
}
#suivi-box ul.statuts li{
  text-align:center;
  line-height:30px;
  text-transform:uppercase;
  color:#FFFFFF;
  width: 20%;
  display: inline-block;
}

#suivi-box ul.statuts li.back2{
}
#suivi-box ul.statuts li.back6{
}
#suivi-box table th{
  font-size:0.9em;
  line-height:1.2em;
  height:auto;
  padding:3px 0px;
}
#suivi-box table tr td:first-child{
  padding-left:20px;
}

/* gestion */

#gestion-box table{
  width:100%;
}
#gestion-box td{
  line-height:20px;
}
.back2{
  background-color:#71b6e1;
}
.back3{
  background-color:#acc705;
}
.back4{
  background-color:#71c5c8;
}
.back5{
  background-color:#9b579a;
}
.back6{
  background-color:#172983;
  color:#FFFFFF;
}
.dev.back2{
  background-color:#dcf2ff;
}
.dev.back3{
  background-color:#edf1d5;
}
.dev.back4{
  background-color:#cafdff;
}
.dev.back5{
  background-color:#ffe7ff;
}
.dev.back6{
  background-color:#dfe4ff;
  color:#000000;
}
#suivi-box tr.dev{
  display:none;
}
#suivi-box table{
  width:100%;
}
#suivi-box th{
  color:#000000;
  text-align:center;
}
#suivi-box th a{
  text-align:center;
  color:#000000;
}
#suivi-box tr.dev td h3{
  color:#000000;
  font-size:1.1em;
  margin-top:25px;
}
#suivi-box .suivi-document{
  font-size:1.1em;
}
#suivi-box .suivi-document strong{
  color:#961079;
}
#suivi-box .suivi-document a{
  color:#000000;
}
#suivi-box tr.dev td{
  padding:20px;
}
#suivi-box tr.dev td h3:first-child{
  margin-top:0px;
}
#suivi-box tr.dev td .textarea{
  background-color:#FFFFFF;
  width:99%;
  height:80px;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:0.3s;
  -moz-transition-property:background-color;
  -moz-transition-duration:0.3s;
  transition-property:background-color;
  transition-duration:0.3s;
}
#suivi-box tr.dev td p span.label{
  width:115px;
}
#suivi-box tr.main{
  cursor:pointer;
  color:#FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
#suivi-box tr.dev td .textarea:focus{
  background-color:#fff0fc;
}
#suivi-box tr.main td:first-child{
  background:transparent url(medias/suivi-fleche-droite.png) no-repeat 10px 9px;
}
#suivi-box tr.main.active td:first-child{
  background:url(medias/suivi-fleche-bas.png) no-repeat 10px 9px;
}
#suivi-action{
  margin:0 auto;
  padding-left: 0;
  text-align: center;
}
#suivi-action li{
  display: inline-block;
  margin:0px 11px;
}
#suivi-action li:first-child{
  margin-left:0px;
}
#suivi-action li:last-child{
  margin-right:0px;
}
#suivi-action li a{
  background-color:#f6f9f9;
  color:#585b5a;
  display:block;
  padding:8px 14px;
  text-transform:uppercase;
  -moz-box-shadow:2px 2px 5px 0px #777777;
  -webkit-box-shadow:2px 2px 5px 0px #777777;
  -o-box-shadow:2px 2px 5px 0px #777777;
  box-shadow:2px 2px 5px 0px #777777;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=134, Strength=5);
}
#suivi-action li a .glyphicon {
  margin-right: 10px;
}
#suivi-action li a:hover{
  background-color:#585b5a;
  color:#f6f9f9;
}
#suivi-form .submit{
  background-color:#f6f9f9;
  color:#585b5a;
}
#suivi-form .submit:hover{
  background-color:#585b5a;
  color:#f6f9f9;
}
.comment-conteneur{
  max-height:200px;
  overflow:auto;
  margin-top:18px;
}
.comment-box{
  width:49%;
  clear:both;
  margin-bottom:5px;
  margin-top:-22px;
  font-size:0.9em;
}
.comment-box.first{
  margin-top:0px;
}
.comment-box.first.role-cl{
  margin-top:0px;
}
.comment-box.nomargin{
  margin-top:0px;
}
.comment-box.role-mm{
  float:left;
  background-color:#e5ecf0;
}
.comment-box.role-cl{
  background-color:#f5f5f5;
  float:right;
}
.comment-display{
  padding:7px 10px;
}
.comment-display .prefix{
  display:block;
  font-weight:bold;
}
/* brief */

#suivi-brief .textarea{
  width:100%;
}
/* telechargement docs */

#body-telechargement .col-lg-7{
  width:100%;
  padding:0px;
}
#body-telechargement .fieldset-box{
  min-height:300px;
}
.btn{
  margin-right:10px;
}
.btn-primary{
  background-color:#961079;
  border-color:#961079;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 2px 2px 5px 0px #777777;
  -webkit-box-shadow: 2px 2px 5px 0px #777777;
  -o-box-shadow: 2px 2px 5px 0px #777777;
  box-shadow: 2px 2px 5px 0px #777777;
  filter: progid: DXImageTransform.Microsoft.Shadow(color=#777777, Direction=134, Strength=5);
}
.btn-primary:hover {
  background-color: #adbc26;
  border-color: #adbc26;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  background-color: #B3D401;
  border-color: #B3D401;
}
.btn-success{
  background-color:#ACC705;
  border-color:#ACC705;
}
.col-lg-7{
  text-align:center;
}
#body-telechargement #box-content i{
  margin-right:3px;
}
#body-telechargement form {
  min-height: 280px;
}
.table tr.template-download td,
.table tr.template-upload td{
  vertical-align:middle;
}
.table tr.template-download td p,
.table tr.template-upload td p{
  margin:0px;
}
.table tr.template-download td:last-child,
.table tr.template-upload td:last-child{
  text-align:right;
}
.table tr.template-download td:last-child input{
  margin-left:20px;
}
/* faq */

#body-print-faq #display-content h4{
  background:url("medias/fleche-mauve-off.png") no-repeat 0px 3px;
  padding-left:30px;
  outline:0;
}
#body-print-faq #display-content h4:hover{
  cursor:pointer;
}
#body-print-faq #display-content h4.ui-state-active{
  background:url("medias/fleche-mauve-on.png") no-repeat 0px 3px;
}
/* send to friend */

#body-recommander-ce-site #box-content form{
  margin-top:30px;
}
#body-recommander-ce-site #box-content form .textarea{
  width:650px;
}
/* ---------- grille liste des types ------------ */

#display-list-types-accueil{
  padding:0 30px;
}
#box-list-types-accueil a img.img-responsive.center-block{
  width:100%;
  height:auto;
}
ul.grille{
  text-align:center;
}
ul.grille li{
  -moz-box-shadow:5px 5px 3px 0px #AAAAAA;
  -webkit-box-shadow:5px 5px 3px 0px #AAAAAA;
  -o-box-shadow:5px 5px 3px 0px #AAAAAA;
  box-shadow:5px 5px 3px 0px #AAAAAA;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=134, Strength=3);
  margin:0;
  padding:0;
  display:block;
  list-style-type:none;
  display:inline-block;
  margin:15px;
  position:relative;
}
ul.grille li a .fondlegende,
ul.grille li a img{}
ul.grille li a:hover .fondlegende{
  background-color:#961079;
}
ul.grille li a:hover{}
ul.grille li a:hover img{
  opacity:0.7;
}
ul.grille li img.img-responsive{
  width:100%;
  height:auto;
}
/* si autre que page d'accueil alors en sous-menu */

#box-list-types.sub-menu{
  display:none;
  padding-top:20px;
  padding-bottom:20px;
  margin-top:-2px;
  z-index: 1000;
  position: relative;
}
#box-list-types.sub-menu ul.grille{} #box-list-types.sub-menu ul.grille li{
  margin:10px;
}
#box-list-types.sub-menu ul.grille li img{
  width:110px;
}
#box-list-types.sub-menu .legende{
  /* font-size:0.8em; */
}
#body-catalogue #box-carousel-presentation {
  margin:20px -15px 30px -15px;
}
#body-catalogue #display-content{
  padding:0;
}
.box-errors{
  background-color:#FFF2F2;
  padding:10px;
  border:1px solid #FF0000;
  margin:0 0px 20px 0px;
}
.box-errors a:link, .box-errors a:visited, .box-errors a:hover {
  color: #FF0000;
  text-decoration: underline;
}
.box-errors h3{
  color:#FF0000;
  text-transform:none;
  font-size:1em;
  margin-top:0px;
}
.box-infos{
  background-color:#EEEEEE;
  padding:10px;
  border:1px solid #cbcccb;
  margin:0 20px 20px 20px;
  text-align: center;
}
.box-infos h3{
  color:#cbcccb;
  text-transform:none;
  font-size:1em;
  margin-top:0px;
  display:none;
  text-align: center;
}
hr{
  color:#CCCCCC;
  background-color:#CCCCCC;
  width:250px;
  height:1px;
  border:0px;
  margin:20px auto;
}
.flex-row {
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}

/* popup descriptif */
.popup-recap h1 {
  text-transform: uppercase !important;
  color: #000000;
  margin-bottom: 10px;
}
.popup-recap h1 .bleu {
  color: #961079;
}
.popup-recap h2 {
  background-color: transparent;
  border-bottom: 1px solid #000000;
  color: #961079;
  text-align: left;
  font-size: 1.3em;
  height: 35px;
  line-height: 35px;
  margin-bottom: 15px;
}
.popup-recap h4 {
  margin-bottom: 0;
}
.popup-recap p {
  margin-top: 2px;
}
#box-content .popup-recap .label {
  width: auto;
  clear: none;
  display: inline;
  margin-right: 0
}
.popup-recap .col-sm-4 h4:first-child {
  margin-top: 0;
}
.popup-recap p.popup-recap-prix {
  font-size: 1.7em;
  color: #961079;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup-recap .traitement h4 {
  color: #000000;
}

.fancybox-opened .fancybox-skin {
  background-color: #FFFFFF !important;
}


/* menu formats (bouton produit) */
#box-pre-sidebar {
  position: fixed;
  top: 132px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1030;
  display: none;
  overflow: auto;
}
#display-pre-sidebar {
  background-color: #fbf7f6;
}

#box-menu-formats {
  position: relative;
}
#menu-formats-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #9c0976;
  cursor: pointer;
}


#display-menu-formats {
  padding-top: 40px;
  padding-bottom: 30px;
}
#display-menu-formats ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}
#display-menu-formats ul ul {

}
#display-menu-formats ul a {
  color: #9f9d9e;
  font-size: 1.2em;
}
#display-menu-formats ul ul a {
  font-size: 0.9em;
  color: #961079;
}
#display-menu-formats ul ul {
  margin-bottom: 20px;
  padding-left: 15px;
  padding-top: 10px;
}
#display-menu-formats ul li {
  margin-bottom: 10px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#display-menu-formats .col-sm-3 {
  border-right: 1px solid #DDDDDD;
}
#display-menu-formats  .row .col-sm-3:last-child {
  border: 0;
}
#box-menu-print a.produits {
  cursor: pointer;
}


@media (min-width:768px) and (max-width:1000px){
  .navbar-collapse.collapse{
      display:none !important;
  }
  .navbar-collapse.in{
      display:block !important;
  }
}
@media (max-width:1200px){
  .box-menu-haut {
    top: 0;
  }
  .box-menu-haut ul li {
    float: none;
    display: block;
  }
  .box-menu-haut ul li a:link, .box-menu-haut ul li a:visited, .box-menu-haut ul li a:hover{
    padding: 2px 10px;
    font-size:0.9em;
    text-align: left;
  }
  .box-menu-haut ul li:last-child {
    border-left: 1px solid #000;
  }
  .box-menu ul li a, body.web .box-menu ul li a{
    padding:10px 10px;
  }
  .navbar-nav>li>a{
    padding:15px 10px;
  }
  .navbar-toggle .icon-bar{
    border:1px solid;
  }
  #display-logo{
    margin-left:0;
  }
  .choix-prestation #choix-prestation-inactive .prestation img {
    height: 55px;
  }
  #prestation-box img {
    height: 80px;
  }
  #prestation-box ul li a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .prestation-box h2, .prestation-box h2 a, .prestation-box h2 span {
    height: 200px;
  }
  .prestation-box h2 img {
    height: 90px;
  }
  .prestation-box h2 span {
    font-size: 19px;
  }
  #box-sidebar {
    height: 190px;
  }
  .content-sidebar-wrapper {
    margin-top: -240px;
  }
  .titre {
    font-size: 1.1em;
    line-height: 1.3em;
  }
  .tel {
    font-size: 1.2em;
  }
  #box-promotions .promotion-display .lien {
    font-size: 1.0em;
  }
  #box-promotions h3 {
    font-size: 1.1em;
  }
  .choix-prestation #choix-prestation-active {
    height: 95px;
  }
  .choix-prestation #choix-prestation-inactive .prestation img {
    height: 40px;
  }
  .choix-prestation #choix-prestation-active img {
    max-height: 70%;
    margin-top: 15px;
  }
  .choix-prestation-content .titre {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .choix-prestation-content .soustitre {
    font-size: 1.1em;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .choix-prestation-content .description {
    margin-top: 5px;
    font-size: 0.9em;
  }
  #box-sidebar {
    overflow: hidden;
  }
}

@media (max-width:992px){
  .flex-row {
    display: block;
  }
  #display-content{
    padding:15px;
  }
  #body-devis-print #display-content{
    padding:0px 15px;
  }
  .slideShow{
    height:auto;
  }
  #box-logo{
    position:relative;
  }
  #box-logo .rtecenter{
    text-align:left !important;
  }
  #box-logo .center-block{
    margin:0 !important;
  }
  #box-logo .logo-img img{
    height:45px;
  }
  #box-logo p{
    font-size:0.8em;
  }
  .navbar{
    min-height:0;
    margin:0;
  }
  #display-header .navbar-toggle{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    border:1px solid #777;
  }
  #box-categorie{
    height:50px;
  }
  #box-categorie ul li{}
  #display-header .navbar-collapse.collapse{
      display:none !important;
      overflow:visible !important;
      width:100%;
  }
  #display-header .navbar-collapse.in{
      display:block !important;
      overflow:visible !important;
      width:100% !important;
      padding:0;
  }
  #display-header .navbar-principal .navbar-collapse.in ul{
      width:100%;
  }
  #display-header .navbar-toggle{
      display:block;
  }

  #display-header .navbar-header{
      width:100%;
  }
  #display-header .navbar-principal .navbar-collapse.in ul{
      width:100% !important
  }
  #display-header .navbar-principal .navbar-collapse.in ul li, #display-header .navbar-principal>li{
      float:none !important;
      clear:both;
      width:100% !important;
      display:block !important;
      padding:0;
  }
  .navbar-nav{
    text-align:left;
  }
  .navbar-nav>li{
    display:block;
  }
  #display-header .navbar-principal .navbar-nav>li>a{
    padding-left:10px;
    max-width:100%;
  }
  #display-header .navbar-nav>li>a{
      padding-top:10px;
      padding-bottom:10px;
  }
  #display-header .dropdown-menu{
      position:relative;
  }
  #display-header .navbar.sticky{
      position:relative !important;
  }
  #display-header .navbar-principal, #display-header .dropdown-menu{
      box-shadow:none;
  }
  #display-header .navbar-collapse{
      max-height:none;
  }
  #display-header .navbar-nav .dropdown-menu>li>a{
      padding:5px 15px 5px 15px;
      color:#b1b1b1;
  }
  #display-header .nav>li>a{
      display:block;
      clear:both;
      width:90%;
  }
  #box-categorie ul li{
    margin-right:8px;
  }
  #display-header .navbar-principal .navbar-nav{
      padding:5px 0;
      margin:0;
  }
  #display-header .navbar-toggle{
    margin-right: 15px;
    margin-top: 5px;
  }
  #display-header .navbar-principal .navbar-nav>li>a{
      max-width:100%;
  }
  .box-menu ul li a, .navbar-nav>li>a{
    padding:12px 8px;
    font-size:14px;
  }
  #display-header .navbar-principal .navbar-nav>.active>a{
      width:100%;
      max-width:100%;
  }
  #display-header .navbar-nav>li>.dropdown-menu{
      top:0;
      width:100%
  }
  fieldset.fieldset-page {
    margin-left: 0;
  }


  /* accueil */
  #body-catalogue h1 {
    display: none !important;
  }

  #display-list-types-accueil{
    padding:0 15px;
  }
  #display-pourquoi, #display-sf-description{
    padding:20px 30px;
  }
  #box-pourquoi ul li{
    margin:0px 10px;
  }
  #box-pourquoi ul li a img{
    max-width:100px;
    height:auto;
  }
  #box-footer .box-menu-footer-list h4{
    text-align:left
  }
  #body-catalogue #box-carousel-presentation{
    margin-bottom:20px;
  }
  #box-footer ul.navbar-nav{
    margin:5px 0;
  }
  #box-menu-footer .box-menu ul li a, #box-menu-footer .navbar-nav>li>a{
    padding:5px;
  }
  #box-promotions{
    font-size:0.9em;
  }
  #box-sidebar {
    height: auto;
  }
  #display-sidebar {
    padding-right: 0;
  }
  .content-wrapper {
    padding-right: 0;
  }
  #box-menu-haut {
    display: none;
  }
  .box-menu ul li.active a, .box-menu ul li a.active, .box-menu ul li a:hover {
    border: 0;
  }
  .box-menu ul li {
    border-bottom: 1px solid #CCCCCC;
  }
  #display-header .nav>li>a {
    width: 100%;
  }
  #box-menu-print .navbar-nav {
    text-align: center;
  }
  #box-avis h2 {
    font-size: 25px;
  }
  .flexslider {
    margin-left: 50px;
    margin-right: 50px;
  }
  .custom-navigation .flex-prev {
    margin-left: 10px;
  }
  .custom-navigation .flex-next {
    margin-right: 10px;
  }
}
@media (max-width:768px){
  .container.mobile-margin{
    margin:0 15px;
  }
  #box-content.rounded{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
  }
  .box-menu-haut ul li a:link{
    padding:15px 10px 20px 30px;
  }
  #box-header{
  }
  #box-categorie{
    height:52px;
  }
  #box-logo .logo-img img, body.header-fixed #box-logo img {
    height:45px;
    width: auto;
  }
  #box-categorie ul li{
    width:135px;
    height:55px;
  }
  #display-header .navbar-collapse.in{
    width:auto;
  }
  #display-header .navbar-principal .navbar-collapse.in ul{
    padding:0;
  }
  #display-bottom-footer .navbar-nav{
    padding:0 15px;
  }
  #display-bottom-footer .navbar-nav.secondary{
    float:none;
    width:100%;
    text-align:right;
  }
  #display-header .navbar-brand{
    float:none;
  }
  #display-list-types-accueil{
    padding:0 15px;
  }
  #box-footer .navbar-nav{
    margin:0;
  }
  #box-footer #box-liste-formats{
    padding-top:0;
  }
  #box-footer #box-menu-footer ul li{
    margin:0;
    padding:0;
  }
  #box-facebook{
    float:none;
  }
  .prestation-box h2 img {
    height: 70px;
  }
  .prestation-box h2 span {
    font-size: 16px;
  }
  #box-pre-footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  fieldset.fieldset-page h1 {
    font-size: 0.9em;
  }
  .box-menu ul li a, .box-menu ul li a:hover {
    border: 0;
  }
  #box-menu-print {
    padding: 0 !important;
    background-color: #FFFFFF;
  }
  #box-menu-print .container-fluid {
    padding: 0;
  }
  #box-avis h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  body.header-fixed #box-logo {
    width: 100%;
  }
  body.header-fixed #display-logo {
    padding-left: 0 !important;
  }

}
@media (max-width:600px){
  body {
    /* background-color: #FF0000; */
  }
  #box-logo .logo-img {
    text-align: left;
    margin-left: 30px;
  }

  #display-header .navbar-header{
      width:100%;
      padding:0;
      margin:0 !important;
  }
  .prestation-box h2 span {
    font-size: 14px;
    line-height: 20px;
  }
  .prestation-box p {
    display: none;
  }
  #box-promotions fieldset {
    margin-top: 15px;
  }
  #box-choix-prestation {
    display: none;
  }
  .flexslider {
    margin-left: 30px;
    margin-right: 30px;
  }
  .custom-navigation .flex-prev {
    margin-left: 0px;
  }
  .custom-navigation .flex-next {
    margin-right: 0px;
  }
  .avis-stars .glyphicon {
    font-size: 15px;margin-right: 1px;
  }
  #display-avis {
    padding: 10px;
  }

}
@media (max-width:500px){
  body {
    /* background-color: #0000FF; */
  }
  #box-logo .logo-img {
    text-align: left;
    margin-left: 15px;
    padding-top: 10px;
  }
  #box-logo .logo-img img, body.header-fixed #box-logo .logo-img img {
    height:30px;
  }
  #box-header{
    height:70px;
  }
  #box-categorie{
    height:67px;
  }
  #box-categorie ul li{
    height:50px;
  }
  #prestation-box ul li {
    display: block;
    margin-bottom: 30px;
  }
  #prestation-box ul li:first-child {
    margin-right: 0;
  }
  #prestation-box .prestation-prix {
    font-size: 2.0em;
  }
}




@media print{
  body{
    color:#000000;
    background-color:#FFFFFF;
    background-image:none;
    margin:0px;
  }
  div{
    background-image:none;
    background-color:#FFFFFF;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6{
    color:#000000;
    background-color:#FFFFFF;
  }
  a:link,
  a:visited,
  a:hover{
    color:#000000;
    text-decoration:underline;
  }
  .noprint,
  .tools{
    display:none;
  }
  .print{
    display:block;
  }
  .tablePages{
    margin-bottom:5px;
  }
  .box-post{
    border:1px solid #000000;
  }
  table,
  .box-post,
  .odd,
  tr th,
  td{
    background-color:#FFFFFF;
  }
  table{
    background-color:#FFFFFF;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:0 none;
  }
  tr th,
  td{
    border-bottom:1px solid #000000;
  }
  #box-header,
  #box-sidebar,
  #box-footer{
    display:none;
  }
  #box-wrap,
  #box-content,
  #display-content{
    color:#000000;
    background-color:#FFFFFF;
    background-image:none;
    z-index:10;
    width:630px;
    height:auto;
    overflow:visible;
    float:none;
    position:relative;
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;
  }
}




/* menu vertical */
#menu-accordeon{
  padding:0;
  margin:0;
  list-style:none;
  text-align:center;
  font-size:1em;
}
#menu-accordeon ul{
  padding:0;
  margin:0;
  list-style:none;
  text-align:left;
}
#menu-accordeon li{
   background-color:#e6e4e0;
   margin-bottom:2px;
}
#menu-accordeon li li{
   max-height:0;
   overflow:hidden;
   transition:all .5s;
   border-radius:0;
   background:#faf7f6;
   box-shadow:none;
   border:none;
   margin:0
}
#menu-accordeon a{
  display:block;
  text-decoration:none;
  color:#414341;
  padding:5px 5px 5px 8px;
  text-align:left;
  text-transform:uppercase;
}
#menu-accordeon ul li a{
    font-size:0.9em;
}
#menu-accordeon li:hover, #menu-accordeon li:focus{
   background:#7c7c7c;
   color: #FFFFFF;
}
#menu-accordeon li:hover a, #menu-accordeon li:focus a {
   color: #FFFFFF;
}
#menu-accordeon li li:hover{
   background:#999;
}
#menu-accordeon li li:hover a,
#menu-accordeon li:hover li a, #menu-accordeon li:focus li a {
  color:#961079;
}

#menu-accordeon ul li:last-child{
   border:none;
}
#menu-accordeon li:hover li, #menu-accordeon li:focus li{
  /* max-height:20em; */
}
#menu-accordeon li.active a {
  background-color: #7c7c7c;
  color: #FFFFFF;
}
#menu-accordeon li.active li a {
  background-color:#faf7f6;
  color: #961079;
}
#menu-accordeon li.active li {
  max-height:20em;
}
#menu-accordeon li.active li a:hover {
background:#999;
}
#menu-accordeon li li.active a {
  font-weight: bold;
}


@media screen and (max-width:1024px){
    #menu-accordeon li:hover li{
        max-height:0;
    }
    #menu-accordeon li.active li{
        max-height:20em;
    }
    #menu-accordeon li.active{
        background:#729EBF
    }
    #menu-accordeon li:hover{
        background-color:#729EBF;
        background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
        background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
    }
}
body.itemparent-Types #display-content-sidebar {
  padding-top: 15px;
}
#box-menu-produits h3{
  color:#FFFFFF;
  background-color:#b4d22a;
  padding:5px 5px;
  text-transform:uppercase;
  font-size:13px;
  margin-top:0;
  font-weight:normal;
  margin-bottom:0;
}
#body-devis-print #display-content{
  padding:0;
}

/*
#box-menu-print {
  background-color: #FF0000 !important;
  position: fixed;
  top: 0;
}
#box-menu-print .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
*/
body.header-fixed .container-header-wrapper {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  z-index: 99;
  margin: auto;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 7px 20px 0px rgba(102,102,102,0.74);
  -moz-box-shadow: 0px 7px 20px 0px rgba(102,102,102,0.74);
  box-shadow: 0px 7px 20px 0px rgba(102,102,102,0.74);
}
body.header-fixed .container-header {
  background-color: #FFFFFF;
}
body.header-fixed #box-sidebar {
  margin-top: 133px;
}
body.header-fixed #box-menu-haut, body.header-fixed #box-menu-haut-connecte {
  display: none;
}
body.header-fixed #box-logo {
  position: fixed;
  top: 0;
  overflow: hidden;
  margin: 3px;
}
body.header-fixed #box-logo img {
  width: auto !important;
  height: 40px;
  margin-top: 3px;
}
body.header-fixed #display-logo {
  padding-left: 30px;
}
body.content-sidebar-fixed #box-question-conseil {
  height: auto;
}
body.content-sidebar-fixed #box-question-conseil .titre, body.content-sidebar-fixed #box-question-conseil .image {
  display: none;
}
body.content-sidebar-fixed .content-sidebar-wrapper {
  margin-top: 0;
}
body.content-sidebar-fixed #display-content-sidebar-in {
  position: fixed;
  top: 50px;
  margin-top: 0px;
  background-color: #CCCCCC;
}
body.content-sidebar-fixed #box-menu-produits {
  margin-top: 0;
}
body.content-sidebar-fixed .demande-prix a:link, body.content-sidebar-fixed .demande-prix a:visited {
  background-image: none;
}
input[type="file"] {
  display: inline;
}