/********************************************************
			Templatemela Custom Styles
********************************************************/
.tm-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
    padding:10px;
    
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
  border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  text-align: center;
}

/* mouse grab icon */
.grabbing {
  cursor: url("../img/megnor/grabbing.png") 8 8, move;
}
 
.customNavigation {
  position:relative;
  z-index: 959;
  width: 100%;
  direction: ltr !important;
  text-align:center;
  clear:both;
  margin-bottom: 40px;
}
.brands .customNavigation {
  margin: 0;
}
#tmtestimonialcmsblock .customNavigation {
  position: absolute;
  left: 0;
  top: 51%;
}
.btn.prev.testim_prev {
  position: absolute;
  left: 60px;
  border: none;
}
.btn.next.testim_next {
  position: absolute;
  right: 60px;
  border: none;
}
.customNavigation a {
  position:relative;
  font-size: 18px;
  font-weight:bold;
  line-height: 32px;
  padding: 0;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
}

.customNavigation a:hover{
	border-color: #000;
}
.customNavigation a:hover:before{ color: #000; }

.customNavigation a.prev {
  background: transparent url(../img/megnor/Arrow.png) no-repeat scroll 0 0;
  height: 11px;
  width: 20px;
  display: inline-block;
  position: relative;
  border: none;
}
.customNavigation a.prev:hover {
  background-position: 0 -41px;
}
.customNavigation a.next {
  background: transparent url(../img/megnor/Arrow.png) no-repeat scroll -47px 0;
  height: 11px;
  width: 20px;
  display: inline-block;
  position: relative;
  border: none;
}
.customNavigation a.next:hover {
  background-position: -47px -41px;
}
@media (max-width: 991px) {
  .btn.prev.testim_prev {left: 10px;}
  .btn.next.testim_next {right:10px;}
  .customNavigation {margin-bottom: 30px;}
	.customNavigation a.prev {
		left: 0px;
	}
	.customNavigation a.next {
		right: 0px;
	}
	#main .images-container .js-qv-mask { margin:0px; }
}
@media (max-width: 767px) {
  .customNavigation {margin-bottom: 20px;}
  .btn.prev.testim_prev {left: 10px;}
  .btn.next.testim_next {right: 10px;}
}


.additional_slider .customNavigation .btn.next:before{ padding-left: 3px;}
#tmleftbanner img,
#tmrightbanner img{
	max-width: 100%;
}	

/******* Subbanner *******/
#tmsubbanner {
    float: left;
    margin: 30px 0;
}
#tmsubbanner li {
    float: left;
	width: 50%;
}
#tmsubbanner li a{
   display: block;
}
#tmsubbanner li img{ width: 100%; }
#tmsubbanner li:first-child,
#tmsubbanner li:last-child {
    padding-right: 10px;
}


/*Couleurs personnalisation */

.showCouleurs{ display:inline-block; width:60px; height:40px; border:2px solid #d4d4d4; -webkit-appearance: none;}

.couleurs_inner,.fond_inner,.bordure_inner,.presentation_inner{ position:fixed; top:0; left:0; width:100%; height:100%; display:none; flex-direction:column; justify-content: center; align-items: center; background:rgba(0,0,0,0.5); z-index:1000;}
.couleurs_inner.show,.fond_inner.show,.bordure_inner.show,.presentation_inner.show{ display:flex;}

.couleurs_nuance{ width:100%; max-width:900px; height:90%; overflow-y: scroll; display:flex; flex-wrap:wrap; padding:10px; background:#fff;}

.couleurs_nuance > div{ width:50%; padding:10px; display:flex; align-items:center;}
.couleurs_nuance > div span:last-child{ margin-left:10px;}
.couleurs_nuance > div a{ width:60px; height:40px; margin-right:3px; border:2px solid #d4d4d4;}
.couleurs_nuance > div span.vide{width:60px; margin-right:3px;}
.couleurs_nuance > div a:hover{border-color:#111;}
.couleurs_nuance > div a.current{ border-color:#f00;}
.couleurs_nuance > div.current span:last-child{ color:#f00; font-weight:bold; }

.fond_select,.bordure_select{ display:flex; width:100%; max-width: 900px; background:#fff; justify-content: center; padding-top:10px;}
.fond_select select,.bordure_select select{ padding:10px;}

.fond_list,.bordure_list,.presentation_list{ width:100%; max-width:900px; height:90%; overflow-y: scroll; align-items: flex-start;  padding:10px; display:flex; flex-wrap:wrap; background:#fff; }
.fond_list a,.bordure_list a,.presentation_list a{ width:calc( (100% - 60px) / 3 ); padding:10px; border:2px solid #d4d4d4; }
.fond_list a img, .bordure_list a img,.presentation_list a img{ display:block; width:100%; margin-bottom:5px;}
.fond_list a span,.bordure_list a span,.presentation_list  a span{ position: relative; display:block; text-align: center;}

.fond_list a.hide,.bordure_list a.hide{ display:none;}

.fond_list a:hover img,.bordure_list a:hover img,.presentation_list a:hover img{ position: relative; opacity: 0.8;}
.fond_list a:hover span:first-child{ background:#000;}
.bordure_list a:hover span:first-child,.presentation_list a:hover span:first-child{background:#d4d4d4}

.loading-custom{position:fixed; top:0; left:0; width:100%; height:100%; display:none; justify-content: center; align-items: center; background:rgba(0,0,0,0.5); z-index:1000;}
.loading-custom.show{ display:flex;}

#alerteMax{position:fixed; top:0; left:0; width:100%; height:100%; display:none; justify-content: center; align-items: center; background:rgba(0,0,0,0.5); z-index:5;}
#alerteMax.show{ display:flex;}
#alerteMax > div{ max-width:900px; width:100%; padding:20px; text-align: center; background:#fff;}

.block-flex-custom{ display:flex; align-items:center; flex-wrap: wrap;}
.block-flex-custom > strong{ width:100px;}
.block-flex-custom .product-customization-item{ margin-left:10px;}

.block-flex-custom label{ margin-bottom:0;}
textarea#texte,#custom-item-logo{ width:350px;}

.product-cover img{ border:1px solid #333}