#m_l, #m_r, #m_menu_prod, #temp_isable, #colEtiquette, #colJugulaire, #message_prix, .message_etiquette, .message_jugulaire{display:none; } 

#line1, #line2{ padding:6px 12px }

#colEtiquette2{
	margin-right:20px;
	background-position:center top;
	padding-top:20px;
}
#colJugulaire2{
	margin-right:20px;
	background-color:white;
	filter:brightness(0.95);
	padding: 30px 0
}
.tcoul{ margin-bottom: 15px } 

.colEtiquette1{ background-image:url(/img_page/fd_etiquette2.jpg); }	
.colEtiquette3,.colEtiquette4{ background-image:url(/img_page/fd_etiquette3.jpg); }	

#txtEtiquette{ position:absolute; text-align:center; width:100%; height:90px; color:white}
.colEtiquette1 #txtEtiquette{ top:123px;}
.colEtiquette3 #txtEtiquette,.colEtiquette4 #txtEtiquette{ top:53px;}

#content_etiquette{
	padding:15px 10px 5px 10px;
	background-color:white;
	width:56%;
	min-width: 560px;
	margin:285px auto 10px;
	opacity: 0.9
}

a.bx-prev, a.bx-next{
    width:43px;
    height:43px;
    display:block;
    background:rgba(211,121,76,0.5);
    border-radius:22px;
    line-height:43px;
    text-align:center;
	position:absolute;
    top:10%;
	z-index:590;
}
a.bx-next{ right:0;}
a.bx-prev:hover, a.bx-next:hover{ background:rgba(211,121,76,1);}

#lumiere{  position:relative;}
#lumiere img{   
    width:100%;
	height:auto;
	max-height:950px;
    position:absolute;
    z-index:2000;
}
#ombre{ width:100%; max-width:1150px}
#ombre img{ width:100%; height:auto; position:relative; margin-top:-16%}

#plume,#broderie,.galon,#temp, #overlay{position:absolute; width:inherit; height:auto}

#plume{ z-index:400 }
#broderie{ z-index:450 }
.galon{ z-index:500 }
#temp{ z-index:600 }
#overlay{ z-index:700; display:none }

#photo img, .galon img, #plume img, #broderie img, #temp img, #overlay img{
	width:100%;
	max-width:1150px !important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#photo iframe{ margin-top:5px; border: none; clip-path: inset(1px 1px); }

.no_isable #overlay img{ width:73%; max-width:1150px !important; margin-left:-23%;margin-right:0; }

#photo_content{ width:70%; }
.isable #photo_content{ width:82%; }
.capisable #photo_content{ width:92%; }
.isable #photo img, .galon img, #plume img, #broderie img, #temp img,.isable #overlay img{ max-width:1035px !important;}

#photo_content{ margin:5px auto 0 auto; }
#photo_content.is_autre{ margin:5px 0 0 8%; float:left }

.no_isable #img_01, .no_isable #lumiere{ cursor:zoom-in}



/* Menu */

.titre_pers, .select-style{
	cursor:pointer;
    padding:6px 2% 6px 7%;
    margin:0;
    border:1px solid #ccc;
    width:90%;
    overflow:hidden;
    background-color:#fff;
    background:#fff url("../img/flechn.gif") no-repeat 2% 50%;
	background-size:auto 50%;
	text-transform:uppercase;
}

.select-style select{
	cursor:pointer;
    width:100%;
    border:none;
    box-shadow:none;
    background-color:transparent;
    background-image:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	text-transform:uppercase;
	padding:0;
}
.select-style option{ text-transform:none; }

.select-style select:focus{outline:none;}
.titre_plus{ display:inline-block; float:right; text-transform:uppercase; color:#888 }


#noeud_type,.noeud_type,.menu_text,#menu_plum,#menu_text{ background-color:#FFF;display:none; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;  position:relative; top:-1px; letter-spacing:0; width:97%;padding:4px 0 4px 2%;  }
#noeud_type,.noeud_type,.menu_text,#menu_couleur,#menu_plum,#menu_text{ margin-bottom:15px;   }


#menu_couleur_isable{
	display:none;
    border-left:1px solid rgb(204, 204, 204);
    border-right:1px solid rgb(204, 204, 204);
    border-bottom:1px solid rgb(204, 204, 204);
    width:97%;
    padding:5px 0px 0px 2%;
    background:white;
    position:relative;
    top:-1px; }



.m_gg{width:8.3%; height:26px; margin-right:0px; word-spacing:normal; }
.m_plum{height:auto; margin-right:2px; width:16%; word-spacing:normal; }
.m_type,.couche, .m_gcuir{height:auto; margin-right:2px; width:30%; word-spacing:normal; }

.none{ width:11%; margin:0 10%; background-image:url(../img/none.gif) ; background-repeat:no-repeat; background-position:center; background-size:30px 30px}

.round, .m_plum, .m_gal, .m_type{
	cursor:pointer;
	border:2px solid #fff;
	display:inline-block;
}

.round-select, .blocFiche .checked{
	border:2px solid #97863f !important;
	display:inline-block;
}

.round:hover, .m_gal:hover, .m_plum:hover, .m_type:hover{
	border:2px solid #e5e5e5;
}
.roundMat:hover{
	border:2px solid #fff;
	cursor:default;
}

.autre2{ text-align:center }
.autre2 img{
	cursor:auto !important;
	border:none !important;
	display:inline-block; margin-left:5px;
}

.autre{ width:8%; margin:40px 0 0 5%; float:left}

.autre div{ 
	position:relative;
	cursor: pointer;
	z-index:2100;
	max-width:230px;
	border:2px solid #f3f3f3;
	margin-top:3px;
	max-height: 210px;
}

.autre img{
	width:100%;
	display:block;
	height:auto;
}

.comparatif{ margin-bottom:15px; white-space:nowrap; padding-bottom: 15px}


.exemple img{
	width:18%;
	max-width:230px;
	height:auto;
}
.colProd{ width:69%}
#colRight{ width:30%; vertical-align:top; }

#colRight h1{
	display:block;
	color:#000;
	margin:0 0 18px 0;
	padding:0;
}
#colRight h1 span{
	font-family:Abril,"Times New Roman",Times, serif;
}
#colRight h1 div{
	
	text-transform: uppercase;
	font-weight: bold;
	float:right;
}


.mess_taille, .nondispo{ display:none; color:#F00; text-align: center; padding: 5px; }


.blocFiche .round, .blocFiche .round-select{
	width:22%;
	margin-right:0.2%;
	height:auto;
}

	
.capisable .blocFiche .round,.capisable .round-select{ width: 15%; }

.btn_panier, .btn_panier2{
	text-align:center;	
	cursor: pointer;
    font-weight: 200;
    text-shadow: none !important;
    display: block;
    color: #FFF;
    background-color: #97863f;
    padding: 12px 25px;
}


#prix_produit{font-family:Abril, "Times New Roman", Times, serif; font-size:40px; font-weight:bold; letter-spacing:4px; color:black}

#prix_produit .ctm{font-size:30px;}

.promo_produit{color:#d87d24;font-size:23px;}
.promoFiche{
	margin:3px 0;
	border-top:1px solid #FFF;
	padding-top:3px;
}

.bloc_des3{
    float:left;
    margin-left:3%;
    padding-top:20px;
	line-height:1.5;
}

.marque2{
	position:absolute;
	margin:2% 0 0 1%;
	z-index:1954;
	width:8.5%; max-width:120px; height:auto;
}

.div_des .aussi a { display: block; }


#noresult{
	padding:20px;
	width:350px;
	margin:30px auto;
}

/* table Transposé */
.rtable {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}

.rtable,
.rtable--flip tbody {
  -webkit-overflow-scrolling: touch;
    background: radial-gradient(left, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 0 center,
              radial-gradient(right, ellipse, rgba(0,0,0, .2) 0%, rgba(0,0,0, 0) 75%) 100% center;
  background-size: 10px 100%, 10px 100%;
  background-attachment: scroll, scroll;
  background-repeat: no-repeat;
}

/*change these gradients from white to your background colour if it differs
gradient on the first cells to hide the left shadow*/
.rtable td:first-child,
.rtable--flip tbody tr:first-child {
  background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}

/*gradient on the last cells to hide the right shadow*/
.rtable td:last-child,
.rtable--flip tbody tr:last-child {
  background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

.rtable th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

.rtable th,
.rtable td {
  padding: 6px 12px;
  border: 1px solid #d9d7ce;
}

.rtable--flip {
  display: flex;
  justify-content: center;
  overflow: hidden;
  background: none;
}

.rtable--flip thead {
  display: flex;
  flex-shrink: 0;
  min-width: min-content;
}

.rtable--flip tbody {
  display: flex;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.rtable--flip tr {
  display: flex;
  flex-direction: column;
  min-width: min-content;
  flex-shrink: 0;
}

.rtable--flip td,
.rtable--flip th {
  display: block;
}

.rtable--flip td {
  background-image: none !important;
  border-left: 0;
}

.rtable--flip th:not(:last-child),
.rtable--flip td:not(:last-child) {
  border-bottom: 0;
}


/* IT0-----------------------------LARGEUR --------------------------- */ 


@media screen and (max-width:1560px){
	.blocFiche{ margin-top:12px; }
	#colRight{line-height:1.2; }
}

@media screen and (max-width:1078px){
	.blocFiche{ margin-top:15px; }
	#colRight{line-height:1; }
}

@media screen and (min-width:1079px) and (max-width:1170px){
	.blocFiche{ margin-top:16px; }
}

@media screen and (min-width:1171px) and (max-width:1263px){
	.blocFiche{ margin-top:18px; }
}

@media screen and (min-width:1264px) and (max-width:1496px){	
	.blocFiche{ margin-top:20px; }
}

@media screen and (min-width:1497px) and (max-width:1724px){
	.blocFiche{ margin-top:22px; }
	.colProd{width:72%}
	#colRight{width:25%}
}

@media screen and (min-width:1725px) and (max-width:1957px){
	.blocFiche{ margin-top:24px; }
	.colProd{width:72%}
	#colRight{width:25%}
}

@media screen and (min-width:1957px){
	.blocFiche{ margin-top:26px }
	.colProd{width:73%}
	#colRight{width:23%}
}

.isable .colProd{ width:63%}
.isable #colRight{ width:36%; }



/*IT1 -- TABLETTE */

@media screen and (max-device-width: 1024px) and (orientation: landscape) and (min-resolution: 97dpi){
	.btn, input, textarea, select, select:focus {
		 font-size: 13px!important; 
	}
}

/*IT2*/
@media screen and (max-device-width:768px) and (orientation:portrait){
	
	#colEtiquette2,#colJugulaire2{ margin-right:0; min-height: 800px !important; margin-bottom: 50px}
	#content_etiquette{ width:89%; }
	

	.blocFiche{ margin-top:80px; }

	.colProd{ width:100% !important; }

	#colRight{
		width:722px !important;
		min-width:722px;
		min-height:1px;
		margin-top:auto;
		margin-bottom:auto;
		margin-right:auto;
		margin-left:auto;
		display:block;
		float:none;
		padding:0;
	}
	#colRight .ess{ margin:7px 0 }

	.titre_puce, img.marque2{display:none; }

	.none{margin:0 2px 0 0; }

	.tcoul{text-align:left; display:block !important; margin-top:30px; } 

	.select-style{
		padding:6px 1% 6px 7%;
		margin-left:1%;
		margin-top:40px;
	}
	.select-style select, .select-style div, .titre_pers{ font-size:34px !important; margin:20px 0; text-align:left}

	#prix_produit{ font-size:50px; }
	#prix_produit .ctm{font-size:29px !important; }

	#m_menu_prod{ display:block; margin:90px 0 30px 00px; }
	#m_gplume ,#m_gcuir,#m_g40 ,#m_couleur,#m2_couleur, #m2_t1, #m2_t2, #m2_gplume, #m2_n{ display:inline-block; }
	#m_menu_prod div div{ display:block; }

	#m_couleur div, #m_g40 div, #m_gplume div, #m_gcuir div, .m_l, .m_r{ background-image:url(../img/m_menu_prod.png); background-repeat:no-repeat; width:200px; height:200px; cursor:pointer }
	#m2_couleur div, #m2_t1 div, #m2_t2 div, #m2_gplume div, #m2_n div{ background-image:url(../img/m_menu_cap.png); background-repeat:no-repeat; width:160px; height:200px; cursor:pointer }
	
	#temp_isable{display:block; position:absolute; top:620px; height:150px; z-index:750; border:none; margin-left:40px; width:680px; background-size:100%; opacity:0.6; }
	#temp_isable.es{ background-image:url(../img/m_menu_prod_es.png); }
	#temp_isable.en{ background-image:url(../img/m_menu_prod_en.png); }
	#temp_isable.fr{ background-image:url(../img/m_menu_prod_fr.png); }
	#temp_isable.de{ background-image:url(../img/m_menu_prod_de.png); }
	#temp_isable.it{ background-image:url(../img/m_menu_prod_it.png); }
	#temp_isable.nl{ background-image:url(../img/m_menu_prod_nl.png); }
	#temp_isable.ko{ background-image:url(../img/m_menu_prod_ko.png); }
	#temp_isable.ja{ background-image:url(../img/m_menu_prod_jp.png); }
	#temp_isable.es2{ background-image:url(../img/m_menu_cap_es.png); }
	#temp_isable.en2{ background-image:url(../img/m_menu_cap_en.png); }
	#temp_isable.fr2{ background-image:url(../img/m_menu_cap_fr.png); }
	#temp_isable.de2{ background-image:url(../img/m_menu_cap_de.png); }
	#temp_isable.it2{ background-image:url(../img/m_menu_cap_it.png); }
	#temp_isable.nl2{ background-image:url(../img/m_menu_cap_nl.png); }
	#temp_isable.ko2{ background-image:url(../img/m_menu_cap_ko.png); }
	#temp_isable.ja2{ background-image:url(../img/m_menu_cap_jp.png); }

	.m_element_4  #m_couleur, .m_element_4 #m_g40 , .m_element_4 #m_gcuir , .m_element_4 #m_gplume{	
		width:170px;
		-ms-zoom:0.85; transform:scale(0.85); -webkit-transform:scale(0.85);
	}
	#m2_couleur, #m2_t1, #m2_t2, #m2_gplume, #m2_n {	
		width:136px;
		-ms-zoom:0.85; transform:scale(0.85); -webkit-transform:scale(0.85);
	}

	#photo_content.is_autre{margin:0;float:none;}

	.autre_content{
		position:absolute ;
		top:665px;
		z-index: 811;
		height:0;
	}

	.autre_content img{display:inline-block}

	.m_l, .m_r{ display:block; width:22px; height:120px ; position:absolute; z-index:850}
	.isable .m_l, .isable .m_r{ display:none; width:24px; height:128px ;  top:610px;}

	.m_l{ background-position:-800px -240px; left:0; top: 25px; }
	.m_r{ background-position:-800px -40px; right:0; top: 25px; }
	#m_gplume div{ background-position:-600px 0; }
	#m_g40 div{ background-position:-200px 0; }
	#m_gcuir div{ background-position:-400px 0; }

	#m_gplume div.checked{ background-position:-600px 100%;}
	#m_couleur div.checked{ background-position:0 100%;}
	#m_g40 div.checked{ background-position:-200px 100%;}
	#m_gcuir div.checked{ background-position:-400px 100%;}
	
	#m2_t1 div{ background-position:-160px 0; }
	#m2_t2 div{ background-position:-320px 0; }
	#m2_n div{ background-position:-480px 0; }
	#m2_gplume div{ background-position:-640px 0; }

	#m2_couleur div.checked{ background-position:0 100%;}
	#m2_t1 div.checked{ background-position:-160px 100%;}
	#m2_t2 div.checked{ background-position:-320px 100%;}
	#m2_n div.checked{ background-position:-480px 100%;}
	#m2_gplume div.checked{ background-position:-640px 100%;}

	#menu_plum{ text-align:center;padding:4px 0;width:99%;}
	
	#noeud_type{ padding:4px 0 4px 2%; }
	#noeud_type,.noeud_type,#menu_couleur,#menu_couleur_isable, .autre, .exemple, #menu_plum{ margin-bottom:15px; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch; }

	#noeud_type,.noeud_type, #menu_couleur_isable, #menu_plum, .menu_text{ margin-bottom:15px; text-align:center; background-color:#FFF; position:absolute; top:596px; height:165px; z-index:800; border:none; padding:5px; width:686px; margin:0 0 0 22px }
	
	.menu_text{ height:220px; width:712px; margin:0;top:570px;}

	#menu_couleur, .autre,.exemple{ text-align:center; background-color:#FFF; height:223px; padding:5px; width:664px; margin:0 0 0 23px; }

	.m_gal,.m_gcuir,.m_plum{width:124px; height:124px; margin-right:5px; }

	 img.m_plum, .m_type{  height:135px !important; width:auto;}
	 img.m_gcuir{  height:122px !important; width:auto;}

	.autre2 img{ width:230px; height:auto; margin-left:4px }

	.exemple img{  width:33%;border:2px solid #fff }

	.taille{ margin-top:20px !important; }

	#photo{width:722px;}

	.no_isable #overlay img{ width:100%; margin-left:auto;margin-right:auto; }

	#menuBar2{display:block; filter:none;}
	#main_content{margin-left:0;}

	#photo_content{ width:722px !important;height:659px; }
	#photo_content.is_autre{ }

	#colRight{margin:0;text-align:center;}
	#colRight.is_autre{ margin-top:210px }

	.colProd, #colRight{float:none;clear:both;}
	#colRight h1{padding:0;margin:10px 0 40px 0;}
	
	#colRight h1 span{ font-size:44px !important; }
	#colRight h1 div{
		font-size:20px !important;
		margin: 4px 0 32px 0;
		float: none;
	}

	#colRight .btn_info{
		margin:20px auto;
		font-size:30px;
		padding:11px 5px 7px 30px;
		width:200px;
		text-align:left;
	}

	.mess_taille{font-size:38px;}
	.promo_produit{font-size:28px;}
	.bloc_des3{width:94% !important;padding:2% !important; margin-left:2%;}

	a.btn_panier, a.btn_panier2{
		font-size:34px !important;
		width:530px!important;
		margin:auto;padding:19px 0;
		background-position:top, left;
	}
	.blocFiche img.round, .blocFiche img.round-select{width:160px !important; }

	.titreFiche{
		font-size:32px !important;
		margin:40px 0 20px 3%;
	}

	.tcoul{ text-align:center; padding:0;  }

}


/*IT3*/
@media screen and (max-device-width:1024px) and (orientation:landscape) and (min-resolution:97dpi){
	
	#colEtiquette2, #colJugulaire2{ min-height: 660px !important;}
	#content_etiquette{min-width: 410px; }
	.select-style{ margin-top: 4px;}
	

	.blocFiche{ margin-top:10px; }

	#colRight{ width:33% }

	.colProd{ width:65% }
	#photo_content{ width:85%; }


	.icone_produit{
		font-size:13px;
		margin:0;
	}

	.titre_pers{margin-top:4px;}

	#prix_produit{ font-size:25px; }

	#photo_content.is_autre{ margin:5px 0 0 2%; }
	
	.autre{
		width:10%;
		margin:20px 0 0 2%;
	}

	.titre_puce{ padding:0;  margin:0; }

	.bloc_des3{ width:46% !important;}
	
	.check{
		padding:4px 0 4px 23px;
		background-size:20px 110px;
		font-size:13px !important;
		background-position:0 -62px;
	}

	.m_gg{ width:13%; }
}

/*IT2*/
@media screen and (max-device-width:768px) and (orientation:portrait), screen and (max-device-width:1024px) and (orientation:landscape) and (min-resolution: 97dpi) {
	
	.div_des .aussi { margin-bottom:15px; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch; width:97% !important; padding: 0 !important }	
	.div_des .aussi a { text-decoration: underline }
	.div_des .aussi div, .div_des .aussi a { display: inline-block; margin-right:20px; margin-top: 20px }
	
}