/* RECHERCHER UNE REF  */ 

.form_search {
              
              width:100%;
              padding:0px 0px 10px 5px;
              z-index:1200;
          }
          
          .form_search input, .form_contact textarea , .form_contact select {
  font-size: 0.9rem;
  border: 1px solid #7a7a7a;
  background-color: #fff;
    padding:5px;
              width:100%;
}

          .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #7a7a7a;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,0.0);
}
          
          
          .bt_search {
	text-transform: uppercase;
	text-decoration: none;
	border:1px solid #7a7a7a;
    background-color:#fff;
  padding:5px 10px 5px 10px;
   
	color: #000;
  font-size: 0.9rem;
    letter-spacing:1px;
      
}

.bt_search:hover {
 background-color:#000;
    border:1px solid #7a7a7a;
    color:#fff;
        }

/* FIN RECHERCHER UNE REF  */ 

.top_choix {
   color:#444444;
    text-decoration: none;
    border:1px solid #adadad;
    border-radius:5px;
    padding:3px;
    font-size:0.8rem;

}

.top_choix:hover {
   color:#fff;
    text-decoration: none;
    border:1px solid #adadad;
    background-color: #444444;


}

#div_new {
    color:#e86d03;
     font-size:0.9rem;
}
/*////////////////////////////////////////////////////*/
/* INTERFACE DE CHOIX DU TYPE D'AFFICHAGE COL/MON/CLI */
/*////////////////////////////////////////////////////*/
.choix a {
    display:block;
    color:#000;
    text-decoration:none;
    text-align:center;
    font-size:0.8rem;
    font-weight:700;
    padding:3px;
       position:relative;
    line-height:20px;
    border:1px solid  #000;
    margin:5px;
    text-transform: uppercase;
}
.choix a:hover, .choix a.selected {
    color:#fff;
   border:1px solid #000;
    background-color: #000;
     transition: all 0.8s;
}

@media screen and (min-width: 1650px){
            .rwd-break { display: none; }
        }

@media screen and (max-width: 391px) {
    .choix a {
    margin:2px;
    padding:2px;
    font-size:0.8rem;
    }
}

/*////////////////////////////////////////////////////*/
/* INTERFACE DE CHOIX DE LA COLLECTION */
/*////////////////////////////////////////////////////*/
.module_collect img {
    margin:5px;
    max-width:230px;
    padding:5px;
     opacity: 0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
   border:1px dashed transparent;
     filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
}
.module_collect img.active, .module_collect img:hover {
    opacity: 1.0;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    /* border:1px dashed #161616;*/
    filter: none;
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
    cursor: pointer;
   transition: all 0.4s;
}

/*////////////////////////////////////////////////////*/
/* DIV QUI WRAP L'AFFICHAGE DES IMAGES */
/*////////////////////////////////////////////////////*/
.photos_config {
  position: relative;
  text-align: center;
}
.bg_photos_config {
background: rgb(246,246,246);
background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(241,241,241,1) 32%, rgba(216,216,216,1) 100%);
}

.ref_mc {
    color:#535353;
    z-index:400;
    font-size:0.9rem;
    background-color: #fff;

}

@media screen and (max-width: 391px) {

.ref_mc {
    color:#535353;
    z-index:400;
    font-size:0.9rem;
    background-color: #fff;

}

}

/*////////////////////////////////////////////////////*/
/* LES DIFFERENTES IMAGES */
/*////////////////////////////////////////////////////*/
.image_branche_r, .image_branche_r_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 9;
}
.image_branche_l, .image_branche_l_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.image_monture, .image_monture_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 11;
}
.image_clip, .image_clip_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 12;
}
.image_picot, .image_picot_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 13;
}
.image_gen, .image_gen_hover {
  position: absolute;
  left: 0;
  right:0;
  top:0;
  margin-left: auto;
  margin-right: auto;
  z-index: 14;
}

/*////////////////////////////////////////////////////*/
/* SLIDER VIGNETTES */
/*////////////////////////////////////////////////////*/
.owl-single.dots-absolute .owl-dots, .owl-carousel.dots-absolute .owl-dots {
  bottom: 40px;
}
.owl-single.dots-absolute .owl-dots .owl-dot span, .owl-carousel.dots-absolute .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.5);
}
.owl-single .owl-dots, .owl-carousel .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.owl-single .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  margin: 5px;
}
.owl-single .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.owl-single .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot.active span {
  background: #ff9f09;
}
.owl-single.no-dots .owl-dots, .owl-carousel.no-dots .owl-dots {
  display: none;
}
.owl-single.no-nav .owl-nav, .owl-carousel.no-nav .owl-nav {
  display: none;
}
.owl-single .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*////////////////////////////////////////////////////*/
/* BARRE DE RECHERCHE TOP SITE */
/*////////////////////////////////////////////////////*/
.search-form {
  background: #ffffff;
  width: 100%;
  left: 0;
  right: 0px;
  position: fixed;
  z-index: 1100;
  padding: 30px 0;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.search-form.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.search-form .form-control {
  position: absolute;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  top: 50%;
}
.search-form button {
  position: absolute;
  top: 0;
  border: none;
  background: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 70px;
}
/*////////////////////////////////////////////////////*/
/* AFFICHAGE NEW SUR SLIDER VIGNETTES */
/*////////////////////////////////////////////////////*/
.prod_new {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width:120px;

}
.prod {
  height: 5rem;

  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 2px;
    position:relative;
  }


 .prod a {
  font-size:0.8rem;
  text-align:center;
   color:#656565;
   text-decoration:none;
  margin:0;
  padding:0px 3px 5px 3px;
   margin-bottom:5px;
   display: block;
   border:1px solid transparent;
}
.prod a:hover {
  border:1px dashed #383636;
  font-weight:700;
  color:#000;
  transition: all 0.4s;
}
.mount {
   max-width:120px;
}

/*////////////////////////////////////////////////////*/
/* DIAPO CUBES COULEUR */
/*////////////////////////////////////////////////////*/
.select_color {
    width:25px;
    height:25px;
    text-align: center;
}

.select_color a {
    text-decoration: none
}

.select_color a:hover {
     border-bottom:3px dotted #686868;
    display:block;

    width:24px;
    height:30px;
}

.color_on {
    border-bottom:3px dotted #686868;
    display:block;

    width:24px;
    height:30px;


}

.select_color img {
    max-width:24px;
    padding-bottom:6px;
}


/*////////////////////////////////////////////////////*/
/* INTERFACE VTO */
/*////////////////////////////////////////////////////*/

.partage {
    font-size:0.9rem;
    font-weight:300;
}

.partage p {
    margin-bottom:5px;
    paddinh:2px 0px 5px 0px;
}
.partage img {
    max-width:110px;
}


.btres {
   color:#8b8b8b;
    text-decoration: none;
    border:1px solid #adadad;
    border-radius:5px;
    padding:2px 5px 2px 5px;
    font-size:0.8rem;

}

.btres:hover {
   color:#fff;
    text-decoration: none;
    border:1px solid #adadad;
    background-color: #444444;


}

@media only screen and (max-width: 575px) {

    .partage p {
       margin:0px;
        display:inline-block;
    }
    
  
}
/*----------------------------------------------------------------
		PAGE
----------------------------------------------------------------*/

.page_content {
    max-width:100%;
    margin:0 auto;
       padding-top:0px;
    min-height: 65vh;
}

.page_content h1, .page_contact h1  {
    text-align: center;
    text-transform: uppercase;
    font-weight:300;
        padding-top:30px;
    padding-bottom:30px
}

@media screen and (max-width: 767px) {
.page_content {
    max-width:100%;
    margin:0 auto;
       padding-top:0px;



}
}

/*----------------------------------------------------------------
		FOOTER
----------------------------------------------------------------*/
.site-footer {
  background-color: #1f1f1f;
  font-size: 0.9rem;
  padding: 70px 0 70px 0;
  color: #fff;
}
.site-footer a {
  color: #fff;
  position: relative;
  display: inline-block;
    text-decoration: none;
}

.site-footer a:hover {
    color:#909090;
}
.site-footer .btn:before {
  display: none;
}
.site-footer .widget {
  margin-bottom: 40px;
  display: block;
  position: relative;
  z-index: 1;
}
.site-footer .widget h3 {
  color: #cfcfcf;
  font-size: 16px;
  margin-bottom: 30px;
}
.site-footer .widget .links {
  width: 150px;
}
.site-footer .widget .links li {
  margin-bottom: 10px;
}
.site-footer .widget .links li a {
  color: rgba(0, 0, 0, 0.5);
}
.site-footer .widget .links li a:hover {
  color: #000000;
}
.site-footer .social li {
  display: inline-block;
}
.site-footer .social li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  color: #000000;
}
.site-footer .social li a:before {
  display: none;
}
.site-footer .social li a > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.site-footer .social li a:hover {
  background: #13e6b1;
}
.site-footer .copyright {
  font-size: 0.8rem;
}
.site-footer .copyright a {
  color: #fff;
  display: inline-block;
}
.site-footer .copyright a:before {
  content: "";
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #000000;
}
.news {
  display: block;
  width: 100%;
  border: none;
  font-size: 0.9rem;
  height: 48px;
  background: #fff;
  border: 1px solid #43434d;
  border-radius: 0;
  color: #000000;
    padding:5px;
}

.picto_footer {
  display: inline-block;
  margin: 5px 5px 10px 5px;
  text-align: center;
}
.picto_footer a {
    font-size:0.8rem;
    color:#fff;
}

.cookie-alert {
	   position: fixed;
	   bottom: 20px;
	   right:20px;
	   border-radius: 10px;
	   background:#fff;
	   color:#202020;
	   padding:10px 15px;
	   width:280px;
	   z-index:100;
        font-size:0.8rem;
        border:2px solid #ed601d;
	}
	.cookie-alert a {
	   display:block;
	   text-align: center;
	   padding:5px 10px;
	   margin:4px auto 0 auto;
	   border-radius: 10px;
	   background:transparent;
	   border: 2px solid #ed601d;
	   color:#ed601d;
	   transition: all .3s ease;
          font-size:0.8rem;
	}
	   .cookie-alert a:hover {
	      background: #ed601d;
	      color:#fff;
	   }
	@media only screen and (max-width:480px) {
	   .cookie-alert {
	      text-align: center;
	      left: 0; right: 0;;
	        margin: 0 auto;
	      max-width:700px;
	      padding:10px 30px;
	   }
	}