@charset "utf-8";
/* CSS Document 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');*/
@font-face {
    font-family: 'josefin';
    src: url('font/josefinsans-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'josefin';
    src: url('font/josefinsans-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}/*
@font-face {
    font-family: 'josefin';
    src: url('font/josefinsans-italic-webfont.eot');
    src: url('font/josefinsans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/josefinsans-italic-webfont.woff2') format('woff2'),
         url('font/josefinsans-italic-webfont.woff') format('woff'),
         url('font/josefinsans-italic-webfont.ttf') format('truetype'),
         url('font/josefinsans-italic-webfont.svg#josefin_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}*/
:root {
	--main-color: #ff8330;
	--second-color: #f60;
	--very-light-grey: #f9f9f9;
	--light-grey: #f1f1f1;
	--text-color: #555;
	--text-color-grey: #858585;  
	--link-color: #A14600 /*#B05902*/ ; 
	--link-color2 : #B05902;
	--main-bk-color: #fff;
	--header-bk-color:#ff8330/*#1a1a1a*/;
	--header-h1-bk-color:#f60;
	--header-h1-text-color:#FFBF91;
	/*messune*/
	--messune-bk-def : #ff8330 /*#d99a05*/;
	--messune-bk-g1 : #484848/* #f3c356 ;*/;
	--messune-bk-g2 : #484848; /*a9a9e5/*#f3c356;/*#f3c356;*/ ;
	
	--messune-color :#fff;
	--messune-color-a : #fff;
	--messune-color-a-hover:#ff6600;
	--messune-bk-txt: #fff;
	--messune-strong-color :#ff6600;
	
	--border-radius: 15px;

	/* Badge remise */
	--badge-remise-color: var(--main-color);
	--badge-remise-color--offre :#ff6600;

}

/*chargement police*/
.btns_top_right_cnt li a span, .h2_listing, .btn_top, .btn_top_soldes, 
.sch_cnt_rem, .h4_1 , #last_bot h2,
#topmark_cnt h2, #home_item_cnt h2, .footer_home h2, .footer_layout h2,
.h2_des1, .h1_top, .h1_top_ssimg, .title_faq, .titre_font { font-family: 'josefin' }

body {
	cursor:default;
	width:100%;
 	font: 0.9rem/140% Verdana, Geneva, sans-serif;
	color:var(--text-color);
	text-align:center;
	overflow:auto;
	background:#fff;
}
.body_gris {
	background: #fff;
/*background-image:-moz-linear-gradient(#fff,#e1e1e1,#e1e1e1);
background-image:-webkit-linear-gradient(#fff,#e1e1e1,#e1e1e1);
background-image:-o-linear-gradient(#fff,#e1e1e1,#e1e1e1);
background-image:linear-gradient(#fff,#e1e1e1,#e1e1e1); background: transparent url(img/beton_4__.jpg) repeat!important */
}

/*HTML5 IE lt 9*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/**/
body, p, ul , li , span , div , ol, a , hr, img,select, form,
input, h1, h2, h3, table, tr, td, thead, tbody, form, fieldset {margin:0; padding:0;}
img, a, object, embed {border:0 ; outline:0}
input::-moz-focus-inner { border: 0; }

ul {list-style:none}

input[type=text],input[type=password],input[type=email], select {
	border-radius:var(--border-radius);
	text-align:left; 
	padding: 12px 15px; 
	font-size:1.1em; 
	color: #454545;
	
}

textarea { border-radius:var(--border-radius); }
/* WebKit, Blink, Edge *//* Mozilla Firefox 4 to 18 *//* Mozilla Firefox 19+ */ /* Internet Explorer 10-11 *//* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ 
::-webkit-input-placeholder, :-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, :placeholder-shown  {  color: #aaa!important;}
::-moz-placeholder { opacity:  1;}
:placeholder-shown { font-weight:normal!important; color: #aaa!important;}

/*LIENS*/
.button_a {outline:0;cursor:pointer;text-align:center;font-size:12px;line-height:35px;font-weight:bold;color:#CCC;display:block;width:200px;height:36px;/*background: url(img/button_a_background.png) top center no-repeat;*/}
.button_b,.button_c,.button_d { transition:0.2s; display:block; outline:0; cursor:pointer; text-align:center;}
.button_b { font-weight:bold; border:2px solid #999; color:#999; background:#fff; padding:5px 15px ;}
.button_c { border:2px solid #fff; color:#fff; background:#ccc; padding:0.6em ;}

.button_d {  box-sizing: border-box; margin:1em auto; width:40%; box-shadow: 0 1px 2px #999; font-family: 'josefin', Verdana, Geneva, sans-serif; border:2px solid #fff; color:#fff; background:var(--main-color); padding:12px 45px ; font-size:1.4rem; border:2px solid #fff; background-image:-moz-linear-gradient(#ff8330,#ff6600);background-image:-webkit-linear-gradient(#ff8330,#ff6600);background-image:-o-linear-gradient(#ff8330,#ff6600);background-image:linear-gradient(#ff8330,#ff6600);}

.button_d:hover {transition: 0.3s; box-shadow: none; border:2px solid var(--main-color); background-image:none; background-color: #FEEEE2!important ; color:var(--second-color)}

.button_b:hover {background: #F90; color:#fff; border-color:#F60}

.button_c:hover, .button_c_sel { transition:0.3s; background:#ff8330; color:#fff; border-color: #F60}
/*.button_bg_2 {background: url(img/button_c_background.png) top center no-repeat;}*/
.button_init {line-height:30px;background-position:top;}
.button_a_hover {background-position:center;}
.button_a_click {line-height:36px;background-position:bottom;}
/*lien*/
.span_a,.span_a_2 {cursor:pointer}
a,.span_a,.span_a_2 {
	color: var(--link-color) ;
	text-decoration:none
}
.span_a_2 {display:block;clear:both;font-size:0.8em; margin-bottom:10px}

a:visited, .span_a:visited {color:var(--link-color)}
a:hover, .span_a:hover { color:var(--main-color); text-decoration:underline;  }
/*effet lien*/
.lk_fx_un a, .un {
  display: inline-block;
}

.lk_fx_un a::after, .un::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--main-color);
  transition: 200ms;
}
.lk_fx_un a:hover, .un:hover {text-decoration: none;}
.lk_fx_un a:hover::after, .un:hover::after {width: 100%;}

/*****************************************
* header
*/

#logo { 
	position:absolute;
	top:14px; left:20px;
	z-index:900;  
	height:77px;
}

#logo img {
	/*aspect-ratio: 270 / 74;*/
	display:inline-block;
	height:100%;
	width:auto;
}

.logoLittleWdw {position: inherit!important;
	top:0; left:0;
	width:100%!important;
	clear:both!important;
	float:left!important;
	text-align:center!important;
	padding-top:10px!important;padding-bottom:0!important; /*background:#f60 url(img/head_bkg.png) top repeat-x!important*/
	background-color:#f60!important; border-bottom:2px solid #FFBF91!important;margin:0!important}

.header_cnt1, .h1_cnt { 
	height:90px; 
	width:100%; 
	position:absolute;
	z-index:900; 
	top:0; left:0;
	clear:both;
}
/*custom*/
.header_cnt1 { background-color: var(--header-bk-color); }

.h1_cnt {
	display: block;
	text-align:center;
	top:70px; 
	left: 0;
	height:30px; line-height:30px;
	background-color:var(--header-h1-bk-color);
	font-size:1em;
	font-variant:small-caps;
	color: var(--header-h1-text-color) ;
	z-index:900; 
	max-width:100%;
	quotes: none;
	  white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
/* bande blanche sous logo et h1 */
.menuUser_cnt{
	padding:5px 0  ;
	background-color:#fff;
	box-shadow: 0 1px 2px #656565;
	border-bottom:1px solid #eee;
 	position:absolute;
	top:100px;
	height:42px;
	width:100%;
	box-sizing: border-box;
}
 
.autocomp_field { border: 1px solid var(--main-color) }

#ref_sch_top {
	display:block;
	float:right;
	 
	background-color:transparent;
	max-width:50%;
	min-width: 300px; 
	padding:0.3em  1em;
	border-radius: 20px;
	height:100%;
	border-color: #ddd;
	box-sizing: border-box;
}

#ref_sch_top:focus {border-color:inherit;-webkit-box-shadow:none;box-shadow:none}



#ref_sch_btn_top {
	 
	border: none;
 	cursor: pointer;
	float:right;
	width:23px;
	height:25px;
	background: transparent url(img/ref_sch_btn.png) top center no-repeat;
	margin:3px 1em 0 1em;
}

#ref_sch_btn_top:hover { background-position:bottom}

.radcus { margin:0 auto; padding:0;line-height:20px;display:block;height:20px; font-size:18px; font-weight:bold;cursor:pointer}

.selected_span, .no_selected_span {
	font-size:16px!important;color:#f60;/*text-shadow:0px 0 2px #FC0*/
}

.no_selected_span {
	font-weight:normal;color:#ccc;text-shadow:none;
}

.btn_sup_cnt {
	z-index:9000;
	 /*width:100%;*/text-align: left;
	 position: absolute;  /*postulat de départ  */
	top: 98px;
	left:33px
	    /*à 50%/50% du parent référent */
	/*transform: translate(-50%, 0); /* décalage de 50% de sa propre taille */
	 
}

.btn_top, .btn_top_soldes { 
	/*font:1.3em 'josefin',Verdana, Geneva, sans-serif; */
	font-size: 16px; letter-spacing: 1px;
	font-weight:bold; 
	margin:0  0 0 1px;
	display:inline-block;
	/*line-height:6em ;*/
	 
	padding:13px 13px 5px 13px; border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;
	font-variant:small-caps;
	/*height:3.8em;*/
	/*background-color: #fff;*/
	/*box-shadow: 0 2px 3px #656565;*/
	  transform: translate(0, 0); 
	transition: 0.25s;
	color:#555;
	cursor:pointer;
}
.btn_top_soldes {color:#f60;}

.btn_top a, .btn_top a:visited { color:#555; text-decoration-color: #fff }
.btn_spec a, .btn_spec a:visited {color: #f60}
.btn_top:hover,.btn_top_soldes:hover  { 
	 transform: translate(0, -5px); 
	background :#f60 ; 
	color:#ff8330  ;
	padding-bottom:10px;
	 
}
.btn_top:hover a, .btn_top a:hover,
.btn_top_soldes:hover a, .btn_top_soldes a:hover  {color:#fff!important; text-decoration:overline; text-decoration-color: #ff8330}

.btn_top_soldes a {letter-spacing:1px; color:#f60!important}
 
/*******************
	menu responsive 
	menu top 
*/
.btns_top_right_cnt {width:50%;z-index:900;position:absolute; top:0; right:0;margin:2px 1em 0 0;background-color: transparent }
.btns_top_right_cnt li  { display:block; float:right; margin:0 13px; width:64px; height:50px; }


.btns_top_right_cnt li a {
 	display:block;
	width:100%;
	height:100%;
 
}
#basket_btn a, #cmpt_btn a, #mag_btn a, #fav_btn a {background: transparent url("img/top_menu_ALL_icones.png")  no-repeat ; background-size:cover}
.btns_top_right_cnt li a:hover {  text-decoration:none; font-weight:bold }

#fav_btn a {background-position:0 0}
#fav_btn a:hover {background-position:0 -60px}
#mag_btn a {background-position:0 -120px}
#mag_btn a:hover {background-position:0 -180px}
#cmpt_btn a {background-position:0 -240px }
#cmpt_btn a:hover {background-position:0 -300px }
#basket_btn a {background-position:0 -370px}
#basket_btn a:hover {background-position:0 -440px}
#basket_btn a span { font-size:1.4em}

.btns_top_right_cnt li a span  { 
	/*font-family: 'josefin',Verdana, Geneva, sans-serif; déclaré en haut de feuille*/
	position: relative;
	top:47px;
	display:block;
	width:100%;
	text-align: center;
	color: #fff;
	text-decoration:none;	
	overflow: hidden;
	white-space:nowrap;
 	text-overflow: ellipsis; 
}
span.libelle_panier_menu {top:27px!important;}
span.nb_items_icone_menu {top:19px!important;}
.btns_top_right_cnt li a:hover .nb_items_icone_menu  {  color:#f60 }

span#nom_user{display:block;float:left;height:30px;line-height:30px;margin:0 0 0 10px}

/*********************************************
* menu principal
***********************************************/
.menu_container {
	text-align:left;
    width: 1000px;
    margin: 0 auto;
	 
}

.li_nav_close { display:none; font-family: 'josefin',"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}

.toggleMenu {
	position:absolute;
	margin:0 0 0 5%  ; 
	padding:0 15px 0 40px; 
	width:34px;
	height:34px;
	background: transparent url(img/menu_icon_smartphone.png) top left no-repeat;
	font-size:1em; 
	text-decoration:none!important;
    display:  none;
	line-height:38px;
    color: #ff6600;z-index:9999;
}

.toggleMenu:active{text-decoration:none!important;;}

.nav {
    list-style: none;
     zoom: 1;
     background: #FFF;
	 line-height: 130%;
	 font-size:0.875rem;
}

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
    width:100%;
	margin:0 auto; 
	box-sizing: border-box;
}

.li_nav_1, .li_nav_2, .li_nav_3, .li_nav_4, .li_nav_5 { 
 	/*box-sizing:border-box;*/
	padding :60px 0 3rem 0;
	position:absolute;
	top:-550px;
 	width:98%;
	box-sizing: border-box;
	/*min-height:530px;
	max-height:550px;*/
	height:auto;
	background-color:rgb(255,255,255,0.99);
	 
	left:1%;
 	z-index:2;
	/*border:1px solid #eee;*/
	box-shadow: 0 1px 3px #ccc;
	-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;
} 

.nav ul li a, .nav ul li a:visited { color: var(--text-color) }
.nav ul li a:hover { color: var(--main-color)}

.li_nav_sans_ul { position:absolute; top:-550px; border:none }
.li_nav_sans_ul a {border:none }

.sous_cat_lk {padding-left: 1.475rem!important}

.btn_nav {
	width:100%;
	display:block;
	/*padding:15px 18% 15px 2%;*/padding:15px 0 15px 0;
	text-indent:3%;
	background-color:#f9f9f9;
	text-align:left;
	font-size:1.45rem;
	font-weight:bold; letter-spacing:3px;
	color:#555!important;
	font-family:'josefin', Verdana, Geneva, sans-serif
}

/*.btn_nav:hover {text-align:center; }*/

.btn_nav_seul {text-align: center; align-content:center }
.btn_in_btn_nav { display:block; font-size:0.75em; cursor:pointer; margin-top:0.5rem }
.btn_in_btn_nav_mob { display:none;cursor:pointer; }
.btn_in_btn_nav_mob:hover, .btn_in_btn_nav:hover{ color:#f60 }

.title_li_nav, .title_li_nav_2 {
	font-family: 'josefin',Verdana, Geneva, sans-serif;
	font-size:1.2em;
	display:block;
	padding:20px 0 10px 0;
	color:#555!important;
	border-bottom:1px solid #eee; margin-bottom:1em
}
.title_li_nav_2 { 
	margin:-35px 0 30px 0;
	/*letter-spacing: 3px;
	text-shadow:0 1px 3px #656565;*/
	padding:0;
	text-align:center;
	text-decoration: none!important; border:none;
} 

.list_lk_cnt {display: flex} 

.ul_1col { width:85%!important; padding-top:1.5rem}

.ul_1col li { display: block;  }

.img_nav_li { display:block; width:45%; max-width:45%; margin: 0 2%; float:left }
.img_nav_li:last-child { float:right }

.img_nav_li2 { display:block; width:20%; min-width:0; margin: 0 1%; float:left }

.img_nav_li img, .img_nav_li2 img { display:block; width:auto; max-width:100%; /* important pour le lazyload */
	height:auto; text-decoration: none!important }
.img_nav_loaded { width:100%!important;  /* important pour le lazyload */ } 

.img_nav_li a , .img_nav_li2 a { display:block; width:100%; height:auto; text-decoration: none!important }
.img_nav_label, .img_nav_label2 
{  font-size: 1.875rem; font-family: 'josefin', Verdana, "sans-serif"; 
					width:100%;/* background-color:rgb(255,255,255,0.9) ; */
					color:var(--text-color); 
					padding: 1rem 0 0.5rem 0; text-align: center ; cursor: pointer }

.img_nav_label2 {  font-family: Verdana, "sans-serif", "Trebuchet MS"; font-size: 0.875rem; padding: 0.5rem 0;}

.img_nav_li:hover, .img_nav_li:has(.img_nav_label:hover),  
.img_nav_li2:hover, .img_nav_li2:has(.img_nav_label2:hover) { opacity: 0.85; }

.img_nav_li:hover .img_nav_label, .img_nav_label:hover,
.img_nav_li2:hover .img_nav_label2, .img_nav_label2:hover { color:var(--second-color)!important; }

.col1, .col1_une_colonne, .col1_deux_colonnes  { width:33%; margin : 0 2% 0 3%; float:left; }
.col1_une_colonne { width:20%;  }
.col1_deux_colonnes { width:40%; }

.col2 { width:30%; margin-right: 2%; float:left; }

.col2bis, .col2ter {  width:16%; float:left;margin-right: 2%;
			background-color:#f9f9f9; padding-bottom: 30px; 
			border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center 
}
.col2ter {width:20%}
.col3, .col3bis{ width:22%; margin-right: 2%; float:left; }

.col3bis { width:30%; }

.col_image,  .col_image2 {  width:17%; margin-right: 3%; float:left; }
.col_image2 { width:20%;}

.col1 li, .col1_une_colonne li, .col1_deux_colonnes li, .col2 li, .col3 li, .col3bis li { 
	padding: 0.165rem 0 0.165rem 0.27rem 
}
.col2bis li, .col2ter li {padding: 0.165rem 0.27rem }

 
.sep_fine_li > hr { height: 1px; margin: 15px 0; padding: 0; background-color:#eee; color:#eee; border: 0;} 

.li_spec em { font-size:1.2em; font-family: 'josefin', Verdana,"Trebuchet MS", "sans-serif"}

.li_nav_with_img { border-size:border-box;padding:0; margin:0; width:100% }

.li_nav_with_img img, .li_nav_with_img a, .li_nav_with_img_big img, .li_nav_with_img_big a  {
	/*aspect-ratio: 236 / 310;*/
	width:100%;
	max-width: 236px; max-height: 310px; 
	height: auto; 
	display: block;  margin:0 auto;
	 
}

.li_nav_with_img_big img, .li_nav_with_img_big a { max-width:700px; }

.li_nav_with_img a:hover, .li_nav_with_img_big a:hover {
	text-decoration:none;
}
.li_nav_with_img p {
	text-align: center;
	padding:10px 2%; color:#555; background:rgba(255,255,255,0.9);
}



/*custom*/
.button_menu {  display:inline-block; padding:0.3em 0.5em;   border-radius: 10px; background-color: var(--main-color); color:#fff!important; text-decoration-color: transparent}
.button_menu:hover {transition: 0.3s;
	 background-color: #fff!important; 
	 color: var(--main-color)!important; text-decoration-color: transparent!important ;border: none }

.button_event { color: #f60;/*var(--messune-bk-g1)!important*/}
.button_event:hover { border-color: #fff/*var(--messune-bk-g1)*/!important; background-color: #f60!important; color: #fff/*var(--messune-strong-color)*/!important }

/* Sliders Jssor */
#a_la_une { position:relative; margin:138px auto 0 auto; top:0px; left:0px; width:100%; height:auto; overflow:hidden; padding:0}
#a_la_une img {display:block;width:100%;height:auto;}

#jssor_1, #jssor_2,  #jssor_3 { -webkit-box-sizing: border-box; box-sizing: border-box; position:relative;top:0px;left:0px; margin:0 auto 0 auto; overflow:hidden; visibility:hidden; }
#jssor_1 { height:700px; width:1020px }
#jssor_2 { height:300px; width:920px }
#jssor_3 { height:430px; width:1020px }

#jssor_2_cnt, #jssor3_cnt {width:100%; padding:0; background:#ddd}
#jssor3_cnt {background-color:#ddd}

#jssor_2_cnt h2, #jssor3_cnt h2{ font-size:3.5em;color:#fff; line-height:100%;padding-top:10px}
#jssor_2_cnt h2 a, #jssor3_cnt h2 a, #jssor_2_cnt h2 a:visited, #jssor3_cnt h2 a:visited,  #jssor_2_cnt h2 a:hover, #jssor3_cnt h2 a:hover { color:#fff; text-decoration:none}
#jssor3_cnt h2 span {font-size:0.8em}

.voir_tout_link { padding:0 0  2em 0 ; color:#fff }
.voir_tout_link a, .voir_tout_link a:visited {color:#fff}
.voir_tout_link a:hover {color:#f60; text-decoration:none}

.slides_jssor_2, .slides_jssor_1, .slides_jssor_3  {  cursor:default; position:relative;top:0px;left:0px; overflow:hidden;}
.slides_jssor_1 {  margin-left:49px ; width:1020px; height:700px;}
.slides_jssor_2 { width:920px;  height:230px;}
.slides_jssor_3 { margin-left:49px; width:1020px;height:500px;} 

.article_jssor_2, .article_jssor_1, .article_jssor_3 { margin-left: 20px;-webkit-box-sizing: border-box; box-sizing: border-box;  width:293px} 
.article_jssor_1{margin-left:-21px}
.article_jssor_2 {  width:210px; }
.article_jssor_3 { margin-left:40px; width:303px; }
.article_jssor_2 img , .article_jssor_1 img, .article_jssor_3 img {
	width:100%; height:auto; display:block;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s ;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	image-rendering: -webkit-optimize-contrast;
} 
.article_jssor_2 img {clear:both;border:2px solid #ddd;}

.texte_article_jssor_1 {
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
 	background:#fff;/*rgba(255,255,255,0.8); */
	box-shadow:0px 1px 4px #999; 
	color:#333;  width:80%; 
	margin:-15px auto 0 auto; 
	padding:1em;  ; 
}
.texte_article_jssor_1 h3, .jssor2_btn {text-align: left; font-family: 'josefin', Verdana, Geneva, sans-serif; padding: 1em 0 0 0;font-size:1.2em;font-weight:bold;}
.texte_article_jssor_1 h3 a, .texte_article_jssor_1 h3 a:visited {color:#333}
.texte_article_jssor_1 h3 a:hover {text-decoration: none; color:#f60}
.texte_article_jssor_1 p {font-weight:normal; text-align: left;font-size:0.9em; font-family:  Verdana, Geneva, sans-serif;}
/*.article_jssor_3 img:hover {border-color:#ff8330}*/
.article_jssor_1 img:hover, .article_jssor_3 img:hover {
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: scale3d(0.94,0.94,0.94);
	transform: scale3d(0.94,0.94,0.94);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.texte_article_jssor_1:hover {
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
/*custom*/
.jssor2_btn,.jssor2_btn:visited {   width:auto; margin: 1em auto 0 auto; -moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; display:block;float:right; font-size:1.1em; text-align:center; padding:0.5em 2em 0.4em 1.5em; border:1px solid #444; color:#ff8330; }
.jssor2_btn:hover { text-decoration:none; border:none; color:#fff!important; background-color:#ff8330}

.article_jssor_2 img:hover {
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: scale3d(0.9,0.9,0.9);
	transform: scale3d(0.9,0.9,0.9);
	border:2px solid #fff;
}

.lib_jssor3 {text-align: center; margin-top:1em; font-size:0.9em; color:#444}
.lib_jssor3 a, .lib_jssor3 a:visited { color:#444}
.lib_jssor3 a:hover {color: #ff6600; text-decoration: none}

.fleche_home_gauche, .fleche_home_droite,.fleche_home_gauche2, .fleche_home_droite2 { position:absolute;top:-2px;min-width:1px;width:70px;height:630px; background:transparent url(img/fleches_home_jssor.png) no-repeat; }
.fleche_home_gauche2, .fleche_home_droite2 { height:500px;}
.fleche_home_gauche {  left:0; background-position: 0px 0px }
.fleche_home_droite { right:0;background-position: -70px 0px}
.fleche_home_gauche2 { left:0;background-position: -140px 0px}
.fleche_home_droite2 { right:0;background-position: -210px 0px}

.fleche_home_gauche:hover, .fleche_home_droite:hover {	
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,-3px,0);
	transform: translate3d(0,-3px,0);
}

.marquee {
   	width:600px;margin:0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 100s linear infinite;
}
/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}
 
#btns_cat {width:300px;float:right;margin:0 20px 0 0;height:20px}
#btns_cat li {display:inline}
ul#top_menu {margin:0 auto; width:730px;height:40px }
ul#top_menu a:hover {text-decoration:none}
ul#top_menu li, ul#top_menu_2 li {float:left;height:40px;}

ul#menu_2_homme li ,ul#menu_2_femme li {float:left;height:30px;}
#rech_btn {font-weight:bold;cursor:pointer}
ul#menu_2_homme a, ul#menu_2_femme a {color: var(--link-color2) ;}
#btns_top, #btns_top_2 {width:100%;clear:both;height:33px;background-color:#fff}
#btns_top_2 {height:38px;background-color:transparent}
ul#menu_2_homme a:hover,ul#menu_2_femme a:hover {color:#F90;text-decoration:none;color:#F60; font-weight:bold}
ul#menu_2_homme, ul#menu_2_femme{width:1000px;height:30px;margin:0 auto;}
.alaune {font-size:10px;text-align:right;color:#999;line-height:10px;width:80px;padding:3px 5px 0 0}
ul#menu_2_homme{ width:1000px;}
#marks_btn { cursor:pointer;font-size:10px; }
#menu_3_femme {margin:0 auto;max-width:1000px;height:85px}
.menu3li {float:left;display:block;width:150px;height:85px;}
.menu3li li a, .menu3li li a img {display:block;width:150px;height:85px}
#menu_3lilast, #menu_3li1 ,#menu_3li1 img {float:left;background:url(img/menu_3_lilast.png) top no-repeat;height:85px;width:40px;}
 #menu_3li1 {margin-left:10px}
#menu_3lilast:hover, #menu_3li1:hover {background-position:bottom}
/**/
.p_top{padding-top:10px;margin:0 auto 0 auto;font-size:0.8em;width:100%;clear:both; color:#999}
.sep_ombre_2 {width:100%;clear:both;background: /*#F7F7F7*/ url(img/ombre_bas.png) top repeat-x;}
.sep_ombre_3 {width:100%;height:33px;clear:both;background: transparent url(img/ombre_bot_fff_transp.png) bottom repeat-x;}
/*.sep_miombre {margin-top:10px;display:block;width:100%;height:20px;clear:both;background: transparent url(img/separator_ombre.png) center bottom no-repeat;}*/
.menu_2_title {font-size:0.7em;color:#999;padding-top:2px}


.btn_top_2{font-weight:normal;margin:0; display:block;font-size:0.7em;line-height:18px;width:111px;height:30px; background: url(img/bouton_8_top_hover.png) top center no-repeat;}
/*.btn_top_gold {background: url(img/bouton_4_top_hover_gold.png) top center no-repeat}*/
#soldes_lk a {font-size:18px;color: #F60!important; }

.btn_top_2:hover {background-position:bottom;line-height:30px;}
/*#btn_soldes {background: url(img/bouton_soldes_top_hover.png) top center no-repeat; height:54px;}*/
#btn_pan{background: url(img/bouton_panier_top_hover.png) top center no-repeat; font-variant: normal; font-size:18px;text-indent:30px;height:54px;}
/*#btn_soldes {color: #900;font-size:1.3em;font-weight:normal}*/
 
#btn_pan:hover,#btn_soldes:hover {background-position:bottom;line-height:50px; }

/*a enlever dès mise en prod new interface*/
#retour_btn_descro{ display:block; cursor:pointer; background: url(img/retour_4.png) top no-repeat; height:33px;width:40px;margin:0px 0 0 10px; float:right; background-size: 100% auto;}
 
#retour_btn_descro:hover { background-position:bottom }
/* new interface
#retour_btn_descro, #btn_deconnexion {
    position: absolute;
    top: -3px;
    right: 0;
    width: 32px;      
    height: 32px;
    cursor: pointer;
    border-radius: 50%;  
    
 
    display: flex;
    align-items: center;
    justify-content: center;
    
  
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #777;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

 
#retour_btn_descro:hover, #btn_deconnexion:hover {
    color: var(--main-color);  
    border-color: var(--main-color);
    box-shadow: 0 2px 8px rgba(255, 131, 48, 0.2);
    transform: translateX(-2px); 
}
 */

@media (max-width: 976px)
{
	#retour_btn_descro, #btn_deconnexion {width:28px; height: 28px} 
}

/*#retour_btn_descro{display:block;cursor:pointer;background: url(img/retour_3_.png) top no-repeat; height:50px;width:60px;margin:10px 0 0 10px;float:right;}*/
.next_btn_1 {cursor:pointer;background: url(img/next_3.png) top left no-repeat; }
/*#retour_btn_descro:hover {background-position:bottom }*/
.next_btn_1:hover {background-position:bottom left}
/*.sep_ombre {clear:both;background:#DDD url(img/ombre_bottom.png) top repeat-x;height:10px;width:100%}*/


/*custom*/
/*animation pour webp transparent*/
.a_la_une, #a_la_une {
	 background: transparent;
	/*background: linear-gradient(-90deg, #e6a600, #e6a600, #ff6600,#ff6600, #ffc630,#e6a600, #fff,  #ffc630,#e6a600, #ffc630,#ff6600, #ff6600,#e6a600,#e6a600,#fff,#fff, #fff, #fff,#fff,#fff, #fff, #fff );/ 
	background: linear-gradient(-45deg, #fff, #fff, #fff, #333, #333, #fff, #fff,#333,#333,#333,  #fff, #fff,#fff, #fff,#333,#333,#fff, #fff, #fff,#fff  );
	/* background: radial-gradient(#fff,,#fff,#ddd,#ddd,#ddd,#fff);/*,#fff,#ff6600,#ff6600, #ff6600,#ff6600, #ff6600 	
	 background-size: 400% 400% ;
	animation: Gradient 20s linear infinite ;
	animation-iteration-count: 3;
	/*color: #B1780B; */ 
}
@keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}



/****************/
.h1_2{ font-variant:small-caps;font-size:1.2em;text-shadow:1px 0 1px #fff; color:#999; margin-bottom:30px; text-align:center}
.h2_hm { width:400px !important }
/*Content*/
#top_cnt {
	background-color:transparent/* url(img/beton.jpg) repeat */;
	padding:0.4rem 0 0 0/*30px 0 0 0*/;
	width:100%;
	height:100%
}

#content2{
	margin-top:140px ;/*123px;/*143*/
	width:/*94%*/100%;/*min-height:710px
	background-color: transparent*/
	max-width: 100%;
	box-sizing: border-box;
}

.h2_new_home {
	/*background:transparent url( img/etoile_logo.png ) top center no-repeat; */
	color: #BEBEBE;
	padding:0;
	margin:30px auto;
	font: normal 2em/140% 'josefin',Verdana, Geneva, sans-serif;
 	 
}
.h2_new_home span{color:#eee!important}

/**/
.Iam {
	font: normal 40px/50px 'josefin',Verdana, Geneva, sans-serif;
	color: #999;
	text-align :center;
	margin: 20px auto 20px auto; max-width:100%;
	clear:both;
}
.Iam h2 {height:40px;margin-top:50px!important; margin-bottom:0}
.innerIam_cnt {
	clear:both;
	overflow: hidden;
	position: relative;
	height: 50px;
	top: 0px;
	text-align:center;
}
.Iam .innerIam {
	opacity:0;
	display: inline-block;
	color: #f60;
	position: relative;
	white-space: nowrap;
	top: 0;
	left: 0;
	/*animation*/
	-webkit-animation:  10s;
	   -moz-animation:move 10s;
		-ms-animation:move 10s;
		 -o-animation:move 10s;
			animation:move 16s;
	/*animation-iteration-count*/
	-webkit-animation-iteration-count:infinite;
	   -moz-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		 -o-animation-iteration-count:infinite;
			animation-iteration-count:infinite;
		
	/*animation-timing-function: linear;*/
	/*animation-delay
	-webkit-animation-delay:2s;
	   -moz-animation-delay:2s;
		-ms-animation-delay:2s;
		 -o-animation-delay:2s;
			animation-delay:2s;*/
 
}
@keyframes move {
    0%  {top: 0px; opacity:0;left:0px }
	 5%  {top: 0px; opacity:1;left:0px }
    15%  {top: 0px; opacity:1;left:0px }
    30% { top: -50px; opacity:1;left:0px}
    45% { top: -100px; opacity:1;left:0px}
    60% { top: -150px;opacity:1 ;left:0px}
	75% { top: -200px;opacity:1 ;left:0px}
	90% { top: -250px;opacity:0 ;left:0px}
	99%{ top: -250px;opacity:0 ; }
}

@-webkit-keyframesmove {
    0%  {top: 0px; opacity:0;left:0px }
	 5%  {top: 0px; opacity:1;left:0px }
    15%  {top: 0px; opacity:1;left:0px }
    30% { top: -50px; opacity:1;left:0px}
    45% { top: -100px; opacity:1;left:0px}
    60% { top: -150px;opacity:1 ;left:0px}
	75% { top: -200px;opacity:1 ;left:0px}
	90% { top: -250px;opacity:0 ;left:0px}
	99%{ top: -250px;opacity:0 ; }
}

@-moz-keyframes move {
    0%  {top: 0px; opacity:0;left:0px }
	 5%  {top: 0px; opacity:1;left:0px }
    15%  {top: 0px; opacity:1;left:0px }
    30% { top: -50px; opacity:1;left:0px}
    45% { top: -100px; opacity:1;left:0px}
    60% { top: -150px;opacity:1 ;left:0px}
	75% { top: -200px;opacity:1 ;left:0px}
	90% { top: -250px;opacity:0 ;left:0px}
	99%{ top: -250px;opacity:0 ; }
}

@-o-keyframes move {
    0%  {top: 0px; opacity:0;left:0px }
	 5%  {top: 0px; opacity:1;left:0px }
    15%  {top: 0px; opacity:1;left:0px }
    30% { top: -50px; opacity:1;left:0px}
    45% { top: -100px; opacity:1;left:0px}
    60% { top: -150px;opacity:1 ;left:0px}
	75% { top: -200px;opacity:1 ;left:0px}
	90% { top: -250px;opacity:0 ;left:0px}
	99%{ top: -250px;opacity:0 ; }
     
	 
}
@keyframes move {
    0%  {top: 0px; opacity:0;left:0px }
	 5%  {top: 0px; opacity:1;left:0px }
    15%  {top: 0px; opacity:1;left:0px }
    30% { top: -50px; opacity:1;left:0px}
    45% { top: -100px; opacity:1;left:0px}
    60% { top: -150px;opacity:1 ;left:0px}
	75% { top: -200px;opacity:1 ;left:0px}
	90% { top: -250px;opacity:0 ;left:0px}
	99%{ top: -250px;opacity:0 ; }
}


/*fin animtopmark_cnt*/

#topmark_cnt , #home_item_cnt {clear:both; width:100%;margin: 250px auto 0 auto;  }
#home_item_cnt {background:#fff}
#home_cnt, .cnt_center_def {width:1000px;margin: 0 auto 50px auto; }
#home_cnt_1 { width:48.5%;margin:0 2% 2% 0; float:left; height:auto; }
#home_cnt_2 { width:23%;margin:0 0 2% 1%;float:left;  height:auto;  }
#home_cnt_3 { width:23%; float:right;margin:0 0 2% 0; height:auto;}
#home_cnt_4 { width:48.5%;float:left; margin:0  1% 2% 0; height:auto; }
#home_cnt_5 { width:48.5%;float:right; margin:0 0 2% 0; height:auto;}
#home_cnt_1:hover,#home_cnt_2:hover,#home_cnt_3:hover,#home_cnt_4:hover,#home_cnt_5:hover{ box-shadow:0 2px 3px #656565; }
#home_cnt p img {height:300px}
.home_item {width:240px;float:left;margin : 0 5px}

/*
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } */
.grid {
	position: relative;
	/*float:left;
	clear: both;*/
	margin: 0 auto;
	/*width: 48% ;padding: 1em 0 4em; 
	max-width: 1000px;*/
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;padding:0;

	width: 100% ;
	 height:100%; /*max-height:300px;*/
	background: #fff /*#3085a3*/;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	 min-height: 100%; /*max-height:300px;*/
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	/*padding: 2em;*/
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.20em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 ,.title_grid {
	 -webkit-box-sizing: border-box; box-sizing: border-box; 
	/*word-spacing: -0.15em;
	font-weight: 300;*/
}

.grid figure h2 a, .grid figure h2 a:hover {font-weight:normal;text-decoration:none}  
#figcap_cnt_1, #figcap_cnt_2, #figcap_cnt_4 {cursor:default!important}
#figcap_cnt_1 p, #figcap_cnt_2 p, #figcap_cnt_4 p ,#figcap_cnt_1 h2, #figcap_cnt_2 h2, #figcap_cnt_4 h2  {cursor:pointer!important}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #fff;
}

figure.effect-julia img {
	max-width: none;
	width:100%;
	height: auto;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	position:relative;  /*margin:60% 0 0 0;*/
	text-align: left;
	 height:4em; 
	 background:#fff;
}

figure.effect-julia h2 , .title_grid {
 	border-top:1px solid #fff;border-bottom:1px solid #fff;
	background: rgba(255,255,255,0.85) /*rgba(255,131,48,0.7)*/;
	text-align:center;
	color:#ff8330;
	font-size: 1.8em; 
	width:100%;
	font-family:'josefin';
	font-weight:normal;
	/*text-shadow: 1px 0 2px #fff;*/
	position: relative;
	padding:0.6em 0 0.6em 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	 
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 3em 1em;
	padding: 0.4em 1em;
	background: rgba(250,250,250,0.9);
	color: #2f3238; 
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-700px,-3em,0);
	transform: translate3d(-700px,-3em,0);
	/*box-shadow:0px 2px 3px #656565; border:2px solid #ff8330;*/
}
figure.effect-julia p a,figure.effect-julia p a:visited { color:#ff8330;  }
figure.effect-julia p:hover a { color:#fff; text-decoration:none!important;}
figure.effect-julia p:hover { color:#fff; background-color:#ff8330;/* border:2px solid #fff*/}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2)  {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2){
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p
{
	opacity: 1;
	-webkit-transform: translate(0,-3em);
	transform: translate(0,-3em);
}

figure.effect-julia:hover h2 {
	opacity: 1;
	-webkit-transition:  -webkit-transform 0.65s;
	transition:  transform 0.65s;
	-webkit-transform: translate3d(0, -1.8em,0);
	transform: translate3d(0,-1.8em,0);
}

#home_item_cnt {box-shadow:0 1px 2px #999; background:#fff; height:auto; min-height:150px;padding:2em 0 1em 0; border-top:1px solid #dedede;border-bottom:1px solid #dedede}

#topmark_cnt h2, #home_item_cnt h2, .footer_home h2, .footer_layout h2, .h1_top,.h1_top_ssimg { 
	width:100%;/*border-bottom:1px dotted #dedede;background:transparent url( img/etoile_logo.png ) top left no-repeat;*/
	font-family: 'josefin', Verdana, Geneva, sans-serif; 
	min-height:45px; padding:1em ;/*text-indent:60px;*/
	clear:both; float:none; 
	color:var(--main-color); 
	text-align:center; 
	font-size:24px;
	box-sizing: border-box;
}


 #home_item_cnt h2 {width:1000px;margin:0 auto}

#topmark_cnt p { margin-top:1em }
#topmark_cnt p a:hover{background-color: #ff8330 }
.footer_home h2,.footer_layout h2,#last_bot h2,  #home_item_cnt h2, #topmark_cnt a, #topmark_cnt h2 a:visited, #home_item_cnt a, #home_item_cnt h2 a:visited {color:#ff8330!important;font-size:1.4em; letter-spacing:1px; font-weight:normal; text-shadow:1px 0 2px #ccc}
#topmark_cnt a:hover, #home_item_cnt a:hover {text-decoration:none!important}
#home_item_cnt h2 {font-size:1.8em!important}
#marques_une_ul li {float:left;margin:1em 10px; }
#marques_une_ul li:hover {box-shadow:0 1px 3px #999}
#marques_une_ul li:first-child  {margin-left:0!important}
#marques_une_ul li:last-child {margin-right:0!important}
#marques_une_ul li img{display:block;height:92px;width:auto}

/*Styles*/
.radius {-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
.radius2 {-moz-border-radius:20px;border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;}
.radius4 {-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;}
.radius3 {-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;}
.ombrecss {box-shadow:0 1px 2px #656565}


.infos_div_def p {
	width: 90% !important;;
	margin: 0 auto; 
	padding-top:20px;
}
.infos_div_def  {
	background: white;
	font-size:1em;
	line-height:140%;
	padding:20px 2%;
	width:90%;
	margin: 0 auto;
	text-align:left;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border:1px solid #eee;
	border-top: none;
	
}
.font_1 {font: 20px/140% 'josefin', Verdana, Geneva, sans-serif;}
.p_1,.p_2,.p_3,.p_4 {text-align:left; font-size:11px; margin:0 auto; width:745px;}
.p_1 {padding:10px; font-weight:bold}
.p_2 {width:500px;padding:50px;border:1px dotted #ccc}
.p_3 {padding:10px;}
.p_4 {font-size:0.9em;line-height:1.3em;padding:5px 10px ;}
.note_bas_page {color:#999; text-align:justify;font-size:0.75em;line-height:130%;padding:5px 10px ;margin:40px auto 20px auto}
.p_5 {font-size:1em;line-height:160%;width:100%;text-align:center}
.ptit,.ptit_2,.ptit_3{font-size:10px !important;text-align:left; }
.ptit {font-weight:bold;}
.ptit_3 {font-size:11px !important;}
.ptitem {font-size:0.75em}
.very_small_txt {font-size:0.75em!important}
.small_txt {font-size:0.85em!important}
.normal_txt {font-size:1em!important}
.medium_txt {font-size:1.2em!important}
.big_txt {font-size:1.4em!important}
.fl_l {float:left !important;}
.fl_r {float:right !important; }
.flex {display: flex }
.clear,.clbth { clear:both !important }
.sep,.sep_1,.sep_2 {visibility:hidden;clear:both}
.sep_2 {padding:20px}
.sep_fine {height: 1px;margin: 20px 0;padding: 0;color: #F00;background-color: #DDD;border: 0;}
.sep_fine2 {height: 1px;margin: 15px 0;padding: 0;color: #F00;background-color: #555;border: 0;}

.txt_center {text-align:center !important}
.txt_left {text-align:left !important}
.sep_ch {margin:5px;clear:both;}

.color_1 {color:#900 !important}
.color_2 {color:#f60 !important}
.color_3 {color:#ff8330 !important}
.degcss_1 {background-image:-moz-linear-gradient(#ccc,#ddd);background-image:-webkit-linear-gradient(#ccc,#ddd);background-image:-o-linear-gradient(#ccc,#ddd);background-image:linear-gradient(#ccc,#ddd);}
.degcss_2 {background-image:-moz-linear-gradient(#ff8330,#ff6600);background-image:-webkit-linear-gradient(#ff8330,#ff6600);background-image:-o-linear-gradient(#ff8330,#ff6600);background-image:linear-gradient(#ff8330,#ff6600);}
.degcss_3 {background-image:-moz-linear-gradient(#ff6600,#ff8330);background-image:-webkit-linear-gradient(#ff6600,#ff8330);background-image:-o-linear-gradient(#ff6600,#ff8330);background-image:linear-gradient(#ff6600,#ff8330);}
.degcss_4 {background-image:-moz-linear-gradient(#555 ,#333);background-image:-webkit-linear-gradient(#555 ,#333);background-image:-o-linear-gradient(#555 ,#333);background-image:linear-gradient(#555 ,#333);}
.degcss_5 {background-image:-moz-linear-gradient(#f1f1f1,#e9e9e9);background-image:-webkit-linear-gradient(#f1f1f1,#e9e9e9);background-image:-o-linear-gradient(#f1f1f1,#e9e9e9);background-image:linear-gradient(#f1f1f1,#e9e9e9);}
.border {border:2px solid #eee}
.border:hover {border:2px solid #ff8330}
/*rech box*/
#rech_cnt { width:540px;margin:0 auto;padding:20px}
#rech_form {text-align:left;width:500px;margin:0 auto;}
#rech_form label {display:block;float:left;width:45%}
#rech_form input {float:left}
.h1_rech {font-weight:bold;font-size:1.4em;letter-spacing:2px;width:100%;margin:18px auto 40px auto;color:#F90;text-align:left;height:40px;line-height:40px;background:transparent url(img/etoile_logo.png) left no-repeat; text-indent:50px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1em;font-variant:small-caps;color:#888}
#rech_sub_cnt {width:200px;margin:40px auto 20px auto}

/*pied de page****************/
/*
text bottom
*/
#last_bot {width:1000px; text-align:left; margin:45px auto 30px auto}
#last_bot p {padding:0.5em 0 1em 0;}
@media (max-width:580px){
#last_bot p {text-align: center;}

}
#last_bot h2 {/*font-family:'josefin', Verdana, Geneva, sans-serif;*/ background-image:none;width:100%; text-align:center;margin:20px auto;padding:0;height:auto}
.last_bot_links {padding:10px 0 22px 0}
#last_bot_flex {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:2em;
	max-width:1300px;
	margin:0 auto;
	padding:30px 10px;
}
#last_bot_flex .reassurance-bar {
	width:100%;
	max-width:none;
	margin:0;
}
#last_bot_2_wrap {
	flex:1;
}
#last_bot_2 {
	font-size:0.68rem;
	line-height:140%;
	text-align:justify;
	hyphens:auto;
	padding:1em 1em 1em 20px;
	color:#999;
}
/*
liens bottom
*/
.footer_top { color:#fff; text-align:center; padding-bottom:2em}
#bot_content { padding: 0 20px; box-sizing:border-box; font-size:0.85em; color:#ccc; margin:2em auto ; max-width:100%; clear:both; display:flex; flex-wrap:wrap; gap:1em 2%; align-items:flex-start; }
.block_link_bot { flex:1 1 180px; min-width:0; text-align:left; padding:0; }
.block_link_bot h3 {
	width:100%;
	box-sizing:border-box;
	margin:0 0 0.6em 0;
	text-align:center;
	color:#fff!important;
	font-size:0.72rem;
	font-weight:700;
	line-height:1;
	padding:0 0 0.5em 0;
	border-bottom:1px solid #444;
	border-radius:0;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family:'josefin', Verdana, sans-serif;
}
.footer_top a, .footer_top ul a:hover, .footer_top ul a:visited {color:#ccc!important}

.allrights_p {margin:40px auto 0 auto; padding:0 10px 10px 10px;} 

#footer_cnt { margin:0 0 0 0; padding:1.5em 0 0 0; color:#f9f9f9 }


.footer_home {padding-top:2em;}
.footer_layout {padding-top:15px;margin-top:0;background-color:#f1f1f1;}
.shadcss{box-shadow:0 -2px 5px #ccc;}

.shadcss2{box-shadow:0 0 10px rgba(0,0,0,0.10);}

.footer_home p, .footer_layout h1, .footer_layout p, .h1_footer_hm{ font-size:0.85em;  }

.footer_citation {max-width:1300px; margin: 0 auto 0 auto;}
.footer_citation p {font-size: 0.9em; font-style: italic; color:#565656}
.h1_footer_hm {padding:0 20px; margin-bottom:4px; font-family: 'josefin',Verdana, Geneva, Tahoma, sans-serif; font-size:18px }

.sep_style {width:30% ;display:block; margin: 30px auto 0 auto;}

.footer_layout #bot_content ul li {color:#dedede}

@media (max-width:580px) {

	.h1_footer_hm { font-size:16px }
	.footer_citation p {font-size: 0.8em;}
	#last_bot_flex { padding-top:20px}
}

.p_bot, #menu_bot {box-sizing:border-box; clear:both; width:100%; margin:10px auto; padding:10px 0; }
#menu_bot { padding:2em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
#menu_bot a, #menu_bot a:visited { font-size:1.4em!important; color:var(--main-color)!important }
#menu_bot a:hover{color:#fff!important}
#menu_bot li {font-size:0.8em!important; display: inline-block}

/* ===== bot_footer_dark (bottom4) ===== */
#bot_footer_dark {
    width:100%;
    padding-bottom:1em;
}
#bot_footer_dark #menu_bot {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    border-top:1px solid #555;
    border-bottom:1px solid #555;
    padding:1.2em 1em;
    margin:0;
    gap:0;
}
#bot_footer_dark #menu_bot li {
    display:flex;
    align-items:center;
    font-size:0.9em!important;
    letter-spacing:0.03em;
}
#bot_footer_dark #menu_bot li::after {
    content:'•';
    color:var(--main-color);
    margin:0 0.7em;
    font-size:1em;
    line-height:1;
}
#bot_footer_dark #menu_bot li:last-child::after {
    display:none;
}
#bot_footer_dark #menu_bot a,
#bot_footer_dark #menu_bot a:visited {
    font-size:0.85em!important;
    font-family:'josefin';
    color:#ccc!important;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0.06em;
    transition:color 0.2s;
}
#bot_footer_dark #menu_bot a:hover {
    color:var(--main-color)!important;
    text-decoration:none;
}
#partner_logos_cnt {
    padding:1.5em 0 1em 0;
    text-align:center;
}
#partner_logos_cnt img {
    height:32px;
    width:auto;
    vertical-align:middle;
    opacity:0.85;
    filter:brightness(0) invert(1);
}
.payment-logos { text-align:center; margin:0 auto; }
.payment-logos img { height:28px; width:auto; }
/* ===== /bot_footer_dark ===== */

#bot_content div:last-child {margin-right:0}

.cnt_def  {width:1000px;margin:180px auto 0 auto}
.cnt_def_2, .cnt_def_conf, .cnt_def_cnx {width:940px;margin:0 auto 0 auto; padding-bottom:20px}
.cnt_def_cnx {width:1000px;}
.cnt_def_3 {max-width:1280px;margin:0 auto 0 auto;padding:2em 0 }
.cnt_def_4 {width:980px;margin:0 auto 0 auto;}
.marge_ajust {margin-top:180px}

.block_link_bot ul { padding:5px; }
.block_link_bot ul li { display:inline; text-align:left; }
.block_link_bot ul li::before { content:'•'; margin:0 0.4em 0 0; color:var(--main-color); font-size:0.9em; }
.block_link_bot ul li:first-child::before { content:none; }
.block_link_bot a { color:#999; font-weight:normal; }
.inln li { display:inline; text-align:left; color:#fff; }
.inln {text-align:center}
.bd_l {border-left:1px dotted #ccc;}
.bd_r {border-right:1px dotted #ccc;}
.block_link_bot a:hover{color:#ff6600}
#partner_cnt h3 {border-bottom:1px solid #dedede;padding-bottom:0.5em;width:100%; margin:0 auto!important; text-align:left; font-size:1em; color:#999}
#partner_cnt {width:98%; padding:2em 0; margin:0 auto }
#partner_ul {width:100%;margin:0 auto;text-align:center  }
#partner_ul li {margin:10px 7px 10px 7px; text-indent:-3000%; display:inline-block; min-height:55px}
#partner_CB {width:252px;background: transparent url(img/moyens_paiements_en_ligne.webp) top center no-repeat;}
/*#partner_VISA {width:77px;background: transparent url(img/Visa.png) top center no-repeat;}
#partner_MASTER {width:80px;background: transparent url(img/MasterCard.png) top center no-repeat;}/*/
#partner_BQ {width:212px;background: transparent url(img/paiement_en_ligne_cb.webp) top center no-repeat;}
#partner_SO {width:252px;background: transparent url("img/colissimo_chronopost_dpd.webp") top center no-repeat;}
#partner_PAYPAL {width:212px;background: transparent url("img/paypal_applepay_googlepay.webp") top center no-repeat;}



#faqbot_btn {cursor:pointer;display:block;float:right;width:168px;height:32px;background: transparent url(img/faq-btn.png) top center no-repeat;}
#faqbot_btn:hover {background-position:bottom}
/**/
.col_1 {color:#777 !important}
.col_2 {color:#f60 !important}
.mc_0 {margin:0px auto !important}
.mc_10 {margin:10px auto !important}
.mc_20 {margin:20px auto !important}
.mbot_0 {margin-bottom:0px !important}
.mbot_5 {margin-bottom:5px !important}
.mbot_10 {margin-bottom:10px !important}
.mbot_20 {margin-bottom:20px !important}
.marge_top_45 { margin-top:45px !important}
/**/


/* --- 1. Le Conteneur Principal --- */
#follow_cnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    font-family: sans-serif;
	background-color: transparent;
}

/* --- 2. Les Colonnes --- */
#newslet_div {
    flex: 0 0 44%;
    padding: 0 20px 30px 20px;
    box-sizing: border-box;
    text-align: center;
}
#contact_div,
#follow_div {
    flex: 0 0 28%;
    padding: 0 20px 30px 20px;
    box-sizing: border-box;
    text-align: center;
}
#contact_div a, #contact_div a:visited { color:var(--main-color)!important; }
#contact_div a:hover { color:#fff!important; text-decoration:none; }

/* --- 3. Les Titres H4 (Classe .h2_des1) --- */
#follow_cnt .h2_des1 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 0;
    position: relative;
   /* color: var(--main-color);*/
	font-family: 'josefin', Verdana, "sans-serif";
	border-bottom: 1px solid #666;
	min-height: 2em;
	/*border-radius:15px;***/
	padding:1.2em;
	min-height: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 0.25em;
}
#follow_cnt .h2_des1:first-child {/*background-color: #f6f6f6;*/ padding-top:1em!important}

@media(max-width:570px) {
	#follow_cnt .h2_des1 {font-size: 14px!important; padding-left:3px; padding-right:3px}
	#follow_cnt .h2_des1:first-child {/*background-color: #f6f6f6;*/   }
}
 
#follow_cnt .h2_des1 svg {
	transform: translateY(-0.12em);
}

#follow_cnt .h2_des1 sup {
	line-height: 0;
}

/* --- Gagnez 10€ --- */
.gagne10_p { text-align:center !important; }
.euro_gros {
    font-size:1.2em;
    color:var(--main-color);
    
}

.gagne10_p sup { font-size: 0.6em; text-transform: lowercase; }

/* --- 4. Style du contenu texte --- */
#follow_cnt p {
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 15px;
	width:100%;
}
 
.newslet_form_wrap {
	display:flex;
	align-items:stretch;
	border:2.5px solid var(--main-color, #ff8330);
	border-radius:30px;
	overflow:hidden;
	background:#fff;
	width:100%;
	box-sizing:border-box;
}
.newslet_input {
	flex:1;
	border:none;
	outline:none;
	padding:0.9em 1.3em;
	font-size:1em;
	background:transparent;
	min-width:0;
}
.newslet_input::placeholder { font-size:0.95em; color:#ddd; }
#crl_sub_hm {
	flex-shrink:0;
	display:flex;
	align-items:center;
	padding:0 1.8em;
	background:var(--main-color, #ff8330);
	color:#fff;
	font-weight:700;
	font-size:1em;
	cursor:pointer;
	white-space:nowrap;
	letter-spacing:0.12em;
	text-transform:uppercase;
	transition:background 0.2s;
}
#crl_sub_hm:hover { background:var(--second-color, #ff6600); }
 
.note_footer { margin-top:15px; text-align:left; font-size: 0.85em !important; color:#999; font-style: italic; line-height:1.4;}
.tel_footer { font-size: 1.1em!important; margin:10px 0; }
.tel_footer small { font-size:0.65em; color:#999; line-height:1.1; display:block; }

.lnk_footer {
	display:inline-block;
	margin-top:8px;
	font-size:0.85em;
	color:var(--main-color);
	text-decoration:none;
	border-bottom:1px solid var(--main-color);
	padding-bottom:1px;
	transition:opacity 0.2s;
}
.lnk_footer:hover { opacity:0.7; text-decoration:none; }

#social_btns { display:flex; justify-content:center; gap:20px; margin-top:10px; }
.social_btn {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	padding:0 1.4em;
	border-radius:16px;
	font-size:0.78em;
	font-weight:600;
	text-decoration:none;
	transition:background 0.2s, color 0.2s;
	border:none;
	color:#f9f9f9!important;
	letter-spacing:0.04em;
}
.social_btn:visited { color:#f9f9f9!important; }
.social_btn img { width:52px; height:52px; }
.social_btn:hover, .social_btn:hover:visited { color:var(--main-color, #ff8330)!important; text-decoration:none; }

/* --- 6. Bouton Newsletter (S'inscrire) --- */




.account_cnt {background-color: var(--very-light-grey);}

/*#contact_div h3 {background-color:#FFF}*/
 
/*span#fab_btn a {background:transparent url(img/fabbtn.png) top left no-repeat; text-align:left; padding-left:33px}
span#typ_btn a {background:transparent url(img/typbtn.png) top left no-repeat;  text-align:left; padding-left:30px}*/

 
span#insta_btn a, span#face_btn a  { padding-top:80px; display:block; width:60px; min-height:80px; cursor:pointer; position:relative; font-size:10px}
span#face_btn a{margin-left:65px;float:left;background:transparent url(img/facebook_icon.png) top left no-repeat;}
span#insta_btn a{margin-right:65px;float:right; background:transparent url(img/instagram_icon.png) top left no-repeat;}
span#insta_btn a:hover, span#face_btn a:hover {background-position:top right;color:#FD9E60}
/* Mise en page gen *//*var(--link-color2)*/
#main,.middle_cont,.middle  {max-width:760px; margin:0 auto; text-align:center; padding:50px 0/*IE7 bug*/ }
.middle_cont {max-width:760px;text-align:center;/*IE7 bug*/color:#333;}

/*#top {margin-top:3em; clear:both;text-align:leftIE7 bug}*/

/*#content_2 {background:url(img/beton_4__.jpg);}*/
#bot {height: 111px; text-align:center/*background: url(img/shadow_FFFFFF_bottom_800x111_bg.png) top center no-repeat*/}
#bot_2{width:775px;margin:20px auto 0 auto;font-size:11px;color:#777;text-align:center}
#bot_2 a {color:#ccc}
.info_title, .info_title_2 {float:left; margin:50px 0 10px 20px;font-weight:bold;text-align:left;max-width:590px;min-width:590px;}
.p_sous_title {float:left; margin:0 0 10px 20px;font-weight:normal;text-align:left;max-width:590px; font-size:0.85em;line-height:130%; }
.title, .info_title_2 {display:block;/*text-shadow:#777 2px 2px 2px;*/ height:40px;line-height:40px;background:transparent url(img/etoile_logo.png) left no-repeat; text-indent:50px; /*border-top:1px solid #ccc*/border-bottom:1px dotted #ccc;}
.title {font-size:1em;font-variant:small-caps;color:#888}

.info_title_2 {font-size:0.85em;font-variant:small-caps;color:#888}
.ss_ttl_logo {width:165px; margin:20px 0 0 0 ;float:left;}

#info_pan {max-width:590px!important; padding-top:30px /*ajustement temporaire*/}

@media (max-width:976px) {

	#info_pan { padding-top:0  /*ajustement temporaire*/}

}

.hn_1,.hn_2 {font-size:16px;color:#fff;font-variant:small-caps;text-shadow:#000 2px 2px 2px;text-align:left;padding:10px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;margin:15px 0 0 0}
.hn_2 {color:#666;text-shadow:#ddd 1px 1px 3px;}
/*Bouton retour top*/
#back_top,.back_top {display:block;width:23px;height:23px;cursor:pointer}
#back_top {position:relative;top:30px;left:380px}
.back_top {margin:10px auto}
/*bouton retour Item*/
#nav_cnt,#nav_cnt_2{width:120px;float:left;margin:10px 0 0 0}
#nav_cnt_2{margin:0 0 0 0}
#prec_item_btn, #suiv_item_btn {float:left;cursor:pointer; background: url(img/retour_3.png) top no-repeat; height:45px;width:55px;}
#suiv_item_btn {background: url(img/suiv_3.png) top no-repeat;}
#prec_item_btn:hover ,#suiv_item_btn:hover {background-position:bottom}
/**/

/*JS*/
#ovlay,.overlay {position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#fff;opacity:0.8;-moz-opacity:0.8;-ms-filter:"alpha(opacity=80)"; /* IE 8 */ filter:alpha(opacity=80); /* IE < 8 */ overflow:hidden}
.overlay { opacity:0.95;z-index:9999;overflow-y: auto}
#loading{width:54px;height:55px;background:transparent url(img/loader.gif)}
#repAj {z-index:1001;width:500px;background-color:#FFF;border:2px solid #777;text-align:left}
#cont_ovlay {padding:25px;font-size:11px;}
#close_ovlay,.close_overlay {position:relative;left:470px;top:0px;display:block;width:25px;height:33px;z-index:102;background:url(img/ovlay_close.gif) no-repeat;cursor:pointer}
#title_ovlay {position:relative;left:25px;top:0px;clear:both;margin-bottom:10px;z-index:103;font-size:14px; font-weight:bold; text-shadow:#999 2px 2px 2px}
#repAj a{color:#F60; font-weight:bold;text-decoration:none}
#repAj a:hover{color: #F30; text-decoration: underline}

.deg_1 { background:#ddd url(img/degra_fff_ddd.png) repeat-x;  height:50px}
#deja_vu {text-align:center;background:#fff; width:100%; }
.dejavu_lk {outline:0!important;border:0!important;border:none!important;text-decoration:none!important;}
.it_ttle {width:167px;clear:both;margin:0 auto;display:block;margin:0 auto 20px auto}
.fancybox-inner {
   overflow: hidden !important;
}
.fancybox-image {background-color: #fff!important;}
/********cookie popoup*/
.cookielaw {  left:7px; z-index:10000; border :4px solid #ff8330; height:290px; color: #666 ; max-width:340px; min-width:340px;  position:fixed ; opacity:0.95; background:#f8f8f8; bottom:10px; box-shadow: 0 2px 5px #656565 }
#cookielaw_p2 {display:none}
.cookie_titre,.cookie_btns {font-family:'josefin',Verdana, Geneva, sans-serif;font-size:18px; width:100%; line-height:45px;height:45px;border-bottom:1px solid #ddd; }
.cookie_btns {font-size:15px; border-top:1px solid #ddd; }
.cookie_btns span { display:block; width:50%;height:100%; cursor:pointer}
#cookie_choix {float:left;font-size:16px; }
#cookie_ok {float:right}
#cookie_ok, #cookie_ok2  {font-size:18px; background-color:#ff8330;color:#fff;width:49%}
#cookie_ok2 { width:100%}
#cookie_ok:hover, #cookie_ok2:hover {background-color:#fff;color:#ff8330;border-color:#ff8330}
.cookie_p,.cookie_p2 {font-size:11px;line-height:15px; padding:20px;height:120px }
.cookie_p2 { height:auto ;font-size:11px;  padding:10px 20px 10px 20px; text-align:left}
.cookie_bottom {font-size:11px; padding-top:5px;color:#777} 
.cookie_bottom a {color:#ff8330;font-weight:normal;font-size:10px;}
.cookie_bottom span {cursor:pointer;font-size:10px;color:#999;font-weight:normal}
.cookielaw table {border: none;font-size:0.70em;line-height:13px; width:100%; margin: 0 auto 10px auto; text-align:left;}
.cookielaw table thead tr { background-color:#eee }
.cookielaw table thead tr td { vertical-align:middle; padding:5px 0 5px 20px;}
.cookielaw table tr td {padding:7px 0 0 20px;vertical-align:middle; }
.cookielaw table tr td:first {width:70%}
.cookielaw table tr td:last-child {text-align:center!important; padding-left:0px!important}

.cookielaw input[type=checkbox] {font-size:1.4em;  height:2em; }
.cookielawtext {  width:90%; padding:10px 0; margin: 0 auto }
 /*animation cookie box*/
/*@keyframes fade-in {
	0% {opacity(0);}
	100% {opacity(1);}
}*/
@keyframes slide-up {
	0% {transform: translateY(110vh);}
	100% {transform: translateY(0vh);}
}

/*  Add this class to the cookie
    banner later via JS */
.slide-up {
	animation: slide-up 1s forwards;
}

/*.cookie-banner-overlay {
	animation: fade-in 1s forwards;
}*/

.cookielaw {
  /*  Important: Position the cookie banner so it initially paints outside of the viewport and add the animation later via JS */
  transform: translateY(110vh);
}
/* popup connexion */


#popup_cnx_cnt {
	
	display:none;
}
#popup_cnx_cnt > #cnx_cnt,#popup_cnx_cnt > #creer_cmpt_cnt {width:500px;margin:50px auto 0 auto;}
/*
* Slider
*/
.slider_cnt_def, .slider_cnt_home {width:100%;clear:both;} 

.slider_cnt_home, #slid_home_cnt {background:#f90; }
.slider_cnt_def img, .slider_cnt_home img {
	border-radius:20px; box-shadow: 0 2px 3px #656565; display:block;
	margin:0.5em auto 2em auto; width:auto; max-height:300px }
 
#slid_home_cnt {margin:20px auto;}
  /*! http://responsiveslides.com v1.54 by @viljamis */
#slid_home{width:924px;margin:0 auto;min-height:300px}
.rslides_container {
  margin-bottom: 10px;
  position: relative;
  float: left;
  width: 100%;
  
  }
.text_slide_1,.text_slide_2,.text_slide_3 { text-align:justify;	-webkit-box-sizing: border-box; box-sizing: border-box;	box-shadow:0px 1px 2px #656565; position:absolute; margin :0 auto;padding:10px; background: rgba(255,255,255,0.9);border:2px solid #ff8330; color:#777;}
.text_slide_1 h2, .text_slide_2 h2	{text-align:center;font-family : 'josefin', Verdana, Geneva, sans-serif ; margin : 0 0 10px 0!important}
.text_slide_1,.text_slide_2,.text_slide_3 {top:70%;min-height:20%; width:50%;left:5%; }
.text_slide_2 { left:25%;}
.text_slide_3{ right:5%;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border-left:1px solid #cdcdcd ;border-right:1px solid #cdcdcd ; 
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  
  }

.centered-btns_nav {
  z-index: 3;
  display:block;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left:-38px;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 300px;
  width: 38px;
  background: transparent url("img/slid_nav_.png") no-repeat left top;
  margin:0;
  }

.centered-btns_nav:active,.centered-btns_nav:hover {
  opacity: 1.0;background-position:left bottom;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right:-39px;
  }
.centered-btns_nav.next:hover {background-position:right bottom;}
.centered-btns_nav:focus
{
  outline: none;
  }

.centered-btns_tabs{
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li{
  display: inline;
  float: none;
  _float: left;
  float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a{
  background: #ff8330;
  background: rgba(#ff8330,#ff8330,#ff8330, .8);
  }
.accord {
	background-color: #f9f9f9;
  padding: 2em;
  margin: 0 auto 3em auto;
  width: 95%;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.accord p {font: 1em/140% Verdana, Geneva, sans-serif; margin:10px 0}
.faq_cnt  {text-align:justify;width:765px;margin:2em auto 0 auto}

/* ===== FAQ section — pages listing / marque ===== */
.faq_section {
    max-width:847px;
    margin:3em auto 3.5em auto;
    padding:0 10px;
    text-align:left;
    clear:both;
}
.faq_section .faq_titre {
    font-family:'josefin';
    font-size:1.1em;
    color:var(--main-color);
    text-transform:uppercase;
    letter-spacing:0.06em;
    border-bottom:2px solid var(--main-color);
    padding-bottom:0.5em;
    margin-bottom:0.2em;
}
.faq_item {
    border-bottom:1px solid #ebebeb;
}
.faq_item h3 {
    position:relative;
    font-size:0.88em;
    font-weight:bold;
    color:var(--text-color);
    padding:0.85em 2.5em 0.85em 0;
    margin:0;
    cursor:pointer;
    line-height:1.4;
    transition:color 0.2s;
}
.faq_item h3::after {
    content:'+';
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    font-size:1.5em;
    font-weight:300;
    color:var(--main-color);
    line-height:1;
    transition:opacity 0.2s;
}
.faq_item.faq_open h3,
.faq_item h3:hover { color:var(--main-color); }
.faq_item.faq_open h3::after { content:'−'; }
.faq_reponse {
    display:none;
    padding:0.1em 0 1.2em 0;
    font-size:0.87em;
    color:#666;
    line-height:1.65;
    text-align:justify;
}
.faq_reponse p { margin:0 0 0.6em 0; }
.faq_reponse strong { color:var(--text-color); }
.faq_item.faq_open .faq_reponse { display:block; }

@media (max-width:976px) {
    .faq_section { max-width:100%; padding:0 14px; margin:2em auto 2.5em auto; }
    .faq_section .faq_titre { font-size:1em; }
    .faq_item h3 { font-size:0.84em; padding-right:2em; }
}
/* ===== /FAQ section ===== */

/* Header Listing **********************************
* 
*/
.descro_top_def,  .h1_top_ssimg  {text-align:left;border:none;height:40px}
.h1_top_ssimg {border-bottom:1px dotted #ccc;height:48px}
.descro_top_def { background-color:#fbfbfb; min-height:300px;height:auto;border:2px solid #dedede}
.descro_top_ssimg { text-align:justify;padding:1em 0  }
.descro_top_def ,.descro_top_ssimg {margin-bottom:1em}
/*#img_descro,.pg_princ_img, #img_descro img ,.descro_top_def, .h1_top, .h1_top_ssimg {-webkit-box-sizing: border-box; box-sizing: border-box;} */

.title_faq {font-size:26px; color:#777; padding:1em 3em ; background-color: var(--light-grey); border-radius:15px; cursor:pointer; position:relative; transition:color 0.2s, background-color 0.2s;  }
.faq_cnt .title_faq:hover { color:var(--main-color); background-color:#e6e6e6; }
.title_faq.faq_open { color:var(--main-color); }

.faq_cnt .title_faq {margin-bottom: 0.6em;}

.faq_cnt .title_faq::after { content:'▼'; position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:0.55em; color:var(--main-color); transition:transform 0.25s; }
.faq_cnt .title_faq.faq_open::after { transform:translateY(-50%) rotate(180deg); }

.sous_titre_new_h1 {display: flex; font-size:1em; font-weight: thin ; padding:5px; color:#999}

.second_header {border-left:10px solid #ff8330; margin:2em 0 2em 4em; padding :1em 0 1em 1em;  }

.new_h1 {  padding: 10px 0; font-size: 2.8rem; line-height: 100%; font-family: 'josefin'; text-align:left; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; /*max-width: 55%;*/ }
.new_h1 span {font-size:1.4rem ;color:#999; font-weight:normal}

.voir_les_pdt_btn { 
	display: none;
	
}

#breadcrumb  {
	font-size:0.8em;
	list-style: none;
	display: flex;
	/* background: #f8f9fa;*/
	white-space: nowrap;
	overflow: auto; /*hidden*/
	text-overflow: ellipsis; /* optionnel, pour gérer les débordements */
	justify-content: left; /* Centre horizontalement */
	/*gap: 5px;  Espacement entre les éléments */
	flex-wrap: nowrap; 
}

.breadcrumb_search {
	justify-content: center!important; }

#breadcrumb li {
     padding: 0 0 0 0 ;
    position: relative;
	
}

#breadcrumb li:not(:last-child,:first-child)::after {
    content: '►';
  
    color: var(--text-color);
}

#breadcrumb li a {
 	display:inline-flex;
	padding: 0 0.3em;
	border-radius: 5px;
    text-decoration: none;
    color: var(--link-color);
    font-weight: 500;
    transition: background-color 0.3s;
}

#breadcrumb li a:hover {
   
	background-color: var(--main-color);
	color: var(--main-bk-color);
    /*text-decoration: underline;*/
	transition: background-color 0.3s;
}
#breadcrumb li:last-child {
     padding-left:2px ;
   
}
#img_descro {
	float:left;
	height:298px;
	width:auto;
	padding-left:20px;
	margin:0 10px 0 0;
}

.header_listing_cnt {
  width: 100%; /*1000px*/
  margin: 14px auto;
  padding: 0 2em;
  max-width: 1280px;
  box-sizing: border-box;
 
}


.h2_listing { 
	color:#ff8330;
	padding:10px 0 0 0 ;
	/*font-family: 'josefin', Verdana, Geneva, sans-serif;*/
	width:100%;
	text-align:left;
}

.pg_princ_img_cnt {
	/* box-shadow: 0 1px 3px #656565;*/
	border-radius:20px; width:auto;
	max-width:580px;
	height:auto;
	max-height:230px;
	min-height:230px;
	padding:0px 0 20px 5px; 
	background-color: var(--messune-bk-g2);
	background-image: url("img/fond_img_a_la_une.png");
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
	margin-top:22px; 
	
}

.pg_princ_img, .img_descro_fab { 
	border-radius:20px; display: block;
	position:relative; 
	top:20px; right:-30px; 
	text-align:right;
	width:100%;
	max-width:580px;
	height:auto;
	border: 3px solid #fff;
	/*max-height:300px;*/
}

.img_descro_fab {
	position:inherit !important;
	float: right;
	width:auto;
	 border: none;
	margin-top: -50px;
}

.descro_left_cnt { 	min-height:325px; float:left; max-width: 55%;} 
.descro_right_cnt { min-height:292px; height:100%;display: flex; align-items: center; float:right; max-width: 42%; margin-right:1%}
.sans_img_descro { min-height:auto; float:none; max-width: 100%;}

.etiquette_label, .etiquette_label1, .etiquette_label2 { 
	width:auto; font-family: 'josefin';
	font-size:16px;color:#999;
	border:1px solid #e9e9e9; border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px; 
	padding:0.2em 1em 0 1em;
}

.etiquette_label2 { display: none; /*background-color:#e9e9e9;*/ border:none }

.descro_p_cnt, .descro_p_fab, .descro_liens_cnt { 
	text-align:justify;
	/*float:left;*/
	margin:1em 10px 0 0;
	font-size: 0.90em;
	line-height: 140%;
	/*min-width: 245px;*/
	width: 100%;
	/*max-width: 550px;*/
	overflow: hidden;
	padding: 0 2em 0 0;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-bottom-right-radius:20px;
	 box-sizing: border-box; 
	/*position:relative;
	z-index:0;*/
}

.descro_p_cnt h2 {font-size:1.1em; font-weight:600 ; margin:0 0 0.7em 0; }

.descro_p_cnt p { margin-bottom:0.7em;  }

.descro_p_cnt p:last-of-type { margin-bottom:1.4em!important; }

.descro_p_fab { float:none; max-width: none;width: auto;  max-width:100% ; border: none }

.descro_liens_cnt, .boutons_ul {
 	
	border-left: 1px solid #e9e9e9; 
	border-bottom-left-radius:20px; 
	border-bottom-right-radius:0; 
	border-right: none ; 
	margin-top:0; 
	padding: 1em 0 0 1em;
	font-size:0.85em;
}
.boutons_ul { border:none!important; padding:0!important }

.descro_liens_cnt li, .boutons_ul li 
{display:inline-block;}

.descro_liens_cnt a, .boutons_ul a 
{ border-radius:20px;transition:0.3s; display:inline-block; padding:0.4em 1.2em; background-color:#f1f1f1; color:#777; border:1px solid #ededed; margin:0 0.5em 1em 0}

.descro_liens_cnt a:hover, .boutons_ul a:hover 
{text-decoration: none; transition:0.3s; background-color:var(--main-color); color:#fff; border:1px solid var(--main-color) }


.lire_la_suite_btn, .lire_moins_btn {
	display:none;
	position:relative;
	width:100%;
	margin:-60px 0 0 0;
	height:60px;
	text-align:right;
	color:#999;
	font-weight: 400;
	font-size:0.8em;
	cursor:pointer;
	padding:30px 0.7em 0 0.7em;
	box-sizing: border-box;
	background-image: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));
	
}

.lire_la_suite_btn-active { max-height:none; height:auto }

.lire_la_suite_btn .plus_btn { border-bottom:1px solid #eee; border-right:1px solid #eee; border-bottom-right-radius: 10px; color: #ccc ; width:100%; display:block; }

.descro_p,.descro_top_def p  { 
	text-align:justify;
	padding:15px 20px ;
 	line-height: 140%;
	color:#444;
}

.descro_top_ssimg p  {font-size:0.9em;line-height:140%; }
/*********************
** message en une
* custom */

#messune/*, 
.messune, #messune_top*/ {
	display: flex; /*pour centrer verticalement le texte  */
	justify-content: center; 
  	align-items:center;  
	position: relative;
	width: 100%;              	/* pleine largeur du parent             */
	max-width: 100%;          	/* borne haute sur très grands écrans   */
	min-height: 4em;
 	/* ~ hauteur d’une ligne                */
	overflow: hidden;          /* masque le texte hors‑cadre           */
	background:var(--messune-bk-g1); /* #ffc630 /*#0092F2 url(img/smiley.png) top left repeat /* #5A72A7 #833343 /# - */;
	/*background-image: linear-gradient(var(--messune-bk-g1),var(--messune-bk-def));/*linear-gradient(#333, #32302f,  #000  ); /*linear-gradient(#ffc630,#ff8330 ,#ff6600 ); ;*/
	color: var(--messune-color);/* #4A8AD9EFCF50 */
	clear:both;
	box-sizing: border-box;
	/*height:4.5em;*/ /*text-shadow: 0px 0px 11px #ffc630;  */
}


#messune .slide {
	position: absolute;
  inset: 0;     
	top:32%;/* top/right/bottom/left = 0 */
  margin: 0;
  opacity: 0;
 /* transition: opacity 1s ease-in-out;*/
  pointer-events: none;         /* désactive le focus pendant l'animation */
}

/* Paragraphe visible */
#messune .slide.active {
  opacity: 1;
  pointer-events: auto;
}


#messune .navig {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: rgba(255,255,255,.2);
  color: var(--main-color);
  border: none;
  padding: .4rem 1rem;
  font-size: 1.4rem;
  cursor: pointer;
  user-select: none;
 border-radius:50%;
}

#messune .prev { left: .5rem; }
#messune .next { right: .5rem; }

/* bonus : cacher les flèches sur mobile (slide au swipe) */
@media (hover: none) {
  #slider .navig { display: none; }
}


/*
/* ── SLIDES (empilés, même place) ─────────────────────────  
#messune p {
  position: absolute;
  inset: 0;                 
 
  align-items: center;
  justify-content: center;   
  margin: 0;
  padding:1.25em 0;
  opacity: 0;               
  animation: fade 14s linear infinite;
 /* pointer-events: none;      /* évite de cliquer sur un fantôme      
 /*padding:1em 0 ;
	
}*/

/* décalage d’animation pour chaque paragraphe 
#messune p:nth-child(2) { animation-delay: 5s; }
#messune p:nth-child(3) { animation-delay: 9s; }

/* ── KEYFRAMES : fade‑in, pause, fade‑out, attente ───────── 
@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}*/

#messune a ,.messune a {transition:0.3s; color: var(--messune-color-a)!important;/*#B91133 ;/*#EBA42B*/}
#messune a:hover ,.messune a:hover {
	transition:0.3s; 
	color:var(--messune-color-a-hover)!important; background-color:var(--messune-bk-txt)!important;
	text-decoration:none!important/*#C22C27 /*#f60;#EBA42B*/;border-radius: 5px}
/*#messune p, .messune p, #messune_top p { width:83%; margin:0 auto ; padding:15px 0 }*/
#messune_top {display:block;opacity:0.90;position:fixed ; bottom:0!important}


/*#cls_messune_btn {/*transition:0.3s;font-weight:bold; cursor: pointer;font-size: 0.7em!important;line-height: 0.80em!important;padding:0.5em 0.6em;float:right;margin:5px;border-radius: 50%;border: 2px solid #ccc;background: #eee;color:#FF6600}
#cls_messune_btn:hover {transition:0.3s;background: #ff6600;color:#fff;border-color:#fff}*/

.strongneg {font-size:1.2em; background-color:var(--messune-bk-txt)/*/*#f6b534*/; color:var(--messune-strong-color); border-radius: 5px}

.countdown_unit {background-color:var(--messune-bk-txt);color: var(--messune-strong-color) ; 
				border-radius: 5px;font-weight: normal!important}

/*******************************/
.page_prec, .page_suiv {box-sizing: border-box; position:absolute;width:80px;height:80px;cursor:pointer;z-index:0;background:url("img/top_menu_ALL_icones.png") center no-repeat;border-radius: 20px;border: 7px solid transparent}
.page_suiv { right:5%;background-position: 0  -660px}
.page_prec { left:5%; background-position: 0 -860px }
.page_suiv:hover,.page_prec:hover {transition:0.2s;;border: 7px solid #ff8330}
.page_suiv:hover{background-position:0 -760px} 
.page_prec:hover {background-position: 0 -960px }

#top_back_cnt {height:200px;/*box-shadow:-1px 0px 3px #656565*/}
#mid_cnt,.mid_cnt2 {background-color: #FFF/*transparent url(img/background-gris-blanc-rayure.gif)*/;padding:0 1em 3em 1em}
.mid_cnt2 {margin-top:2em} 

#cnt_res, #cnt_res_3, #cnt_res_precis { 
	text-align:center;
	clear:both;
	margin:0 auto;
	max-width:1002px;
	height:auto;
	/*font-size:1.2rem;*/
}

#cnt_res, #cnt_res_3 { width:1002px; min-height:706px; }

#nav_res ,#nav_res_2 {width:auto;margin:10px auto 0 auto;height:100%;clear:both}
#nav_res_2 {width:100%;padding:10px 0;background-color:#dedede;margin-top:20px ;border:1px solid #eee}


#main_res {width:900px;height:auto;padding-top:10px;margin:0 auto 0 auto;clear:both;background-color: #FFF }
.res_h1{height:20px;float:left;color:#888;font-size:0.9em;font-variant:small-caps;text-align:left;padding-left:30px;}

/**/
.form_sch_1 {
	clear:both;
	width:100%;
	background-color:var(--light-grey);
	padding-top:1px;
	/*margin-top:0.7em;
	border-bottom:1px solid #fff; box-shadow:-1px 0 2px #656565*/
}

#ref_sch_form {
	margin:1.2em auto;
	padding:0 1em;
	width:565px;
	max-width:764px;
	height:2.5em;
	
}
 
#ref_sch_btn  {
 	position :relative;
	display: block;
	cursor:pointer;
	width:10%;
	max-width:10%;
	left:90%;
	height:2.5em;
	background: transparent url(img/ref_sch_btn.png) center center no-repeat;
	/*border-left:1px solid #ccc */
}

#ref_sch {
	float:left;
 	display:block;
	padding: 0;
	text-indent:1em;
	font-size:1.2em;
	color:#666;
	height:100%;
	width:100%;
	border:1px solid #ccc;
	border-radius:20px;
}
 

#rech_form_2_cnt, #top_back_cnt,#infos_mark {
	/*height:100px;*/
	min-height:230px;/*CLS*/
	width:100%;
	/*margin:0 auto;*/
	padding:0;
	clear:both;
	/*background:transparent url(img/head_bkg_gris.png) repeat;
	background-color:#f1f1f1*/
}
/*les filtres*/
#rech_form_2_cnt {/*height:auto;*/  margin-bottom:3px; /*box-shadow:1px 0px 2px #656565*/}

#rech_form_2 {
	display:none; /* affiché en javscript apres chargement selectMenu /**/
	width:100%;
	max-width: 1240px;
	padding: 20px 20px 0 20px; box-sizing: border-box;
	margin:1em auto 2em auto; 
	text-align:center;
 
	/*border:1px solid #fff;
	background-color:#f9f9f9;
	box-shadow: 0 1px 5px #ccc;
	background-color:#f1f1f1;*/
	min-height:3em; 
}
 
#sch_av_lk, #less_sch_av_lk, #reset_lk {
	transition:0.3s;
	display:block;
	margin: 0 10px 0 0!important;
	padding: 0.5em 0.7em!important;
	float:right;
	font-size:0.8em;
	font-weight:bold;
	/*background:#f9f9f9;
	box-shadow:0 1px 3px #656565;*/
	cursor:pointer;
}

/*#sch_av_lk { margin-bottom:10px!important; }*/

#sch_av_lk:hover, #less_sch_av_lk:hover, #reset_lk:hover { transition:0.3s;/* box-shadow:none;*/ color:#ff8330 }

#less_sch_av_lk {margin-top:60px}


#rech_form_2 p {float:left; margin:3px}

#sch_av {width:80%; /*padding-top:1em*/}


/*#rech_form_2 label {display:block;clear:both;padding:0!important;font-size:0.9em;height:1.8em;line-height:1.8em;width:auto;text-align:left;float:left;font-weight:bold;color:#999;text-shadow:1px 0 1px #fff}
#rech_form_2 p {margin:0 20px 1em 0 ;padding:0 0 0 0;max-width:200px;!important}*/

/*id générés par ui multiselect "xxx...xxx+_ms"*/
/* les filters */
#rech_mark_2_ms { width:151px!important }
#rech_type_2_ms { width:133px!important }
#rech_color_2_ms { width:156px!important} 
#rech_size_2_ms { width:134px!important }
#tige_2_ms { width:175px!important }
/*#rech_tri_2_ms { width:150px!important }*/
#prem_2_ms { width:153px!important }
#talon_2_ms {  width:127px!important}
#ht_talon_2_ms { width:148px!important }
#rech_coll_2_ms { width:168px!important }
#prix_2_ms { width:110px!important }
#semelle_2_ms { width:146px!important }

#ui-multiselect_prix_2  .ui-multiselect-checkboxes,
#ui-multiselect_rech_coll_2  .ui-multiselect-checkboxes,
#ui-multiselect_rech_size_2 .ui-multiselect-checkboxes {overflow-y:auto !important}

#rech_tri_2-button {width:100px!important }/*simple ui select*/
/**/

.res_sch_cnt_2, .res_sch_cnt_2bis {width:262px; height:368px;/*background:#FFF url(img/fnd_item_rech_9.png) top center no-repeat; */color:#333; cursor:pointer; color:#444; text-align:center; margin:6px 10px ; }

.res_sch_cnt_2bis { display:inline-block; margin:30px 15px 0 15px; height:auto; width:220px; }
.res_sch_cnt_2bis img,.res_sch_cnt_2bis a { display:block; width:100%; }
.res_sch_cnt_2bis img{ border:2px solid #ccc}
.res_sch_cnt_2bis img:hover { border-color:#ff8330}
/**/
.h3_1, .sous_h3 { 
	font-weight:normal; text-shadow:1px 0 2px #ccc; max-width:1000px;  width:100%; margin:0 auto; 
	padding :0.3em ; text-align:center; border-bottom:1px solid #eee; height:auto; line-height:140%;
	font-size:1.4em; color:#777;
}

.sous_h3 { text-shadow:none; font-size:1em ; margin-bottom: 2em ; }

.res_sch_cnt_3 {width:150px;height:200px;cursor:pointer;margin:20px;float:left;}
.res_img_3 img {width:150px;height:150px}
.res_lib_3{height:44px;margin:0 0px 0px 0; font-size:14px;text-align:left;color:#777;}
.res_sch_cnt_2:hover {color:#000; }

/*.etiq_prix_mini {float:left;margin:0}*/

.res_img {text-align:center}


.res_prx {height:20px;line-height:20px;margin:20px 20px 0 5px; font-size:16px;text-align:right;float:right}
.cnt_res_img,.cnt_res_img_2,.cnt_res_img_home { text-align:left; color:#999; font-size:10px;font-weight:normal;width:240px ;height:240px; display:block; margin:0 auto; background:transparent url(img/loader_240x240.gif) top center no-repeat }
.cnt_res_img_2, .cnt_res_img_home {width:220px!important;height:auto!important }
.cnt_res_img:hover {text-decoration:none}
.res_lib,.res_lib_2,.res_lib_home{height:44px;margin:32px 0px 0px 15px; font-size:1em;text-align:left;color:#900} 
.res_lib_home{height:auto;margin:25px 0 0 15px;font-size:1em;}
.res_lib_2{margin:20px 0 0 5px}
.res_lib_center {font-size:1.4em; line-height:120%; font-family:'josefin',Verdana, Geneva, sans-serif; text-align:center; margin:0.5em auto 0 auto!important;min-height:2em!important}


/* icone produit listing */
#home_item_sscnt2 { 
	width:100%;
	text-align:center;
	padding:0;
	margin-top:30px
}
.item_def {
	max-width:302px;
	height: 565px;
	min-height:565px;
	margin:0 15px ; 
	float:left;cursor:pointer;
	
}
.res_home_cnt, .res_sch_cnt { 
	font-size:1em; 
	cursor:pointer;
	border:1px solid var(--light-grey);
	/* -webkit-box-sizing: border-box; box-sizing: border-box; */
}

.res_home_cnt {
	display:inline-block;
	width:22%;
	max-width:228px;
	height:auto;
	margin:0.5%;
	font-size:1em;  
	/*background-image:-moz-linear-gradient( #fff,#f1f1f1);
	background-image:-webkit-linear-gradient( #fff,#f1f1f1);
	background-image:-o-linear-gradient( #fff,#f1f1f1);
	background-image:linear-gradient( #fff,#f1f1f1);
	-webkit-transition: -webkit-transform 0.25s  ;
	transition: transform 0.25s ;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1); /*background-image:-moz-linear-gradient(90deg, #f1f1f1, #fff); */
}
	
.res_sch_cnt { 
	/*-webkit-perspective: 1000;  */
	max-width:302px;
	width:302px;
	max-height: 520px;
	height:520px;
}

.top_res_cnt {
	height:39px;
	margin-top:-6px;
	margin-left:-7px;
}
/*custom fleche*/

.sch_cnt_rem,.fav_coeur_icon {background: rgba(255,255,255,0) url("img/fleche-remise_privee.png") no-repeat;}

.sch_cnt_rem {
	position:relative;
	box-sizing:border-box;
	background-position: left top;
	box-sizing: border-box;
	display:block;
	/*custom*/
	color:  #ff8330;/*#617454/*#5A72A7#E22848/* */
	text-align: left; 
	width:50%; height:50px; max-height:50px;max-width:250px;
	padding: 0 5px 0 50px; 
	line-height:50px ; font-weight: bold; font-size:1.4rem; /*font-family: 'josefin', Verdana, Geneva, sans-serif*/
}

.fav_coeur_icon {
	display: block;float:right;margin:10px 6px 0 0;width:30px;height:30px;
	background-position: -12px -300px ;  transition: all 0.2s;
}
.fav_coeur_icon:hover { background-position: -12px -350px;} 
.fav_coeur_active {background-color: #ff8330}

.sch_cnt_demark_1 .sch_cnt_rem,
.sch_cnt_demark_2 .sch_cnt_rem,
.sch_cnt_demark_3 .sch_cnt_rem,
.sch_cnt_demark_4 .sch_cnt_rem {background-position: 0px -120px;}
.sch_cnt_prix_mini .sch_cnt_rem {background-position: 0px -180px;color:#ff8330}
/*custom fleche*/
.sch_cnt_precommande .sch_cnt_rem {background-position: 0px -60px; color: #ff8330 ;}
.sch_cnt_offre_speciale .sch_cnt_rem, .sch_cnt_vente_privee .sch_cnt_rem {background-position: 0px -240px; color:#ff8330/*#d03c3c/*#ff8330/*#C22C27/*#F29682#990000 #3A4A68 #5A72A7#f60*/;}
.sch_cnt_ .sch_cnt_rem, .sch_cnt_new .sch_cnt_rem {background-position: bottom center; /*display:none*/}

.img_portee{  display:none; position:relative;margin-top:-100%;  }
.border_top_light {border-top:1px solid #f5f5f5 }
/*.sch_cnt_,.sch_cnt_new{ border-color: #f1f1f1 }
.sch_cnt_promo { border-color: #f1f1f1 }
.sch_cnt_new {border-color: #f1f1f1 } 
.sch_cnt_vente_privee {border-color: #ACFF00   #8BCE00  }*/
.sch_cnt_demark_1 {border-color: #FFF0E6 /*#FFDAC1 #D6EBED*/ }
.sch_cnt_demark_2 {border-color: #FFF0E6 /*#FFCECE*/ }
.sch_cnt_demark_3 {border-color: #FFF0E6 /*#DDFF95/*#8BCE00*/ }
.sch_cnt_demark_4 {border-color: #FFF0E6 /*#FFCC00*/ }
.sch_cnt_prix_mini {border-color: #FFF9E1 /*#FFCC00*/}

.pastille ,.offre_speciale_ico {
	display:block;
	float: right;
	background:transparent url(img/ope_spec_ico.png) top center no-repeat ;
	width:44px;
	height:44px;
	/*-moz-transition: opacity 0.25s linear 0s;
    -webkit-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s;
    opacity: 1;*/
	 
	margin:-10px 3% 0;
}
/*custom pastille*/
.pastille { background: transparent url("img/demarques_pastilles_spring.png") top right no-repeat} /*  img/demarques_pastilles_59.png vide par defaut*/

.pastille_demark_1 {background-position:0 0}
.pastille_demark_2 {background-position: -60px 0}
.pastille_demark_3 {background-position: -120px 0} 
.pastille_demark_4 {background-position: -180px 0}
/*.pastille_prix_mini {background-position: -240px 0}*/
.pastille_vente_privee {background-position: -300px 0}
/*custom promo*/
.pastille_promo, .pastille_prix_mini{/*background-position: -360px 0*/ text-align:right ;font-size:12px;line-height: 100%; width:60px;/*border:1px solid #ff8330; border-radius: 20px;  */padding-top:10px; font-family:  Verdana, "sans-serif";color:#FF8330}
.pastille_promo strong , .pastille_prix_mini strong {font-family:  'josefin',Verdana, "sans-serif";}

.pastille_new {background-position: -420px 0}
/*vente privée*/
.pastille_vente_privee_40 {background-position: -480px 0}
.pastille_vente_privee_20 {background-position: -540px 0}
.pastille_vente_privee_10 {background-position: -540px 0}
.pastille_vente_privee_30 {background-position: -600px 0}
.pastille_vente_privee_50 {background-position: -660px 0}
/**/
.pastille_offre_speciale {background-position: -720px 0}

.epuise_label, .etiq_nouveaute { 
	display: block;
	letter-spacing:0.1em;
	line-height:100%;
	font-family: 'josefin',Verdana, Geneva, sans-serif;
	font-variant :small-caps;
	color:#aaa
}

.epuise_label { 
	font-size:0.85em;line-height: 90%;
	position:absolute;
	width:100px;
	text-align:right;
	margin-left: 190px;
	letter-spacing:0.1em;
}
.etiq_nouveaute { 
	/*-moz-transition: opacity 0.15s linear 0s;
    -webkit-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s;*/
	font-size:11px; 
	padding:6px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left; 
	margin :0 0 0 3%;
}

.etiq_nouveaute_vide { border:none!important}

.res_lib_home2 {
	 height:80px;
	 
	line-height:110% ;
	 /*border-bottom:1px solid #fff;*/
	 position:absolute; 
	 width:100%;
	 max-width:302px;
	 text-align:left;
	 margin:-5px 0 0;
	 padding:0.2em 0 0;/*espace entre block a et le div de dessous (?)*/
	-webkit-transition: -webkit-transform 0.20s  ;
	transition: transform 0.20s ;
	-webkit-transform: translate3d(0,33px,0);
	transform: translate3d(0,33px,0); 
	background-image:none;
	background:rgba(255,255,255,0);
}

.res_lib_home3 {font-size:0.8em; line-height:130%;margin:1em 0;font-weight:normal}
.res_lib_home3 a,.res_lib_home3 a:visited,.res_lib_home3 a:hover{ color:#777!important;text-decoration:none!important}

.res_libelle {
	font-style:normal;font-weight: normal;font-family: Verdana, "sans-serif" ;/*c'est un <hn>*/
	line-height:130% ;
	font-size:0.9rem;
	padding-left:4%; 
	width:68%; 
	float:left; 
	text-align: left; 
	margin:1rem 0 0;
	-webkit-transition: -webkit-transform 0.35s  ease-out ;
	transition: all 0.35s ease-out;
	-webkit-transform: translate3d(0,0,0 );
	transform: translate3d(0,0,0  );

}
.res_lib_ref {font-size: 0.9em!important;color:#999!important; }

.res_prx2 { 
	width:25%;
	min-height:37px;/*pour eviter les décalages si pas de prix barré*/
	padding-right:3%;
	 
	text-align:right;
	float:right;
	color:#1D1C1C;
	-webkit-transition: -webkit-transform 0.35s  ;
	transition: transform 0.35s ;
	-webkit-transform: translate3d(0,0,0 );
	transform: translate3d(0,0,0  );
	margin:1.13rem 0 1rem;
}

.prix_vente,.prix_barre {display:block;width:100%}
/*custom*/
.prix_vente {color:#ff8330!important;font-weight: bold;font-size:0.95rem;  }
.prix_barre,.prix_barre2  {font-size:0.8rem;text-decoration:line-through;color:#999}
.prix_barre {margin-top:0.3em; font-size:0.7rem!important}

/*custom*/
.res_lib_soldes,.res_lib_event {
	/*-webkit-transition: -webkit-transform 0.15s  ;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,0,0 );
	transform: translate3d(0,0,0 );*/
 
	/*text-shadow:0 1px 3px #fff;*/
	letter-spacing:10px;
	display:block;
	position:relative;
	clear:both;
	text-align: center;
	top:-65px ;
	color:#ff8330!important;
	text-transform:uppercase;
	font-size:20px!important;
	font-family: 'josefin',Verdana, Geneva, sans-serif;font-weight: normal
}
.res_lib_event {color:#76AE00; letter-spacing:2px;  font-size:16px; text-shadow:0 1px 3px #8BCE00;}


.res_img_home_2 a, .res_img_home_2 img, .res_img_2 a, .res_img_2 img {
	min-width:100%;
	height:auto;
	max-height: 302px;
	margin:0 0 0 0 ;
	padding:0 ;
 	background:transparent url(img/loader_302x302.gif) ;
 	display:block;
	background-size: contain
}

.res_img_2 a {
	 margin-top:4px;
}

.res_img_home_2 a, .res_img_home_2 img {
	width:100% ;
	height:auto ;
}

.etiq_cnt {
	height:20px;
	background-color:transparent;
	margin:10px 0 0 0;
	width:100%;
	text-align:center;
}

.top_res_cnt2 { height:45px }
/*
.sch_cnt_home { 
	-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	/*border:2px solid  #FFF;
}*/

.sch_cnt_home:hover{ 
	/*-webkit-transition: -webkit-transform 0.15s;
	transition: transform 0.15s ;
	-webkit-transform: scale3d(1.048,1.048,1.048);
	transform: scale3d(1.048,1.048,1.048);*/
	transition:0.2s;
	box-shadow:0 2px 5px #999;
	/*border:2px solid  #FF8330;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.item_def:hover .res_sch_cnt{ 
	/*-webkit-transition: -webkit-transform 0.10s linear ;
	transition: transform 0.10s linear;
	-webkit-transform: scale3d(1.024,1.024,1.024 );
	transform: scaled(1.024,1.024,1.024 );*/
	/*border:2px solid  #f60;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	/*background :#f0f0f0 ;*/
	
	background-image:-moz-linear-gradient( #fff,#fff,#fff,#f0f0f0);
	background-image:-webkit-linear-gradient( #fff,#fff,#fff,#f0f0f0);
	background-image:-o-linear-gradient( #fff,#fff,#fff,#f0f0f0);
	background-image:linear-gradient( #fff,#fff,#fff,#f0f0f0);/**/
	box-shadow:0 2px 5px #999;
	/*  
    -webkit-transition: background-color 0.25s  ;
    -ms-transition: background-color 0.25s  ;
    transition: background-color 0.525s  ;*/
}

.item_def:hover .res_lib_home2 { 
 	-webkit-transition: -webkit-transform 0.15s  ;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background :transparent;/*#fff;
	background-image:-moz-linear-gradient( #fff,#f1f1f1);
	background-image:-webkit-linear-gradient( #fff,#f1f1f1);
	background-image:-o-linear-gradient( #fff,#f1f1f1);
	background-image:linear-gradient( #fff,#f1f1f1);*/
}

.item_def:hover .etiq_nouveaute  { 
	/*display:none;*/
  margin-top:-9999px
}

.item_def:hover .pastille,
.item_def:hover .offre_speciale_ico  { 
 	/*-moz-transition: opacity 0.15s linear 0s;
    -webkit-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s;
    opacity: 0;*/
	-webkit-transition: -webkit-transform 0.35s  ;
	transition: transform 0.35s ;
	-webkit-transform: translate3d(0,-25px,0);
	transform: translate3d(0,-25px,0);	
}

.item_def:hover .res_libelle { 
	-webkit-transition: -webkit-transform 0.35s  ;
	transition: transform 0.35s ;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
#charger_plus_btn {max-width: 300px; /*background-image:linear-gradient(#ddd,#ccc); color:#ff8330*/}
/*
.res_sch_cnt:hover .etiq_nouveaute {
	-moz-transition: opacity 0.15s linear 0s;
    -webkit-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s;
    opacity:0;
}
*/
.lib_icon_version,.more_icon_version {
	text-align:right;
	line-height:90%;
	padding-left:6%;
	display:block;
	float: left;
	margin:4px 4px 0 0;
	font-size: 0.6rem!important;color:#A6A6A6 !important; font-style: italic
}

.more_icon_version{  font-size: 0.7rem!important;text-align:left!important; padding-left:5px;margin:2px 0 0;  }

.icon_versions_liees_cnt .icon_couleur {
	transition: transform 0.15s linear;
	transform: scale(1);   
	display:block;
	width:28px;height:28px;
	cursor:pointer;
	float:left;
	margin-right: 5px;
	background: transparent url("img/icones_couleur6.png") bottom left no-repeat;
}

.icon_versions_liees_cnt .icon_couleur:hover {
	transition: all 0.15s ease-out;
	transform: scale(0.78);   
}

.icon_couleur_noir {background-position: 0 0!important;}
.icon_couleur_blanc {background-position: 0 -30px!important;}
.icon_couleur_beige {background-position: 0 -60px!important;}
.icon_couleur_marron {background-position: 0 -90px!important;}
.icon_couleur_rouge  {background-position: 0 -120px!important;}
.icon_couleur_bordeaux  {background-position: 0 -150px!important;}
.icon_couleur_bleu-marine {background-position: 0 -180px!important;}
.icon_couleur_kaki {background-position: 0 -210px!important;} 
.icon_couleur_gris {background-position: 0 -240px!important;}
.icon_couleur_jaune {background-position: 0 -270px!important;}
.icon_couleur_mauve {background-position: 0 -300px!important;}
.icon_couleur_orange {background-position: 0 -330px!important;}
.icon_couleur_rose {background-position: 0 -360px!important;}
.icon_couleur_multicolore {background-position: 0 -390px!important;}
.icon_couleur_beige-taupe {background-position: 0 -420px!important;}
.icon_couleur_marron-beige {background-position: 0 -450px!important;}
.icon_couleur_or {background-position: 0 -480px!important;}
.icon_couleur_argent {background-position: 0 -510px!important;}
.icon_couleur_platine {background-position: 0 -540px!important;}
.icon_couleur_bronze {background-position: 0 -570px!important;}
.icon_couleur_noir-multi {background-position: 0 -600px!important;}
.icon_couleur_noir-or {background-position: 0 -630px!important;}
.icon_couleur_leopard {background-position: 0 -660px!important;}
.icon_couleur_bleu {background-position: 0 -690px!important;}
.icon_couleur_vert {background-position: 0 -720px!important;}
.icon_couleur_noir-rouge {background-position: 0 -750px!important;}
.icon_couleur_vernis-noir {background-position: 0 -780px!important;}
.icon_couleur_gris-fonce {background-position: 0 -810px!important;}
.icon_couleur_or-rose {background-position: 0 -840px!important;}
.icon_couleur_blanc-or {background-position: 0 -870px!important;}
.icon_couleur_blanc-casse {background-position: 0 -900px!important;}
.icon_couleur_blanc-noir {background-position: 0 -930px!important;}
.icon_couleur_blanc-taupe {background-position: 0 -960px!important;}
.icon_couleur_blanc-rose {background-position: 0 -990px!important;}
.icon_couleur_blanc-marine {background-position: 0 -1020px!important;}
.icon_couleur_blanc-cognac {background-position: 0 -1050px!important;}
.icon_couleur_or-argent {background-position: 0 -1080px!important;}
.icon_couleur_blanc-beige {background-position: 0 -1110px!important;}
.icon_couleur_marron-ivoire {background-position: 0 -1140px!important;}
.icon_couleur_marron-brun {background-position: 0 -1170px!important;}

.taille_dispo_sch_cnt{ 
	padding-top:8px ;
 	transform: translate3d(0,0,0); 
} 


.taille_dispo_sch_cnt, .icon_versions_liees_cnt {
	display: block  ;
	opacity: 0; 
 	height:auto;
	width:100%;
	font-size: 1rem;
	clear: both;
	text-align:center;
}

.icon_versions_liees_cnt {
	transition: transform 0.15s linear;
	transform: translate3d(0,0,0);   
	min-height: 28px;
 	float:left;
	max-width: 220px;
}

.item_def:hover .icon_versions_liees_cnt,
.item_def:hover .taille_dispo_sch_cnt{
 	transition: all 0.25s ease-out;
    opacity: 1;
	transform: translate3d(0,-25px,0); 

}

.item_def:hover .res_lib_soldes {
	display:none; /*
	-webkit-transition: -webkit-transform 0.15s  ;
	transition: transform 0.15s ;
	-webkit-transform: translate3d(0,-150px,0 );
	transform: translate3d(0,-150px,0 );*/
	
}

.taille_dispo_sch_cnt span {
	border-size: border-box;
	display:inline-block;
	background:#fff;
	border:1px solid #ddd;
	padding:0.2rem 0.32rem 0.22rem 0.30rem;
	margin:0px 2px 0px 2px;
	border-radius:100% ;
	cursor:pointer;
	font-size:0.8rem;
	transition: all 0.15s ease-out;
	transform: scale(1);
}

.taille_dispo_sch_cnt span:hover {
	transform: scale(1.2);
	border-color:#ff8330; 
	color:#ff8330
}

.taille_dispo_sch_cnt em  {font-size:0.65rem;color:#A6A6A6} 

.res_lib_home2 a, res_lib_home2 a:visited {color:#555}
.res_lib_home2 a:hover {text-decoration:none}


/*prix home listing*/
.top_res_cnt3 {margin:1em 1em 0 0;font-size:1.2em;text-align:right;}
.res_prx3 {margin:0 10px 0 10px; text-align:right;}
.res_prx3 span ,.res_prx3 strong{display:inline!important;}
/*
navigation bottom : changement de page listing
*/

#fleche_bot_cnt {width:100%;height:auto;margin:0 auto 20px auto}
#top_ar_seul { width:45px; height:48px; margin:20px auto 25px auto; cursor:pointer; background:url(img/top_btn_sch__.png) top center no-repeat; }
/* --- nav arrows fleche_bot_cnt --- */
#prev_ar, #next_ar {
    display:inline-block;
    position:relative;
    margin:0 10px;
    width:46px;
    height:46px;
    cursor:pointer;
    vertical-align:middle;
    transition:transform 0.2s ease;
}
#prev_ar::before, #top_ar::before, #next_ar::before {
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:white;
}
#prev_ar::after, #top_ar::after, #next_ar::after {
    content:'';
    position:absolute;
    inset:0;
    background-color:#999;
    transition:background-color 0.2s ease;
}
#top_ar::after {
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='9%2C38 30%2C24 51%2C38' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='9%2C38 30%2C24 51%2C38' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#prev_ar::after {
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='38%2C9 24%2C30 38%2C51' fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='38%2C9 24%2C30 38%2C51' fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#next_ar::after {
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='22%2C9 36%2C30 22%2C51' fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='22%2C9 36%2C30 22%2C51' fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#prev_ar:hover::after, #top_ar:hover::after, #next_ar:hover::after { background-color:var(--main-color); }
#top_ar {
    position:fixed;
    right:22px;
    bottom:70px;
    top:auto;
    width:52px;
    height:52px;
    display:none;
    z-index:200;
    cursor:pointer;
    transition:transform 0.2s ease;
}
#top_ar:hover { transform:translateY(-4px); }
@media (max-width: 991px) { #top_ar { display:none!important; } }
#prev_ar:hover { transform:translateX(-3px); }
#next_ar:hover { transform:translateX(3px); }
.top_array_seul {
    display:block;
    position:relative;
    width:58px;
    height:58px;
    margin:20px auto 40px auto;
    cursor:pointer;
    transition:transform 0.2s ease;
}
.top_array_seul::before {
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:transparent;
}
.top_array_seul::after {
    content:'';
    position:absolute;
    inset:0;
    background-color:var(--main-color);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='9%2C38 30%2C24 51%2C38' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpolyline points='9%2C38 30%2C24 51%2C38' fill='none' stroke='white' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    transition:background-color 0.2s ease;
}
.top_array_seul:hover { transform:translateY(-4px); }
.top_array_seul:hover::after { background-color:var(--second-color); }

#nb_line_form { float:right; clear:both; font-size:0.8em!important; line-height:0.85em; margin:16px 7px 10px 0 ;width:auto; }
#nb_line_form li {float:left; letter-spacing:1px;margin: 0 7px;}
#nb_line_form li a,#nb_line_form li a:hover, #nb_line_form li a:visited {text-decoration: none; display: block; width:100%;height:100%; letter-spacing:1px; font-variant:small-caps;color:#fff!important}
#nb_line_form span {font-size:0.75em!important; }


.pg_idx {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:3px;
	clear:both;
	width:100%;
	margin:0 auto;
	height:auto;
	padding:12px 0;
	list-style:none;}

.pg_idx li {
	padding:0;
	cursor:pointer;
	width:2.5em; height:2.35em;
	color:#999; background:#fff;
	border:1px solid #ddd;
	text-align:center; font-size:0.82em; line-height:2.4em;
}

.pg_idx .trans { box-shadow: none!important ; background-color: transparent!important; border-color:transparent!important; }

.pg_idx li a, pg_idx li a:hover, pg_idx li a:visited {display:block; width:100%; height:100%; text-decoration: none}
.pg_prec:hover,.pg_suiv:hover,.numpg:hover {background:#ff9707; color:#fff; border-color: #FFB693}
.numpg {color:#666}
.pg_prec, .pg_suiv{color:#888}
.pg_prec_des, .pg_suiv_des { color:#ccc; cursor:default; }
.cur_pg {font-weight: bold!important; color:#ff8330!important; font-size:0.9em!important; border:1px solid #ff8330!important; }
/* --- Flèches de navigation intégrées à la pagination --- */
#pagenav .pg_nav_ar {
    width:auto; min-width:54px; height:56px;
    background:transparent!important; box-shadow:none!important; border-color:transparent!important;
    line-height:56px;
}
#pagenav .pg_nav_ar a { display:flex!important; align-items:center; justify-content:center; height:100%!important; }
.pg_prec_des #prev_ar, .pg_suiv_des #next_ar { opacity:0.3; cursor:default; }
.pg_prec_des #prev_ar:hover, .pg_suiv_des #next_ar:hover { transform:none; }
.pg_prec_des #prev_ar:hover::after, .pg_suiv_des #next_ar:hover::after { background-color:#999; }



.h4_1 {box-sizing: border-box; font-weight:normal;/*font-family:'josefin',Verdana, Geneva, sans-serif;*/font-size:24px;color:#999;text-shadow:0 1px 3px #ddd; padding:10px; width:100%;border-bottom:1px solid  #f1f1f1 ; clear:both; margin-bottom:20px;line-height:120%}
.h4_item {box-sizing: border-box; font-weight:normal;font-family:'josefin',Verdana, Geneva, sans-serif;font-size:24px;color:#999;text-shadow:0 1px 3px #ddd; padding:10px 0; width:100%;border-bottom:1px solid #f1f1f1 ; clear:both; margin:0}

/* fin icone produit listing */
/* etiquete offre speciale coup de coeur*/

#top_back_cnt {width:100%;display:block;clear:both;cursor:pointer;text-align:center;margin:0 auto;background-color:transparent/*#DDD*/}
/*

#france_carte {width:750px;background:#fff;margin:20px auto}
#france_carte img {display:block; width:581px!important;height:auto;margin:0 auto}*/
 
#france  img {display:block; width:581px!important;height:auto;margin:0 auto}
#france {width:100%;background:#fff;margin:200px auto 30px auto}
.bkg_blanc {background-color:#fff}
.bkg_blanc_2 {background-color: #F7F7F7}
#maglist { width:591px;margin:2em auto}
#maglist li {width:100%; margin :1em auto;box-shadow:0 1px 3px #999}
#maglist li p ,#maglist li h3 {margin:0;padding:1em 0 1em 0; width:100%; text-align:center}
#maglist li h3 { font-family:'josefin', Verdana, Geneva, sans-serif ;color:#ff8330}

.avisverif_link { flex-shrink:0; width:220px; text-align:center; padding-top:5px; }
.avisverif_link img { display:block; padding:7px; border:4px solid #fff; margin:0 auto; border-radius:20px }

@media (max-width:976px) {
	#last_bot_flex { flex-direction:column; align-items:center; }
	#last_bot_flex #last_bot_2 { width:100%; padding:0 1em}
	.avisverif_link { width:100%; max-width:200px; margin:-15px auto 0 auto}
}

/*page marques*/

.liste_marque li {display: inline-block ;  margin:0 1em}
.liste_marque li a, .liste_marque li a:visited  { transition:0.3s; padding:0.2em 0.4em ; border-radius:15px; text-decoration: none; display: block; width:100%; height:auto}
.liste_marque li a:hover { text-decoration: none; transition:0.3s; background-color: #ff8330; color:#fff}

/* MEDIA QUERY************************************************************************* */
@media only screen and (max-width:1760px) 
{
	.nav {font-size:0.80rem; padding: 0 1%;}
	.nav ul {
		width: 100%; 
		
 
	}
	.li_nav_1, .li_nav_2, .li_nav_3, .li_nav_4, .li_nav_5 { padding-bottom: 1.5rem}
}
@media only screen and (max-width:1450px) 
{
	.page_suiv { right:10px!important; } 
	.page_prec { left:10px!important; }
	 
	.nav { font-size: 0.75rem; }
	
	.ul_1col { width:90%!important; }
	.img_nav_label2 {font-size: 0.7rem}
	.img_nav_label {font-size: 1.4rem}
}

@media only screen and (max-width:1333px) {
	/*slider*/
	#a_la_une,#map {margin-top:160px!important}
	#france{margin-top:160px }
	#logo { 
		position: static;
		float:left;
		margin:6px 20px 0 20px;
		height:67px;
	}
	#logo img {width:auto!important; height:100%;}
	.menuUser_cnt{
		position:inherit;
		top:107px;
	}
	
	header_cnt1 {height:75px}
	.nav {
		 
		padding: 0 1rem;
 
	}
	.li_nav_1, .li_nav_2, .li_nav_3, .li_nav_4, .li_nav_5 {padding-top:70px }
	
	.btn_sup_cnt {top:105px;}
	
	.btn_top {font-size:14px; letter-spacing: 0.5px; margin:0}
	 
	.h1_cnt {
		top:75px; 
		height:auto;
		line-height:120%;
		padding:0.5em;  -webkit-box-sizing: border-box; box-sizing: border-box; 
	}
	
	.header_listing_cnt {
	/*	margin-top: 40px;*/
		width:100%;
	 
	}
	
	.descro_p_cnt, .descro_p_fab { 
		margin:1em 0 0 0;
		 
		padding:1em 1em 0 0;
		/*border:none;*/
	}
	
	.descro_p_fab {max-width:inherit}
 
/*
	.btn_sup_cnt {
		top:155px;
	}
	
	.btn_top { 
		margin:-1.8em 1% 0 1% ;
	}*/

	
	.jssor_1_cnt { margin-top:0px  }
}

@media only screen and (max-width:1233px)  {
	
	#sch_av {width:100%}
	.descro_left_cnt { max-width: 50%;} 
	.descro_right_cnt {  max-width: 46%; margin-right: 2%}
	.descro_liens_cnt {	
		font-size:0.8em;
	}
	
	#rech_form_2 {
 	 	 
		width:92%;
 	}
}


@media only screen and (max-width:1170px)  {
	
	.page_suiv,.page_prec {visibility:hidden}
	.li_nav_close { display:none; }

	.descro_p_cnt, .descro_p_fab {font-size:0.8em; padding-top: 0;}
	
}


@media only screen and (max-width:1065px)  {
	
	.btn_top{font-size:13px; letter-spacing: 0;  }
	.btn_sup_cnt {left:10px;}
	
}

@media only screen and (max-width:1016px) {
	
	
	#cnt_res,  #cnt_res_precis  {
		width:100%;margin:0 auto;max-width:650px
	}
	

	
	.item_def { 
		/*height:375px;*/
		margin:3% 10px; 
		width:49%;
		max-width: 302px;
	}
	
	.res_sch_cnt{width:100%}
	
	.epuise_label {
		display:none;
	}

	#rech_form_2 {
 	 	padding:0 3%;
	 
 	}
	 
	
	#last_bot {width:90% ; line-height:140%;font-size:0.8em;margin:0 auto 20px auto}
 	#last_bot h2 {line-height:120%;}
	.lb_hm_p { font-size:11px; line-height:1.4; padding-top:0 !important; }
	.lb_hm_p.lb_hm_clamp { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; max-height:69px; overflow:hidden; }
	.lb_hm_p.lb_hm_open  { display:block; overflow:visible; -webkit-line-clamp:unset; }
	.lb_hm_btn { display:block; margin-left:auto; background:none; border:none; color:var(--main-color,#ff8330); cursor:pointer; padding:0 10px 0 0; font-family:inherit; font-style:italic; font-size:0.68rem; }

	#home_item_sscnt2 { width:100%; }
	.res_img_2 a {width:100%;height:100%; }
	#home_cnt {width:99%;margin: 0 auto;}
	#home_cnt p img {width:99%; margin:0 auto;height:auto; }
	ul#menu_2_homme, ul#menu_2_femme {width:974px}
	.btn_top_2 {width:108px}
	#topmark_cnt h2, #home_item_cnt h2 {width:99%;margin:0}
	#menu_3_femme {margin:0;padding:0;width:974px;height:83px}
	.menu3li { width:148px;height:83px;}
	.menu3li li a, .menu3li li a img { width:auto;height:100%}
	 #menu_3li1 {margin-left:4px}
	 .jssor_1_cnt { margin-top:0px ; }
	 
	 #jssor3_cnt h2, #jssor_2_cnt h2{ font-size:3em; }
	
}
@media only screen and (max-width:1000px) {
	.h3_1 {width:95%}
	#partner_cnt h3 {width:100%}
	#bot_content { width:95%;line-height:130%;margin: 0 auto;}
	.block_link_bot {height:auto}
	 
	.cnt_def,.cnt_def_2,.cnt_def_3,.cont_def_4, .marge_ajust, .cnt_def_conf { width:95% ; margin-left: auto; margin-right: auto}
	.cnt_def_conf {width: 100% ;}
	#marques_une_ul li { margin:1em 7px;}
	/*.slider_cnt_def img, .slider_cnt_home img  {border:none!important;width:100%; height:auto; }*/
	#slid_home {width:99%; height:auto; }
	#slid_home_cnt, .slider_cnt_home { border:none!important;background-image:none!important}
	.slider_cnt_home img {border:none!important}
	.rslides img {width:100%;height:auto}
	.centered-btns_nav.next { display:none }
	.centered-btns_nav { display:none  }
	#descro_p_cnt p, .descro_p, .descro_top_def p { margin-top:1em!important}
	.descro_top_def {border:none;width:100%;height:auto;}
	.descro_top_def img { border-bottom:1px solid #dedede }
	.form_sch_1 {border:none}
 
	#img_descro {min-height:300px}
	
	#messune { min-height:65px;/*padding:0.3em 0;font-size:0.9em;*/ margin-top:-2px }
	#messune p { font-size:12px!important; padding:0;  line-height: 140%!important }
	#messune .slide  { left:2.5%!important ; width:95%!important;  box-sizing: border-box; }

}

@media only screen and (max-width:990px) {
	.slider_cnt_def img, .slider_cnt_home img { width:100%;height:auto; border-radius:0; margin:1em auto 0 auto}
	#marques_une_ul li {width:18%}
	#rieker_logo {width:13.5%!important}
	#marques_une_ul li img {width:100% ;height:auto }
}

/* --- BARRE DE RÉASSURANCE --- */

/* --- CONTENEUR PRINCIPAL (GRID) --- */
.reassurance-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 15px;
    background-color: var(--light-grey, #f9f9f9);
    align-items: center;
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* --- LES ITEMS --- */
.reassu-item {
    display: flex;
    align-items: center;
    gap: 15px;
    width: auto;
    min-width: 0;
    padding: 1em;
    background: var(--very-light-grey, #fff);
    border-radius: 15px;
}

/* --- ICONE --- */
.reassu-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    color: var(--main-color, #ff8330);
    filter: grayscale(1) opacity(0.5);
    transition: filter 0.2s;
}
.reassu-item:hover .reassu-icon { filter: none; }

/* --- TEXTES --- */
.reassu-text {
    display: flex;
    flex-direction: column;
    text-align: left;
    overflow: hidden;
}

.title-reassu {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 5px;
    color: var(--main-color, #ff8330);
    font-family: 'josefin', Verdana, "sans-serif";
}

.reassu-text span {
    font-size: 0.75em;
    color: #777;
    line-height: 1.4;
}

/* --- GESTION DU DERNIER BLOC (PAIEMENT LOGOS) --- */
.reassurance-bar > :last-child:not(.reassu-item) {
    grid-column: 1 / -1;
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* --- VERSION MOBILE (TABLETTE & MOBILE < 990px) --- */
@media screen and (max-width: 990px) {
    .reassurance-bar {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px;
        gap: 10px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0;
    }

    .reassu-item {
        justify-content: center;
        gap: 10px;
        padding: 0.8em;
    }

    .reassu-text {
        text-align: left;
        min-width: 0;
        flex: 0 1 auto;
    }

    .reassu-icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .title-reassu {
        margin-bottom: 0;
        font-size: 1.05em;
        font-variant: small-caps;
    }

    .reassu-text span {
        font-size: 0.8em;
    }
}

/* --- VERSION TRES PETIT ÉCRAN (< 360px) --- */
@media screen and (max-width: 360px) {
    .reassurance-bar {
        grid-template-columns: 1fr;
    }
	. title-reassu {
        text-align: left;
		padding-left: 20%;
    }
}

/* mob menu responsive */
@media only screen and (max-width:976px)
{
	#logo img {margin-top:5px}
	#content2 {margin-top:33px;}

	.cnt_def  ,.cnt_def_2  ,.cnt_def_3 ,.cnt_def_4, .cnt_def_conf {
		margin-top:33px;
	}
	.marge_ajust {margin:63px auto}

	#main,.middle_cont,.middle,.middle_cont  {box-sizing:border-content;max-width:none; width:95%; margin:0 auto ;/*IE7 bug*/ }
	.form_sch_1 {margin-top:0}
	#ref_sch_form {
		margin:0 auto;
		padding:1em;
		width:90%;
	}
	
	#ref_sch_btn  {
		position:relative;
		border:none;
	}

	#ref_sch_form input {padding:0!important}
	#ref_sch_form input::placeholder {font-size:0.7em}

	.faq_cnt {width:95%}

	/*slider*/
	.jssora051 {background-image:none; background:rgba(255,255,255,0.80)!important;  }
	
	#a_la_une, #map {margin-top:30px!important}
	#france {margin-top:50px}
	
	#home_btn_top {display:none}
	.btns_top_right_cnt {padding:0 ; margin:0; float:right; display:inline-block; position: absolute;right:0; top:0; width:100%!important;  }
 	#cmpt_btn a span, #mag_btn a span, #fav_btn a span { top:1px; color:#f60;font-size:0.8em/*display:none!important;*/ }
	.btns_top_right_cnt li {margin:0;width:50px}
	.btns_top_right_cnt a { padding:0 ; margin:0; line-height: normal ; }
	
	span.libelle_panier_menu {top:20px!important;}
	span.nb_items_icone_menu {top:16px!important;}
	
	#fav_btn a, #fav_btn a:hover {background-position:0 6px}
	#cmpt_btn a,#cmpt_btn a:hover{background-position:0 -182px}
	 
	#mag_btn a,#mag_btn a:hover {background-position:0 -88px }
	#basket_btn { margin-top:5px;width:64px }
	#basket_btn a,#basket_btn a:hover {background-position:0 -370px }

	.nav { padding:10px 0!important; 
		opacity: 0.97; 
		border-color:transparent; 
		border-bottom-right-radius: 20px; box-shadow:0px 1px 5px #999; 
		font-size:0.8rem;}
	
	.nav a {
    	padding: 10px 15px;
    	color:#444;
	}
	
	.list_lk_cnt {display: block; }
	.list_lk_cnt ul:last-child > li:last-child, .last_li_menu {height:3rem!important}
	
	.last_li_menu {background-color: #fff!important}
	
	.button_menu { background-color: #fff!important; color:var(--main-color)!important; }
	
	
	.li_nav_close { display:block!important; border:none!important; color:#f60; padding:0.5em; float:right!important;}
	
	.nav li li a {
		display: block;
		text-indent:1rem/*!important*/;
		border:none!important;
		position: relative;
		z-index:100;
		/*border-top: 1px solid #ff8330;*/
	}
	
	.nav li li li a {
		background-image:none !important;
		text-indent:2rem!important;
		background:#fff /*green #FFEFDF*/;
		color:#444;
		z-index:200; 
		border-top: 1px solid #000;
		height:0.3rem; 
		
	}

	.menu_container {
		position:absolute;
		opacity:0.99;
		z-index:9000;
		width:92%;
		max-width: 460px;
		/*margin-top:3px;*/
		top:0;
	}
	
    .active {
        display: block;
    }
	
    .nav > li {
        float: none;
		
    }
	
    .nav > li > .parent {
        background-position: 95% 50%;
    }
	
    .nav li li .parent {
        background-image: url("img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
		background-color: var(--light-grey); 
		margin:0;
    }
	
	.nav li {
		position: relative;
	}
	
	.nav > li {
		float: left;
		border-top: 1px solid #ccc;
		min-height: inherit !important;
	}
	
	.nav > li > a {
		display: block;
	}
	
    .nav ul {
        display: block;
    }
	
	.nav > li > .parent {
		background-image: url("img/downArrow.png");
		background-repeat: no-repeat;
		background-position: right;
	}
	
	.nav li  ul {
		position: absolute;
		left: -9999px;
	} 
	
	.nav > li.hover > ul {
 		left: 0;
	}
	
	.nav li li.hover ul {
		left: 100%;
		top: 0;
	}
		
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.li_nav_sans_ul {
		width:100%;
		border-top: 1px solid #ccc;
	}

	.ul_1col { padding: 0.5rem 0 0 0.5rem; width:100%!important;  }
	
	.img_nav_li {  width:87%; max-width:87%;padding:0!important; margin: 0!important; float: none!important }
	.img_nav_li2 {  width:42%; max-width:42%; padding:0!important; }
	
	.img_nav_li a {text-indent:0!important; padding-bottom:0!important}
	
	.img_nav_li img  {border-bottom-left-radius: 0!important}
	
	.img_nav_label  {text-align: left; font-size:1.2rem; padding-top:5px!important}
	 
	.li_nav_1, .li_nav_2, .li_nav_3, .li_nav_4, .li_nav_5 {
		left:0;
		top:0;
		padding:0;
		position:absolute;
		width:100%;
		height:auto!important;
		max-height: none!important;
		/*border:none!important;*/
		border-top: 1px solid #ccc;
		box-shadow:none;
		background-image:none;/*linear-gradient(#fff,#f1f1f1);*/
		border-radius:0;
	} 

	.title_li_nav_2 {
		text-align:left; 
		margin:0;
	}
	
	.btn_nav { width:85%; display:block; padding:0 ; text-indent:0 ; line-height:2rem; height:2rem; background-color:transparent; text-align:left; font-size:1.15rem }
	
	.btn_nav:hover {text-align:left; }
	
	.btn_in_btn_nav { display:none }
	.btn_in_btn_nav_mob { display:block;float:left;clear:both; margin:-1.8em 0 0 1.4em ;text-align:right;font-size:0.8em }
	 
	.li_nav_with_img {width:100%!important;padding:0.5rem 0}
	.li_nav_with_img a { background-color: #fff!important;display:block; padding:0; max-width:none!important; }
	.li_nav_with_img img {
		float:right;  position:static!important; height:200px; width:auto!important; padding:0 ; margin:0 1.5rem 1rem 0 ; display:block; 
	}
	.li_nav_with_img p {font-size:12px; width:40%; padding:65px 0 0 0; margin:0 0.875rem  ; color:#fff; text-align:center; 
		 position:static!important; color:#555!important;  }
	
	.col1, .col1_une_colonne,.col1_deux_colonnes, .col2, .col3, .col3bis, .col_image, .col_image2, .col4, .col2bis, .col2ter { width:100%; float:none; text-align:left; padding:0 ; margin:0 }
	.col1 li, .col1_une_colonne li, .col1_deux_colonnes li, .col2bis li, .col2ter li, .col2 li , .col3 li, .col3bis li, .col4 li { padding:0 ;  }
	/*.col3 li:last-child a { height: 2em}*/
	
	.li_spec {background-color:#fff; line-height: 90%!important;padding-top:15px!important}
	.li_spec > a {padding-top:5px}
	.li_spec em { display:inline-block;padding-left:3rem}
	/*.col2:last-child, .col3:last-child {  background-color:transparent ;text-align:left;margin-top:0;}*/
	
	.sep_fine_li {display: none}
	
	

	body { background:#fff; }
	
	#top_cnt {padding-top:0}
	
	.header_cnt1 { 
		/*height:123px; */
		position:static;
		margin-top: 42px; 
		/*top:40px; */
	}
	
	.header_home .header_cnt1 {min-height:6.8rem}
	
	.header_def .header_cnt1 {min-height:6.7rem}
	
	#logo { 
		float:left;;
		margin :10px 0 0 10px;
		padding:0
	}

	#logo img {
		 max-height:60px;  width:auto!important 
	}
	
	#nom_user{float:none!important; margin:0 auto!important}
	
	.h1_cnt {
		width:100%; padding:3px 15px ; text-align: left; position:static;  font-size:0.8em; margin:0; max-width:100%;
	}
	/* home : tendnace du moent*/
	
	#home_cnt_1,#home_cnt_4,#home_cnt_5 {clear:both;width:90%!important;margin:2% 0 2% 5%!important; height:auto!important}
	#home_cnt_2 { width:42.5%!important;margin:2% 0 2% 5%!important;float:left!important; height:auto!important }
	#home_cnt_3 { width:42.5%!important;margin:2% 5% 2% 0!important;float:right!important; height:auto!important }
	#home_cnt_5 {float:left!important}
 
	figure.effect-julia h2 , .title_grid {
 		font-size: 1.4em!important; 
	}
	
	figure.effect-julia p {
 		font-size: 0.8em!important;
		margin: 0.5em 0 3em 0.5em!important;
		padding: 0.4em!important;
	}
	
	figure.effect-julia figcaption {
		 height:3.5em!important; 
	}
	
	.menuUser_cnt{
		position:inherit;
		/*padding:0.5em 0;
		height:40px;
		width:100%;*/
	}
	
	.form_sch_top {
		 -webkit-box-sizing: border-box; box-sizing: border-box; 
		float:right;
		border:1px solid #dedede;
		height:auto;
		clear: both;
	}
	
	#ref_sch_top  {
		display: block;
		 float:none;
		width:80%;
		padding:.3em .5em;
		margin:0px auto;
		text-align:center;
	}
	#ref_sch_btn_top {position: absolute; float:none; right:4%;margin-right:0 }
	
	.top_res_cnt3 { width:auto;font-size:1em; margin:0.5em 0.5em 0 0; }
	
	.res_prx3 {margin:0 5px 0 0;  }	 
	
 	/*header listing*/
	.pg_princ_img,.h2_listing { 
 
		float:none;margin:0 auto;clear:both; 
	 
	}
	.header_listing_cnt {
		margin: 40px 0 0 0;
		width:100%;
	}
	
	#breadcrumb {
		padding :0 10px;
   		justify-content: center;
  		gap: 0px;  /*Espacement entre les éléments */
	}
	
	.descro_left_cnt {float:none ; max-width:100%; border:none; min-height:inherit }	
	.descro_right_cnt {float:none ; max-width:80%; margin:0 auto}	
	
	.pg_princ_img_cnt {
	 	float: none;
		clear: both;
		max-width: 100%;	 
		width: 100%;
		margin: 0 auto;
		padding: 28px 0 15px 0;
		max-height:inherit;
	}
	
	.pg_princ_img_cnt {
	/* 	padding:0 0 0 0;*/
	 	background-image: url("img/fond_img_a_la_une_horizontal.png");
		background-position: top center ;
	}
	
	/*.pg_princ_img { right:0; left:0; width:100%; margin:33px 0 0 0}*/
	
	.pg_princ_img {		
	 	height:auto;
		position: inherit;
		right:0
	}
	.img_descro_fab { float:none ; clear:both ; margin: 1em auto;  width:auto; max-width: 100%}
	
	.descro_liens_cnt, .boutons_ul {	
		font-size:0.8em;
		list-style: none;
		display: flex;
		/* background: #f8f9fa;*/
		white-space: nowrap;
		overflow: auto; /*hidden*/
		text-overflow: ellipsis; /* optionnel, pour gérer les débordements */
		justify-content: center; /* Centre horizontalement */
		gap: 5px;  /*Espacement entre les éléments */
		flex-wrap:nowrap; border:none; border-top:1px solid #ddd;  width:100% ;
		padding-left:1em;
		position: relative;
	}
	
	.descro_liens_cnt li, .boutons_ul li { padding: 0 0 0 0 ;
		position: relative; }
	
	.new_h1 {
		  max-width:100%;
		  text-align: center;
		  padding: 0.5em 1em 0.5em 1em;
	}
	
	.h1_seul {margin-bottom: 0.3em!important}
	
	.new_h1 span {/*display:block;*/ font-size: 1.1rem; padding:0; margin:-2px 0 0 0}
	
	.h2_listing {width:100%; text-align:center}

	.descro_p_cnt { 
		float: none; border:none;
		margin: 1em auto;
		font-size: 12px;
		line-height: 140%;
		height: 60px; /*animation lire plus*/
		padding: 0 20px;
	}
	
	.voir_les_pdt_btn { 
		display:block;
		font-size:0.7em;
		margin : 0 0 0 0;
		font-size:0.7em;
		color: #999;
	}
	
	.descro_liens_cnt {border:none;  }
	.lire_la_suite_btn, .lire_moins_btn {
		display:block;
	}
	.etiquette_label2 { display: inline ; }
	.etiquette_label1 { display: none }
	#messune .navig { display: none; }
	
	#nb_line_form { float:none;width:100%; text-align:center; margin:0px auto 25px auto ; width:auto; }
	#nb_line_form li {float:none;display: inline-block}
	
 	#contact_div, #follow_div, #newslet_div  {width:100%; clear:both; margin: 0  ;}
	
	.block_link_bot { flex-basis:40%; }
	#follow_div {float:none; margin:0 auto 30px auto!important;text-align:center!important;width:100%!important}
	span#insta_btn a,span#face_btn a, span#tweet_btn a, span#ggplus_btn a { display:inline-table!important; float:none!important}
	#partner_ul li {height:auto;  min-height:30px; background-size:100%}
	#partner_CB {width:130px; }
	/*#partner_VISA {width:35px; }/
	#partner_MASTER {width:40px; }*/
	#partner_BQ {width:110px; }
	#partner_SO {width:130px; }
	#partner_PAYPAL {width:110px; }
	
 
	#france img {max-width:581px!important;width:100%!important;height:auto!important;margin:0 auto}
 
	#maglist { width:95%;margin:2em auto;padding:0}
	
 
 
}

/* === Mobile footer (≤976px) === */
@media only screen and (max-width:976px) {
	#contact_div, #follow_div {
		flex: 0 0 50%  ;
		width: 50%  ;
 
		margin: 0 0 15px 0 ;
		box-sizing: border-box ;
		text-align: center;
		 padding: 0 10px;
	}
 


    #follow_cnt { gap:0; }
    #newslet_div {
        flex: 0 0 100%;
        padding: 0  ;
        text-align: center;
    }

	.note_footer{ text-align: center;}
 



	#social_btns { flex-direction: column; align-items: center; gap: 8px; }
	.social_btn img { width: 48px !important; height: 48px !important; }

	#crl_sub_hm { font-size: 0.75em; padding: 0 0.9em; letter-spacing: 0.05em; }
	.newslet_input { font-size: 0.85em; padding: 0.7em 0.8em; }
	.newslet_form_wrap { border-width: 2px; }
	#partner_logos_cnt img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
	#last_bot_2 { overflow-x: hidden; max-width: 100%; box-sizing: border-box; padding-right: 10px; }
	#last_bot_2.lb2_clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
	#last_bot_2.lb2_open { display: block; overflow: visible; -webkit-line-clamp: unset; }
	#lb2_btn {
		display: block;
		/*margin-top: 4px;*/
		margin-left: auto;
		background: none;
		border: none;
		color: var(--main-color, #ff8330);
		font-size: 0.8em;
		cursor: pointer;
		padding: 0;
		font-family: inherit;
		padding-right: 10px;
		font-style: italic;
		font-size: 0.68rem;
	}
}
@media only screen and (min-width:977px) {
	#lb2_btn { display: none; }
	.lb_hm_btn { display: none; }
}

@media only screen and (max-width:914px) {
	 
	.btn_sup_cnt {
		width:100%;
	}
}

@media only screen and (max-width:712px) {
 
	/* header listing */
	.h2_listing{ width:90%; margin: 0 auto; line-height: 140%;font-size:1.4em }
	.header_listing_cnt {padding:0}
	
	.descro_right_cnt {min-height: inherit; max-width:100%; margin-bottom:0;}	
	
	.pg_princ_img_cnt { border-radius: 0;padding-bottom:0;margin-bottom: 0; min-height:auto; }
	.descro_liens_cnt, .boutons_ul { justify-content: left; }
	.pg_princ_img{border-left:none;border-right:none }
	
	#messune .slide { top:0; padding-top:15px }
   /*premier redim de l'item du listing*/
	.item_def { 
		/*-webkit-perspective: 1000;  */
		-webkit-box-sizing: border-box; box-sizing: border-box; 
		max-width:48%;
		width:48%;
		margin:1%; 
	}

	.etiq_cnt{min-height: 35px}
	
	.etiq_nouveaute_vide {height:20px!important}
	
	.sch_cnt_rem {
		font-size: 1.1rem;
		max-height:40px;
		background-size: 40px;
		max-width:235px;
		margin-top:-5px;
		margin-left:-6px;
		padding-left:38px;
		line-height:40px ;
	}
	
	.sch_cnt_demark_1 .sch_cnt_rem,
	.sch_cnt_demark_2 .sch_cnt_rem,
	.sch_cnt_demark_3 .sch_cnt_rem,
	.sch_cnt_demark_4 .sch_cnt_rem {background-position: 0px -92px;}
	.sch_cnt_prix_mini .sch_cnt_rem {background-position: 0px -138px; }
	.sch_cnt_precommande .sch_cnt_rem{background-position: 0px -46px; }
	.sch_cnt_offre_speciale .sch_cnt_rem,.sch_cnt_vente_privee .sch_cnt_rem {background-position: 0px -184px; }

	
	#cat_sch_rad {margin:-3px 40px 0 0}
 
 /*logo cb*/
 	#paiement_form {width:301px; margin: 0 auto}
	
}

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

	#jssor_1 ,.slides_jssor_1, .fleche_home_gauche, .fleche_home_droite { height:900px ; }
	.texte_article_jssor_1 {width:90%; margin:0 auto; box-shadow:none; padding:10px; font-size:2em; line-height:1.4em}
	#jssor_3, .slides_jssor_3,.fleche_home_gauche2, .fleche_home_droite2 { height:620px ; }
	.lib_jssor3, .prix_lib_jssor3 { font-size:2em;line-height:1.4em}
	.lib_jssor3 em {font-size:0.9em;line-height:1.2em}
	.jssor2_btn,.jssor2_btn:visited { font-weight:bold!important; display:inline;float:none; font-size:1em; text-align:right!important; padding:0 0 0 0 ; border:none; color:#000 }
	.jssor2_btn:hover { text-decoration:none; border:none; color:#f60!important; background-color: transparent}
	
	#mid_cnt {padding-left:5px;padding-right:0}
	#cnt_res, #cnt_res_precis  {width:100%;max-width:100%  }
	#cnt_res_3  {box-sizing:border-content;max-width:none; width:95%; margin:0 auto ;/*IE7 bug*/ }
	 
	
	/*header listing 
    #breadcrumb { font-size: 0.7em }*/
	#breadcrumb li:not(:last-child)::after { margin-left:0; }
	
	.img_descro_fab {  border-radius: 0 }
	
	.new_h1 { font-size: 1.8rem; padding:10px 10px 2px 10px; }
	
	/*listing*/
	.res_img_home_2 a, .res_img_home_2 img, .res_img_2 a, .res_img_2 img {
		width:100%;
		height:auto;
	}

	.item_def{
		height:auto!important; 
		min-height: 440px;
		/*height:550px;
		max-height: 550px ;*/
		
	}
	
	.res_sch_cnt {
		height:auto ; 
	 	padding-bottom:3%;
	 	background-image:-moz-linear-gradient( #fff,#fff,#fff,#f0f0f0);
		background-image:-webkit-linear-gradient( #fff,#fff,#fff,#f0f0f0);
		background-image:-o-linear-gradient( #fff,#fff,#fff,#f0f0f0);
		background-image:linear-gradient( #fff,#fff,#fff,#f0f0f0);
		
	}
	
	.res_sch_cnt_2bis { margin:0px 3% ; height:auto; width:40%; }

	.item_def:hover .res_sch_cnt { 
		background-image:none ;
		box-shadow:none;
		border:1px solid var(--light-grey);
	}
	
	.res_img_home_2 a, .res_img_home_2 img, .res_img_2 a, .res_img_2 img {
		width:100%;
		height:auto;
	}
	
	/* les filters*/

	#rech_mark_2_ms { width:150px!important }
	#rech_type_2_ms { width:150px!important }
	#rech_color_2_ms { width:150px!important } 
	#rech_size_2_ms { width:150px!important }
	#tige_2_ms { width:175px!important }
	 
	#prem_2_ms { width:150px!important }
	#talon_2_ms { width:150px!important }
	#ht_talon_2_ms { width:150px!important }
	#prix_2_ms { width:125px!important }
	#rech_coll_2_ms { width:170px!important }
	#semelle_2_ms { width:150px!important }
	
	#rech_tri_2-button {width:115px!important }/*simple ui select*/
	
	#ui-multiselect_rech_size_2, #ui-multiselect_rech_color_2,
	#ui-multiselect_ht_talon_2, #ui-multiselect_prix_2 {left:128px!important;  }
	
	#rech_tri_2-menu {margin-left: -50px!important}
	 
	/* item_sch3 */
	.top_res_cnt {height:auto;margin:0}
	
	.etiq_cnt {
	  margin-top: 0;
	  position: relative;
	  top: -5px;
	}
	.etiq_nouveaute { 
		font-size:10px;  
		float:left ;
		letter-spacing:0;
		display: block;
		width:45%;
		margin :7px 0 0 3%;
		padding:5px;
 		 
	}
	.item_def:hover .etiq_nouveaute  { 
		/*display:none;*/
  		margin-top:7px;
	}
	
	.pastille ,.offre_speciale_ico {
		margin :5px 3% 0 0;
		-webkit-transition: none!important  ;
		transition: none!important ;
		-webkit-transform: none!important;
		transform: none!important;
		max-width: 33px;
		max-height: 35px;
		background-size:cover;
	}

	.item_def:hover .pastille,
	.item_def:hover .offre_speciale_ico  { 
		-webkit-transition:none ;
		transition:none  ;
		-webkit-transform:none ;
		transform:none ;	
	}
	
	/* 39px d'écart entre les pastilles */
	.pastille_demark_1 {background-position:5px 0}
	.pastille_demark_2 {background-position: -34px 0}/*#b43200*/
	.pastille_demark_3 {background-position: -73px 0} 
	.pastille_demark_4 {background-position: -112px 0}
	/*.pastille_prix_mini {background-position: -151px 0}*/
	.pastille_vente_privee {background-position: -190px 0}
	
	/*custom promo*/
	.pastille_promo, .pastille_prix_mini{/*background-position: -283px 0*/
		text-align: right;
		font-size:12px;
		line-height: 100%; 
		width:auto ;/*border:1px solid #ff8330!important; /*border-radius: 20px;  */
		max-width: 50px;
		padding:0; 
		font-family:  Verdana, "sans-serif";
		/*color:#FF8330;*/
		max-height: 35px!important;
		height: 35px!important;
		margin:5px 3% 0 0;
	}
	.pastille_promo strong , .pastille_prix_mini strong {font-family:  'josefin',Verdana, "sans-serif";}

	.pastille_new {background-position: -261px 0}
	/*vente privée*/
	.pastille_vente_privee_40 {background-position: -300px 0}/*#ff8330*/
	.pastille_vente_privee_20 {background-position: -339px 0}/*#db1900*/
	.pastille_vente_privee_10 {background-position: -339px 0}/*#db1900*/
	.pastille_vente_privee_30 {background-position: -378px 0}/*#ffc630*/
	.pastille_vente_privee_50 {background-position: -417px 0}/*#006a3b*/
	/**/
	.pastille_offre_speciale {background-position: -456px 0}
	/*couloeur*/
	.lib_icon_version {
		text-align: left;
		padding-left: 3%;
		margin: 0px 4px 0 0;
		font-size: 0.6rem !important;
		color: #ccc !important;
	}
	.more_icon_version{  font-size: 0.6rem!important; padding-left:2px;margin:0 0 0;  }
	
	.icon_versions_liees_cnt .icon_couleur {
		transition:none!important;
		transform:none!important;   
		width:19px;height:19px;
		background-size:cover;
	}

	.icon_versions_liees_cnt .icon_couleur:hover {
		transition: none!important;
		transform: none!important;   
	}
	/*ecart de 19px*/
	.icon_couleur_noir {background-position: 0 1px!important;}
	.icon_couleur_blanc {background-position: 0 -18px!important;}
	.icon_couleur_beige {background-position: 0 -37px!important;}
	.icon_couleur_marron {background-position: 0 -56px!important;}
	.icon_couleur_rouge  {background-position: 0 -75px!important;}
	.icon_couleur_bordeaux  {background-position: 0 -94px!important;}
	.icon_couleur_bleu-marine {background-position: 0 -113px!important;}
	.icon_couleur_kaki {background-position: 0 -132px!important;} 
	.icon_couleur_gris {background-position: 0 -151px!important;}
	.icon_couleur_jaune {background-position: 0 -170px!important;}
	.icon_couleur_mauve {background-position: 0 -189px!important;}
	.icon_couleur_orange {background-position: 0 -208px!important;}
	.icon_couleur_rose {background-position: 0 -227px!important;}
	.icon_couleur_multicolore {background-position: 0 -246px!important;}
	.icon_couleur_beige-taupe {background-position: 0 -265px!important;}
	.icon_couleur_marron-beige {background-position: 0 -284px!important;}
	.icon_couleur_or {background-position: 0 -303px!important;}
	.icon_couleur_argent {background-position: 0 -322px!important;}
	.icon_couleur_platine {background-position: 0 -341px!important;}
	.icon_couleur_bronze {background-position: 0 -360px!important;}
	.icon_couleur_noir-multi {background-position: 0 -379px!important;}
	.icon_couleur_noir-or {background-position: 0 -398px!important;}
	.icon_couleur_leopard {background-position: 0 -417px!important;}
	.icon_couleur_bleu {background-position: 0 -436px!important;}
	.icon_couleur_vert {background-position: 0 -455px!important;}
	.icon_couleur_noir-rouge {background-position: 0 -474px!important;}
	.icon_couleur_vernis-noir {background-position: 0 -493px!important;}
	.icon_couleur_gris-fonce {background-position: 0 -531px!important;}
	.icon_couleur_or-rose {background-position: 0 -550px!important;}
	.icon_couleur_blanc-or {background-position: 0 -569px!important;}
	.icon_couleur_blanc-casse {background-position: 0 -588px!important;}
	.icon_couleur_blanc-noir {background-position: 0 -607px!important;}
	.icon_couleur_blanc-taupe {background-position: 0 -626px!important;}
	.icon_couleur_blanc-rose {background-position: 0 -645px!important;}
	.icon_couleur_blanc-marine {background-position: 0 -664px!important;}
	.icon_couleur_blanc-cognac {background-position: 0 -683px!important;}
	.icon_couleur_or-argent {background-position: 0 -702px!important;}
	
	.taille_dispo_sch_cnt {
		transition: none!important;
		-webkit-transition: none!important;
		transform:none!important;
		-webkit-transform:none!important;
		opacity: 1;
		min-height: 38px!important;
		max-height: 38px;
		height:38px!important
	}
	
	.item_def:hover .taille_dispo_sch_cnt {
		transition: none!important;
		-webkit-transition: none!important;
		transform:none!important;
		-webkit-transform:none!important;
		opacity: 1;
	}
	
	.taille_dispo_sch_cnt span {
		border:none;
		padding:0 2px;
		margin:0 1px;
		font-size:10px;
		color:#999;
	}

	.res_lib_home2 {
		line-height:120%;
		 height:auto;
		 position:static ; 
		 width:100%;
 		 clear:both;
		 margin:0px 0 0 0;
		 padding:0.2em 0 0em 0;/*espace entre block a et le div de dessous (?)*/
		-webkit-transition:none!important; 
		transition:none!important; 
		-webkit-transform:none!important; 
		transform:none!important;
	}
	
	.item_def:hover .res_lib_home2 { 
		-webkit-transition:none  ;
		transition: none!important;
		-webkit-transform:none;
		transform:none!important;
		background:none;
	}
	
	.item_def:hover .res_libelle,
	.item_def:hover .res_prix2  { 
		opacity: 1; 
		-webkit-transform:none!important;
		transform:none!important;
		transition: none!important;
		-webkit-transform:none!important;
	}

	.res_prx2 { 
		width:100%; 
		clear:both;
		min-height:20px;
		max-height: 20px;
		height:auto; 
		padding:0;
		transition: none!important;
		transform: none!important;
		margin:0 auto 5px auto;
	}
	
	.prix_vente, .prix_barre {
		width:auto; ;  
	}
	
	.prix_barre { float: left; text-align: left;font-size:0.65rem!important;margin-left:3%}
	.prix_vente { float: right; text-align: right; font-size:0.80rem!important;margin-right:3%}
	
	.res_libelle { 
		padding :0; 
		width:94%;
		clear:both;
		float: none;
 		line-height:80%!important ;
		margin:0 auto 0 auto ;
		text-align: left;
		-webkit-transition:none!important  ;
		transition: none!important;
		-webkit-transform:none!important;
		transform: none!important;

	}
	.res_lib_mark {font-size:0.78rem!important }
	.res_lib_ref {font-size:0.7rem!important }


	.taille_dispo_sch_cnt{ 
		padding-top:0;
		transform: none!important; 
	} 


	.taille_dispo_sch_cnt, .icon_versions_liees_cnt {
		font-size: 0.9rem;
	}

	.icon_versions_liees_cnt {
		opacity: 1; 
		transition: none!important;
		transform: none!important;   
		min-height: 20px;
		float:left;
		max-width: 220px;
		margin-top:5px;
	}

	.item_def:hover .taille_dispo_sch_cnt,
	.item_def:hover .icon_versions_liees_cnt {
		transition: none!important;
		transform: none!important;   
	}

	.res_lib_soldes,.res_lib_event {
		letter-spacing:3px;
		position: static;
		margin:3% auto;
		font-size:14px!important;
	}
	
	.item_def:hover .res_lib_soldes {
		display:block;
	}

	.title_faq  { font-size:20px}
	
	.res_home_cnt {width:40%}
	.h2_new_home {margin:10px auto; font-size:1.4em!important; height:auto; }
	.Iam  {margin-bottom:50px;} 
	.Iam h2 {margin: 1.2em auto 0.6em auto!important;font-size:1.2em!important;height:1.3em!important;}
	.Iam, .Iam .innerIam {height:1.3em!important;font: normal 1.2em/1.3em 'josefin',Verdana, Geneva, sans-serif; font-size:1.2em!important; }
	.innerIam_cnt {height:1.3em!important;}

	  
	@keyframes move {
		0%  {top: 0px; opacity:0;left:0px }
		15%  {top: 0px; opacity:1;left:0px }
		30% { top: -1.3em; opacity:1;left:0px}
		45% { top: -2.6em; opacity:1;left:0px}
		60% { top: -3.9em;opacity:1 ;left:0px}
		75% { top: -5.2em;opacity:1 ;left:0px}
		90% { top: -6.5em;opacity:0 ;left:0px}
		99% { top: -6.5em;opacity:0 ;  }
	}

	@-webkit-keyframesmove {
		0%  {top: 0px; opacity:0;left:0px }
		15%  {top: 0px; opacity:1;left:0px }
		30% { top: -1.3em; opacity:1;left:0px}
		45% { top: -2.6em; opacity:1;left:0px}
		60% { top: -3.9em;opacity:1 ;left:0px}
		75% { top: -5.2em;opacity:1 ;left:0px}
		90% { top: -6.5em;opacity:0 ;left:0px}
		99% { top: -6.5em;opacity:0 ;  }
	}
		
	@-moz-keyframes move {
		0%  {top: 0px; opacity:0;left:0px }
		15%  {top: 0px; opacity:1;left:0px }
		30% { top: -1.3em; opacity:1;left:0px}
		45% { top: -2.6em; opacity:1;left:0px}
		60% { top: -3.9em;opacity:1 ;left:0px}
		75% { top: -5.2em;opacity:1 ;left:0px}
		90% { top: -6.5em;opacity:0 ;left:0px}
		99% { top: -6.5em;opacity:0 ;  }
	}
		
	@-o-keyframes move {
		0%  {top: 0px; opacity:0;left:0px }
		15%  {top: 0px; opacity:1;left:0px }
		30% { top: -1.3em; opacity:1;left:0px}
		45% { top: -2.6em; opacity:1;left:0px}
		60% { top: -3.9em;opacity:1 ;left:0px}
		75% { top: -5.2em;opacity:1 ;left:0px}
		90% { top: -6.5em;opacity:0 ;left:0px}
		99% { top: -6.5em;opacity:0 ;  }
	}
	
	@keyframes move {
		0%  {top: 0px; opacity:0;left:0px }
		15%  {top: 0px; opacity:1;left:0px }
		30% { top: -1.3em; opacity:1;left:0px}
		45% { top: -2.6em; opacity:1;left:0px}
		60% { top: -3.9em;opacity:1 ;left:0px}
		75% { top: -5.2em;opacity:1 ;left:0px}
		90% { top: -6.5em;opacity:0 ;left:0px}
		99% { top: -6.5em;opacity:0 ;  }
	}
	
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-size:0.8em;}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size:0.8em;}
	::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:0.8em;  }
	:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size:0.8em;}
	:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */  font-size:0.8em;  }	
	
	.res_lib_center {font-size:1em;} 
	
	 #jssor3_cnt h2, #jssor_2_cnt h2{ font-size:1.8em!important; }
	
}

@media only screen and (max-width:580px) {
	.pg_princ_img {border-radius: 0; }
	#breadcrumb, .breadcrumb_search {
   		font-size:11px;justify-content: left!important;
	}
	.block_link_bot { flex-basis:100%; }
	.title_faq { font-size:18px; padding:0.75em 1.5em; }
	.accord p { font-size:0.85em; }
}


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

	.top_res_cnt3 {width:auto;font-size:0.9em; margin:0.25em 0.25em 0 0;}
	.res_prx3 {margin:0 5px 0 0; }	 
}

@media only screen and (max-width:370px) {
	#rech_form_2 {padding:0}
	#ref_sch_top {min-width: 275px}
}

@media only screen and (max-width:350px) {
	
	.res_sch_cnt { max-height:400px!important; min-height:400px!important }
	
	.taille_dispo_sch_cnt span {
		border:none;
		padding:0 1px;
		margin:0 1px;
		font-size:0.8em;
		color:#999;
	}
	
	#rech_form_2 {width:98%; box-sizing: border-box; padding:0 2% ; margin-left:0; margin-right: 0}
	/* les filters */
	#rech_mark_2_ms,#rech_type_2_ms,#rech_color_2_ms, #rech_size_2_ms, #semelle_2_ms,
	#tige_2_ms, #rech_tri_2_ms, #prem_2_ms, #talon_2_ms, #ht_talon_2_ms, #prix_2_ms, #rech_coll_2_ms { width:142px!important;font-size:0.8em }

	#ui-multiselect_rech_size_2, #ui-multiselect_rech_color_2, #ui-multiselect_rech_color_2, #ui-multiselect_ht_talon_2, 
	#ui-multiselect_ht_talon_2,   #ui-multiselect_prix_2, #ui-multiselect_semelle_2 {left:60px!important;  }
	
	#rech_tri_2-menu   {left:110px!important}
	#rech_tri_2-button { width:127px!important ;font-size:0.80em  }/*simple ui select*/
	
	.ui-multiselect-menu {max-width:310px!important; font-size:0.9em}
	
	.cookielaw { height:300px; max-width:300px; min-width:300px }
		 
}


/* L'animation (à mettre une seule fois dans le fichier CSS) */
@keyframes skeleton-pulse {
    0% { background-color: #f1f5f9; }
    50% { background-color: #cbd5e1; }
    100% { background-color: #f1f5f9; }
}