#wpadminbar{display: none !important;}

.home img.auto{width: auto;}

@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Light.otf);
    font-weight: 300;
}

@font-face {
    font-family: Avenir;
    src: url(../fonts/AvenirLTStd-Roman.otf);
    font-weight: 400;
}

.no-padding{padding: 0;}
.no-padding-right{padding-right: 0;}
.no-padding-left{padding-left: 0;}

.no-margin{margin: 0 !important;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.inline-block{display: inline-block;}
.clear{clear: both;}

.btn-navbar{display: none;}

a:hover, a:focus{color: #ff3c00; background-color: initial; text-decoration: none;}

.navbar{margin-bottom: 0;}
.navbar-brand{display: none;}


img{max-width: 100%;}

.panel-group .panel{border: 0; box-shadow: none; }
.panel-default>.panel-heading, .panel-group .panel{background-color: transparent; border: 0;}
.panel-default>.panel-heading{padding-bottom: 0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border: 0;}

.woocommerce-message{display: none;}

#main-menu, #main-menu-home{font-size: 0; margin: 20px 0; text-align: right;width: 100%;}
#main-menu li, #main-menu-home li{ display: inline-block; min-width: 14%;}
#main-menu li a, #main-menu-home li a{font-size: 12px; font-family: 'Avenir', Helvetica, sans-serif; text-transform: uppercase; color: #ccc;}
#main-menu li a:hover, #main-menu-home li a:hover{color: #ff3c00; background-color: initial;}
/*#main-menu li:nth-of-type(3) a, #main-menu-home li:nth-of-type(3) a{font-size: 18px; font-weight: bold;  background: url(../img/logo.png); background-repeat: no-repeat; background-size: 130px;top:8px;color: transparent;}
*/
.count-product{background-color: #ff3c00; color: #FFF; padding: 3px 4px 0px; line-height: 1; position: absolute; top: 4px; margin-left: 4px;}

#accueil{position: relative;}
#accueil .content{
	background-color: #fff; position: absolute; top: 15%; min-height: 45%; width: 35%; right: 2%; padding: 30px 25px ;
}
#accueil h2{margin-top: 0;}
#accueil .panel-group > .panel:first-child{ padding-bottom: 10px; border-bottom: solid 1px #000; border-radius: 0;}
#accueil #tailles{font-size: 0; margin-bottom: 20px; margin-top: 30px;}
#accueil h5{margin-bottom: 10px;}
#accueil #tailles a{display: inline-block; border: solid 1px #a8a8a8; text-transform: uppercase; padding: 7px 10px; color: #333; text-align: center; width: 30%; font-size: 14px; margin-bottom: 10px;}
#accueil #tailles a:nth-of-type(3n+2){margin: 0 1.5% 10px;}
#accueil #tailles a:hover, #accueil #tailles a:focus{color: #ff3c00; border-color: #ff3c00;}
#accueil #tailles a.active{background-color: #ff3c00; color: #fff; border-color: #ff3c00;}
#accueil #add_to_cart{background-color: #ff3c00; border: solid 1px #ff3c00; color: #FFF; font-family: 'Avenir', Helvetica, sans-serif; padding: 10px 20px; text-transform: uppercase; margin-top: 20px;}
#accueil #add_to_cart:hover, #accueil #add_to_cart:focus{color: #ff3c00; background-color: #FFF;}
#accueil #price{font-family: 'Avenir', Helvetica, sans-serif; font-size: 33px; margin-bottom: 0;line-height: 1;}
#accueil #eco-tax{font-family: 'Avenir', Helvetica, sans-serif; font-size: 12px; margin-bottom: 20px;}
#accueil #info-add-to-cart{margin-bottom: 0; color: #ff3c00; margin-left: 15px; display: inline-block; border-bottom: solid 2px; padding: 10px 20px; display: none;}
#accueil #info-add-to-cart i{display: inline-block; margin-right: 5px;}

#services{padding: 50px 0;}
#services h4{margin: 15px 0; font-family: 'Avenir', Helvetica, sans-serif;}
#services p{font-family: 'Avenir', Helvetica, sans-serif;font-size: 12px; line-height: 22px;}
#services .icon{width: 25px; height: 32px; background: url('../img/icon-services.png'); background-repeat: no-repeat; display: inline-block;}
#services .icon.icon-camion{background-position: -30px 0; width: 35px;}
#services .icon.icon-verif{width: 30px; background-position: -68px 0;}
#services .icon.icon-boite{background-position: -98px 0; width: 30px;}

#presentation{position: relative;}
#presentation .content{background-color: rgba(255,255,255, 0.9); position: absolute;bottom: 0; width: 45%; padding: 85px 90px;}
#presentation .content h4{font-family: 'Avenir', Helvetica, sans-serif; line-height: 32px; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#presentation .content p{font-family: 'Avenir', Helvetica, sans-serif; font-weight: bold; line-height: 30px;}

#a-z{
background: #ff3c00;
background: -moz-linear-gradient(left,  #ff3c00 0%, #fad17a 100%);
background: -webkit-linear-gradient(left,  #ff3c00 0%,#fad17a 100%);
background: linear-gradient(to right,  #ff3c00 0%,#fad17a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3c00', endColorstr='#fad17a',GradientType=1 );
color: #FFF;
font-family: 'Avenir', Helvetica, sans-serif;
padding: 50px 0;
}
#a-z h4{font-size: 22px; margin-bottom: 20px;}
#a-z p{line-height: 22px; max-width: 80%; margin: 0 auto;}

#caracteristiques{position: relative;  max-width: 1268px;margin:6px auto 0 auto;}
#caracteristiques button{
	background-color: #ff3c00;
    color: #FFF;
    border: solid 1px #FFF;
    border-radius: 15px;
    font-size: 15px;
    line-height: 18px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
}
#caracteristiques button:nth-of-type(1){top: 40%; left: 40%;}
#caracteristiques button:nth-of-type(2){top: 17%; left: 90%;}
#caracteristiques button:nth-of-type(3){top: 53%; left: 75%;}
#caracteristiques button:nth-of-type(4){top: 20%; left: 40%;}
#caracteristiques .popover{border-radius: 0; font-family: 'Avenir', Helvetica, sans-serif;}
#caracteristiques .popover-title {
  display: block;
  background-color: #FFF;
  border: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Avenir', Helvetica, sans-serif;
  text-align: center;
  padding: 10px 10px 0;
  font-size: 12px;
}

#fiche-technique {  background-color: #f8f8f8;text-align: center;}
#fiche-technique > div {  width: 1160px; margin: auto; padding: 80px 0;}
#fiche-technique h4 {  margin-top:0;   font-family: 'Avenir', Helvetica, sans-serif; line-height: 32px; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#fiche-technique p {  font-family: 'Avenir', Helvetica, sans-serif; line-height: 30px;}
#fiche-technique > div p:last-child { margin-bottom: 20px;}
#fiche-technique a { padding: 8px 16px; border: 1px solid grey; color: #FFF; background-color: grey;}
#fiche-technique a:hover { padding: 12px 20px; border: 1px solid grey; color: grey; background-color: transparent;}

#qualite{position: relative;}
#qualite .content{background-color: rgba(255,255,255, 0.9); position: absolute;bottom: 0; right: 0; width: 40%; padding: 85px 90px;}
#qualite .content h4{font-family: 'Avenir', Helvetica, sans-serif; line-height: 32px; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#qualite .content p{font-family: 'Avenir', Helvetica, sans-serif; font-weight: bold; line-height: 20px;}

#certification{padding: 50px 0;}
#avis h4, #certification h4{font-family: 'Avenir', Helvetica, sans-serif; line-height: 32px; font-weight: bold; font-size: 22px;}
#certification h4 + p{font-family: 'Avenir', Helvetica, sans-serif; font-weight: bold; line-height: 24px; max-width: 60%; margin-bottom: 40px; font-size: 14px;}
#certification .certification p{display: inline-block; max-width: 60%; margin-left: 20px; margin-bottom: 0; vertical-align: middle; font-family: 'Avenir', Helvetica, sans-serif; font-weight: bold;}

#avis ul li{width: 13%;margin-right: 3%; display: inline-block;}
#avis ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); /* Firefox 4+ */ filter: gray; /* IE 6-9 */}
#avis ul li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); /* Firefox 4+ */ filter: none; /* IE 6-9 */}

#text-slider article { width: 100%; position: absolute; top: 0; left: 0;   background: rgba(128, 128, 128, 0.68); }


.carousel
.carousel-control.left, .carousel-control.right{background-image: none;}
.carousel .carousel-inner{height: 230px;text-align: center}
.carousel .carousel-inner .item{margin:auto;/*position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);*/}
.carousel .carousel-inner .item img{height: 260px;}
.carousel .carousel-inner .item p{line-height: 1; font-size: 17px; font-family: 'Avenir', Helvetica, sans-serif; color: #000; font-weight: 100;  text-shadow: none; }
.carousel .carousel-inner .item p span{color: grey; font-style: italic; font-size: 13px; }
.carousel-fade .carousel-inner .item { transition-property: opacity; }

.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }

.glyphicon-chevron-right, .glyphicon-chevron-left{background-color: #ff3c00; border-radius: 17px;}


.glyphicon-chevron-right:before {
  content: "\e080";
  font-size: 17px;
  padding-top: -35px;
  position: absolute;
  top: 6px;
  left: 7px;
}
.glyphicon-chevron-left:before {
  content: "\e079";
  font-size: 17px;
  padding-top: -35px;
  position: absolute;
  top: 6px;
  left: 7px;
}

  /*.carousel-inner>.item {
     -webkit-transition: inherit;
     -o-transition: inherit;
     transition: inherit;
     -webkit-backface-visibility: inherit;
     backface-visibility: inherit;
     -webkit-perspective: inherit;
     perspective: inherit;
  }


  .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
  }

.carousel-inner>.item {
   -webkit-transition: inherit;
  -o-transition: inherit;
   transition: inherit;
}*/

.full-width {
  width: 100%;
}

.carousel-caption {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  background: #FFF;
  border-radius: 6px;
  padding:0 50px;
}

#avis-client{position: relative}
#avis-client h2{text-align: center;margin-bottom: 50px;}
#avis-client .content {
  position: absolute;
  bottom: 0;
  right: 20%;
  width: 60%;
  padding: 8% 0px;
  top:0;
}



#footer #first-part{background-color: #333333; color: #FFF; padding: 60px 0;}
#footer #first-part h5{margin-bottom: 20px; text-transform: uppercase; font-weight: bold; font-family: 'Avenir', Helvetica, sans-serif;}
#footer #first-part a{color: #FFF; display: block; font-family: 'Avenir', Helvetica, sans-serif; margin-bottom: 5px;}
#footer #last-part{background-color: #000; color: #FFF; font-family: 'Avenir', Helvetica, sans-serif; font-weight: bold; padding: 20px 0;}
#footer #last-part a{color: #FFF; display: inline-block; margin-left: 20px;}
#footer ul li{display: inline-block;margin-right: 15px;}

.page-basic{margin:30px 0 100px 0;}




/* CART */
h1, h2{font-family: 'Avenir', Helvetica, sans-serif;}
.woocommerce-cart .breadcrumb, .woocommerce-cart .sidebar-nav{display: none;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #ff3c00; border: solid 1px #ff3c00; font-family: 'Avenir', Helvetica, sans-serif;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #FFF; color: #ff3c00; }
.woocommerce table.shop_table{border-radius: 0;}
.woocommerce-cart header.page-title + .row{margin: 0;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-family: 'Avenir', Helvetica, sans-serif; border-radius: 0;}
.woocommerce a.remove{color: #ff3c00 !important;}
.woocommerce a.remove:hover{background-color: #FFF; color: red !important;}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{width: 100px;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width: auto;}


/* CHECKOUT */
.woocommerce-checkout .breadcrumb, .woocommerce-checkout .sidebar-nav{display: none;}
.woocommerce-info{border-color: #ff3c00;}
.woocommerce-info:before{color: #ff3c00;}
table tr > td:last-child, table tr > th:last-child{text-align: right;}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{border: solid 1px #ccc; padding: 5px 10px;}




@media (max-width: 1250px){
  #avis-client h2{margin-bottom: 20px;}
  #avis-client .content {padding:4% 0;  right: 10%;width: 80%;}
}



/* RESPONSIVE*/
@media (max-width: 1048px){
  img{max-width: 100%;}
  .nav>li>a{padding: 10px 0; min-width: 0;}
  #main-menu{display: flex; align-items: center; justify-content: space-between;}
  #accueil{margin-bottom: 100px;}
  #accueil .content{top: 20%; right: 0; width: 60%; border: solid 1px;}
  #presentation .content{width: auto;}
  #qualite .content, #fiche-technique > div{width: auto; height: 100%;}
  #fiche-technique > div{padding:80px 20px}
  #certification h4 + p{max-width: 100%;}
  #certification img{width: 20%; margin-bottom: 40px;}
  #certification .certification p {margin-left: 30px; margin-bottom: 40px;}
  #avis-client .content {padding:2% 0;  right: 5%;width: 90%;}
  #avis-client h2{margin-bottom: 10px;}
}

@media (min-width: 768px){

  .navbar-nav>li {
    float: none;
  }
}

@media (max-width: 768px){
  #avis-client{display:none;}
  .woocommerce .col2-set, #order_review, #order_review_heading{padding: 0 15px;}
  #main-menu{display: block;}
  #main-menu li{width: 32%;}
  #main-menu li:nth-of-type(4){width: 100%; margin: 20px 0;}
  .panel-default>.panel-heading{padding: 0;}
  .panel-default>.panel-heading a{line-height: 22px;}
  #accueil{margin-bottom: 0;}
  #accueil .content{position: relative;width: 100%; border: 0;}
  #accueil #tailles a{width: 48%; margin: 10px 0!important;}
  #accueil #tailles a:nth-of-type(n+1){margin-right: 1.5% !important;}
  #accueil #price, #accueil #eco-tax{text-align: right; clear: both;}
  #accueil #add_to_cart{float: right;}
  #accueil #info-add-to-cart{clear: both; width: 100%;}
  #presentation .content{position: relative; padding: 50px;}
  #a-z > .text-center{text-align: left !important;}
  #qualite .content{position: relative; padding: 50px;}
  #services p{margin-bottom: 0; margin-top: 30px;}
  #footer #first-part{text-align: center;}
  #footer #first-part > div > div{margin-bottom: 20px;}
  #footer #last-part{text-align: center;}
  #footer #last-part p{margin-top: 20px;}
}

@media (max-width: 480px){
  .navbar-default .navbar-brand{width: 30%;}
  #main-menu li{width: 100%;text-align: center;}
  #main-menu li:nth-of-type(4) { margin: 0; }

  .navbar-brand{display: block;}
  #avis ul li {
    width: 11%;
  }

}

.woocommerce-product-gallery .flex-control-nav{
  position: relative !important;
}