/*** default styles */
* {box-sizing : border-box;  padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: none;}
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: 0;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: helvetica, arial, sans-serif;font-size: 1.4em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #000;}

body{
	overflow-x: hidden ;
	position : relative;
	font-family: 'Open Sans', sans-serif;
	font-weight : 400;
}

#header, #menu, #main, #footer {width : 100%;}

.page {
	
	width : 100%;
	max-width : 1300px;
	margin : 0 auto;
}

.page_min {
	width : 100%;
	max-width : 650px;
}
.page1-2 {
	width : 100%;
	max-width : 650px;
}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col1-4 {float : left;}

.col{width: 100%; }
.col3-4{width: 75%;}
.col1-2{width: 50%;}
.col1-3{width: 33.33%;}
.col2-3{width: 66.66%;}
.col1-4{width: 25%;}

.flexParent {
    display: flex;
    flex-wrap: wrap;
}

.flex_page_demi,
.flex1-1,
.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4 { 
    display: flex;
}

.flex{width: 100%; }
.flex1-1{width: 100%;}
.flex3-4{width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4{width: 25%;}

.flexColumn {
	flex-direction: column;
	width : 100%;
}

.flex_page_demi {
    max-width: 600px;
}

.flex_right_center {
    justify-content: right;
    align-items: center;
}
.flex_center_center {
    justify-content: center;
    align-items: center;
}

.column2 {
	-moz-column-gap: 20px;
	-moz-columns: 2 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 2 auto;
}

.column3 {
	-moz-column-gap: 20px;
	-moz-columns: 3 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 3 auto;
}

.padding{padding: 20px;}
.paddingLR{padding: 0 20px;}
.paddingTB{padding: 20px 0;}
.paddingBig {padding : 60px 20px;}
.padding10 {padding : 10px;}

.marginAuto { margin : 1px auto; }
.paddingNoBottom {padding-bottom : 0;}

/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #d3c9bf; color : #000;}
.bg_gris_clair {background-color : #f1f0eb; color : #000;}
.bg_blanc {background-color : #fff; color : #000;}
.bg_noir {background-color : #000; color : #fff;}
.bg_rouge {background-color : #ca3423; color : #fff;}
.bg_vert {background : #879f85; color : #000;}
 

.bg_gris_fonce a:link, .bg_gris_fonce a:visited,
.bg_vert a:link, .bg_vert a:visited,  
.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #000;}   
/*.bg_blanc p a:link, .bg_blanc p a:visited { text-decoration : underline;}   */

.bg_noir a:link, .bg_noir a:visited, 
.bg_bleuNoir a:link, .bg_bleuNoir a:visited {color : #fff;} 

.color_vert {color : #879f85;}
.color_rouge {color : #ca3423;}
.color_blanc {color : #fff;}
.section {padding : 50px 0;}
.sectionSmall {padding : 20px 0;}
.sectionPaddingNone {padding : 0;}
.sectionNoBottom {padding-bottom : 0;}
.img_100, .cmsArticleDesc img {
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

#glossaire .planteDetails .img_100 {width: 100%;}

.float_right {float : right;}
.float_left {float : left;}

.align_center {text-align : center;}
.align_right {text-align : right;}

.color_vert_fonce {color : #879f85;}
.margin_auto {margin : 0 auto;}

.position_relative {position: relative;}
/*** header  *****************************************/
	
#top span {font-weight: 300; font-size: 120%;}


header.section {
	position: relative;  
	padding : 20px 0; 
	transition : all 0.5s;
}

	header {flex-wrap: wrap;}
	header.fixed {
		position: fixed;
		top: 0;
		background: #fff;
		z-index : 300;
	}

	header.fixed + section {margin-top : 89px;}
	.paddingHeader {padding : 10px 20px; font-size : 85%;} 

	.nav-sec {position: absolute; right: 20px; top:10px;}
	.nav-sec li {display : inline-block; padding : 0 10px;}
	.nav-sec li  {
		border-left: 1px solid;
		font-weight: 300;
		line-height: 1;
		text-transform: uppercase;
	} 

	.nav-sec li:first-child {
		border : none;
	}

	#logo {transition : 0.5s; max-width: 255px}

	.nav-caddie li{
		display: inline-block;
		padding : 0 10px;
	}
	
	#nav-panier  {position : relative;}
	#ajaxNbArticles  {font-size : 80%;}

	#recherche {
		text-align : right;
		display: none; 
		position: absolute;
		top: 38px;
		left: 0;
	}
	#recherche button {border: none; background : transparent; cursor: pointer;}
	

	#recherche input {
		width : 150px;
	}

	#recherche button {
		position: absolute;
		right: 5px;
		bottom: 5px;
	}

		#slider .like_h1 {
			font-size : 400%;
		}	

		#headerMobile {display: none;}

/*** menu *****************************************/

	nav {
		padding :  20px 0 20px 0;
		background: rgba(255,255,255,.6);
		letter-spacing: 1px;
		position: sticky;	
		top: 0;
		z-index: 80;
		transition: all 0.5s;
	} 

	nav:hover {background: rgba(255,255,255,1);}
	
	nav li {
		display : inline-block; 
	}

		nav li a, nav li span{
			display : block; 
			padding : 10px 30px; 
			font-weight : 300;
			text-transform : uppercase;
			transition: all .5s;
			font-size : 120%;
		}
		
	
		#contact nav li#nav-contact a, 
		#accueil nav li#nav-accueil a, 
		nav li a.active {
			text-decoration : none;
			background : #252b3a;
			position: relative;
			z-index: 600;
			color : #fff;
		}
		
		nav li:focus > div, nav li:hover  > div {
		   max-height: 1000px; 
		   transition: max-height 0.55s ease-in;
		}
		
		
		nav li a.active {
			border-left : 1px solid;
			border-right : 1px solid;
		} 



		/*** submenu ***/
		.sub-menu-parent { position: relative; }

		.sub-menu {
		  padding: 15px 0;
		  text-align: left;
		  background: #fff;
		  visibility: hidden; /* hides sub-menu */
		  opacity: 0;
		  position: absolute;
		  z-index:1000;
		  top: 100%;
		  left: 0;
		  /*width: 240%;*/
		  transform: translateZ(0);
		  transform: translateY(10%);
		  transition: all 0.5s ease 0s, visibility 0s linear 0.5s; /* the last value is the transition-delay for visibility */
		  -moz-box-shadow: 0px 0px 8px 0px #656565;
		  -webkit-box-shadow: 0px 0px 8px 0px #656565;
		  -o-box-shadow: 0px 0px 8px 0px #656565;
		  box-shadow: 0px 0px 8px 0px #656565;
		  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
		  width : 150%;
		}

		.sub-menu li a::after { background-color: transparent!important; }

		.sub-menu-parent:hover .sub-menu {
		  visibility: visible; /* shows sub-menu */
		  opacity: 1;
		  transform: translateX(0%);
		  transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
		}
		
		.sub-menu li {display: block;}
		
		.sub-menu li a {
			text-transform: none;
		}

	/***/ 
	
	.ico::before{
		font-family : 'Font Awesome 5 Free'; 
		font-size : 120%; 
		padding-right : 5px; color : #879f85;
	}
	
	.bg_noir .ico::before{color : #9f9f9d;}
	 p.ico span{overflow : hidden; display : block;}
	 a.ico span{overflow : hidden; display : block;}
	 a.ico_left::before{float : left;}
	 p.ico::before{float : left;}
	
	.ico-eye::before { content : "\f06e"; font-weight : bold;}
	.ico-map::before { content : "\f3c5"; font-weight : bold;}
	.ico-mobile::before { content : "\f3cd"; font-weight : bold;}
	.ico-phone::before { content : "\f095"; font-weight : bold;}
	.ico-web::before { content : "\f0ac"; font-weight : bold;}
	.ico-mail::before { content : "\f0e0"; font-weight : bold;}
	.ico-recherche::before { content : "\f002"; font-weight : bold;}
	.ico-therapeute::before { content : "\f470"; font-weight : bold;}
	.ico-bag::before { content : "\f290"; font-weight : bold;}
	.ico-compte::before { content : "\f2bd"; font-weight : bold;}
	.ico-pdf::before { content : "\f1c1"; font-weight : bold;}
	.ico-print::before { content : "\f02f"; font-weight : bold;}
	.ico-streetview::before {content : "\f21d"; font-weight : bold; }
	.ico-diagnoses::before {content : "\f470"; font-weight : bold; }
	.ico-nav::before {content : "\f0c9"; font-weight : bold; color : #fff;}
	.ico-gift::before { content : "\f06b"; font-weight : bold;  padding-right : 20px; }
	.ico-ruler::before { content : "\f545"; font-weight : bold;   }
	
	.ico-distributeur::before {content : "\f494";font-weight : bold;  color : #879f85;}
	.ico-prescripteur::before {content : "\f46d"; font-weight : bold; color : #879f85;}
	.bg_vert_fonce .ico-compte::before, .bg_vert_fonce .ico-bag::before, .bg_vert_fonce .ico-therapeute::before  {color : #fff;}
	
	
	.maj {text-transform : uppercase;}
		
	
	#recherche {
		margin-top : 10px;
		text-align : right;
	}
	
	#recherche input, #newsletter input {
		border : none;
		border-bottom : 1px solid;
		background : transparent;
	}
	#newsletter input {border-color : #9f9f9d; color : #9f9f9d;}
	
	#newsletter input, #newsletter label, #newsletter a {
		display : inline;
		padding : 0 5px 0 0;
	} 
	
/*** liste + paragrahe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
	}
	
	ul.inline li{
		display : inline-block;
		padding : 0 10px;
	}
	
	.section  p {margin-bottom : 1.5em;}
	.section h1 + p {margin-top : 1.5em;}
	.section h1 + form {margin-top : 1.5em;}
	.section  p.noMargin{margin-bottom : 0;}
	

	.list_questions li{
		display: inline-block;
		padding: 10px 0 0 0;
	}
		
		.list_questions li a{
			-webkit-transition: all 0.8s;
			-moz-transition: all 0.8s;
			transition: all 0.8s;
			border: 1px solid #000;
			text-transform: uppercase;
			border-radius: 5px;
			padding: 10px 10px;
			color: #000 !important;
			margin: 0 20px;
		}
		
		.list_questions li a:first-child{margin-left: 0;}
		
		.list_questions li a:focus, .list_questions li a:hover{
			background: #06382d;
			color: #fff!important;
		}


		p.big_gras {font-size : 150%; font-weight : 600;}
		p i[class^=color] {font-style: normal;}

/*** accueil    *****************************************/ 

	.libelle_produit {
		display: block;
		padding-bottom : 5px;
		padding-top : 10px;
		font-weight: 600;
		font-size : 140%;
	}

	.sous_produit {
		display: block;
		padding-bottom : 5px
	}

	.prix_produit  {
		display: block;
		padding-bottom : 5px;
		font-weight: 800;
		font-size : 250%;
		color : #ca3423;
	}

	.paddingTBBig {padding : 80px 20px;}

	.bg_top_bottom_blanc {position : relative; z-index : 10;}
	.bg_top_bottom_blanc .page{position : relative; z-index :30;}
	.bg_top_bottom_blanc::before, .bg_top_bottom_blanc::after {
		position: absolute;
		content : "";
		display : block;
		width: 100%;
		height : 70px;
		z-index : 20;
		left : 0;
		background: #fff;
	}

	.bg_top_bottom_blanc::before {top : 0;}
	.bg_top_bottom_blanc::after {bottom : 0;}
	.top_bottom_blanc {
		padding : 100px 20px;
	}

	.bg_top_bottom_blanc p, .bg_top_bottom_blanc ul {margin-bottom : 0.5em}
	
	.blocHoraires img { max-width : 100%; }
/*** rubrique    *****************************************/ 

.masonry-css {
  column-gap: 0px;
}

.masonry-css > .item {
 transition : all 0.5s;
 /* margin: 0 0 1em;*/
}

/* Masonry-css on large screens */
@media only screen and (min-width: 1024px) {
  .masonry-css {
    column-count: 4;
  }
}

/* Masonry-css on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry-css {
    column-count: 3;
  }
}

/* Masonry-css on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .masonry-css {
    column-count: 2;
  }
} 

	/* =pagination */
	.nav-page span {
		float: left;
		margin-bottom: 1.5em;
	}

	.nav-page ul {float: right;}

	.nav-page li {
		float: left;
		padding: 0 0.4em;
		border-left: 1px solid #c0c0c0;
	}

	.nav-page li.fp, .nav-page li.pn, .nav-page li.dp {border-left: none;}
	.nav-page li.pn a:link, .nav-page li.pn a:visited {text-decoration: underline; }
	.nav-page li a:link, .nav-page li  a:visited {text-decoration: underline; color : #000;}
	.nav-page li.cp {color: #fff; background : #879f85; padding : 0 5px;}
	.nav-page span {display: none;}


	.nav-sous-rubriques li{
		display: inline-block;
		padding : 0 10px;
		border-left : 1px solid #000;
	}
	.nav-sous-rubriques li:first-child{border-left: none;}

	.nav-sous-rubriques a {
		transition : all 0.5s; 
		text-transform: uppercase; 
		font-size: 120%; 
		font-weight: 300; 
		padding-bottom : 2px; 
		border-bottom : 1px solid transparent;
	}

	.nav-sous-rubriques a:hover,
	.nav-sous-rubriques a.active {border-bottom : 1px solid #000; padding-bottom : 2px;}


	.nav-collections li {	
		float: left;
		padding-bottom : 15px;
	} 

	.nav-collections li a {
		border-left: 1px solid #c0c0c0;
		padding: 0 0.4em;
		font-family: 'Road Rage', cursive; font-size : 200%; line-height: 1.0em; 
	}

	.nav-collections li:first-child a {border-left: none;}


.section p.citation {
	font-size : 320%;
	font-family: 'Road Rage', cursive;
	font-weight : 400;
	line-height : 1.1em;
	margin-bottom: 0.5em;
}
.topBoutique {display: none;}
/*** produits   *****************************************/ 


.ecArticleVignette {
	display : flex;
	justify-content: center;
	align-items: center;
	height : 280px;
	overflow: hidden;
}
	.ecArticleVignette .img_100 {
	  object-fit: cover;
	  height: 100%;
	  max-width: inherit;
	  width: 100%;
	  transition: 0.5s all;
	}
	
	
	.ecArticleVignette .img_100:hover {
		transform : scale(1.2); 
	}

	.unProduit .ecArticleLibelle {display : block; font-size : 110%; font-weight: 600; }
	.ecArticleDescBloc {margin-top : 50px;}
	.bg_blanc .ecArticleDescBloc a:link, .bg_blanc  .ecArticleDescBloc a:visited{color : #879f85;}
	.bg_blanc .ecArticleDescBloc a:focus, .bg_blanc  .ecArticleDescBloc a:hover{text-decoration : underline;}
	.ecArticleDescBlocLib, .titre_soustrait {text-transform : uppercase; font-weight : 600; position : relative; display : block; margin-bottom : 5px;}
	.ecArticleDescBlocLib span, .titre_soustrait span {background : #fff; z-index : 20;position : relative; padding-right : 5px; }
	.ecArticleDescBlocLib::after, .titre_soustrait::after {
		background : #b9b7b7; 
		width : 100%;
		position : absolute; 
		z-index : 10;
		bottom : 5px; 
		left : 0;
		content : '';
		margin-left : 5px;
		height : 1px;
	}
	
	.ecArticleDescBlocLibAvis span::after {
		content : '\f107';
		font-family : 'Font Awesome 5 Free';
		padding-left : 5px;
	}
	
	
	.ecArticleDescBlocLibAvis.active span::after { 
		content : '\f106';
	}
.ecArticleDescResume img {
	display: block;
	max-width: 100%;
}

	.plusPhoto {position: relative; }
	.plusPhoto::before {
		position: absolute; 
		content : "";
		background: rgba(255,255,255,.7);
		display: block;
		top : 0;
		left: 0;
		right : 0;
		bottom: 0;
	}
	.plusPhoto::after {
		position: absolute; 
		content : "+";
		font-weight: bold;
		font-size : 400%;
		color : #fff!important;
		top : 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	
	#ecArticleDescBlocavis-lesavis {display : none;}
	.ecArticleDescBlocLibAvis {cursor : pointer;}
	
		.ecArticleAttributs {margin-top : 20px;}
		.inline.ecArticleAttributs li:first-child {padding-left : 0;}
		
		.ecArticleAvis {margin-top : 20px;}
		
		
		.ecArticleRef strong {text-transform : uppercase; font-weight : 300;}
		.ecArticleRef,
		.ecArticleConditionnement {display : block;}
		.ecArticleConditionnement {
			font-weight : 700;
		}

		.ecArticleStock {
			font-size: 90%;
			padding: 5px;
			padding: 5px;
			color: #9b9b9b;
		}
		.ecArticleStock[data-vente="0"] {color: red;}

		.ecArticleStock::before{
			font-family : 'Font Awesome 5 Free';
			font-size : 120%;
			padding-right : 5px;
			font-weight: bold;
			content: '\f0d1';
		}
		.ecTarif {
			font-size : 250%;
			color : #ca3423;
			font-weight : 700;
		}
		.ecArticlePanier .ecTarif {
			font-size : 350%;
			color : #ca3423;
			font-weight : 800;
			margin-bottom: 20px;
			display: block;
		}
		
			.ecArticlePanier .ecTarifPromo {
				font-size : 350%;
				color : #ca3423;
				display : block;
				font-weight : 700;
			}
			
			.ecTarifNormal {
				font-size : 90%;
			}
			
			.unProduit .ecTarifPromo {font-size : 150%; font-weight : bold; display : block; width : 100%;}

			.ecTarifNormal {text-decoration : line-through; font-size : 80%; display : block; width : 100%;}
			
			.ecArticlePanier .ecTarifNormal { font-size : 140%; }
			
			.ecTarif {
				font-size : 150%;
				font-weight : 600;
			}
	
		#restePourFrancoPort {text-transform: uppercase; font-weight: 300}
		.ecArticleTitrePanier {
			font-weight : 700;
			text-transform : uppercase;
			display : block;
			margin-top :  30px;
			font-size : 120%;
		}
		
		.strongBigVert {
			color : #879f85!important;
			font-size : 130%;
			font-weight : 700
		}

		.ecVenteArticle{border-bottom : none;}

		.ecArticleSelectQuantiteLabel {
			font-weight : 600;
			padding-right: 5px;
		}
			
		.ecArticleSelectQuantite {
			max-width : 3em;
			padding : 10px 5px;
			border : 1px solid #9f9f9d;
			text-align: center;
		}
		
		.ecArticlePlus {border-top : 1px solid  #b9b7b7; }
		.ecModeles {display: block;}

		.ecAjoutPanier {
			color: #ca3423;
			display: inline-block;
			color  : #ca3423!important;
			font-size : 150%;
			padding-left : 10px;
		}

		.ecAjoutArticlePanierStyle, .ecFormInputSubmit  {
			background-color: #ca3423;
			color: #fff!important;
			text-transform : uppercase; 
			padding : 10px 20px;
			color : #fff;
			font-weight : 400;
			font-size : 130%;
			border : none;
			font-family: 'Open Sans', sans-serif;
			cursor : pointer;
			display : inline-block;
			margin : 0 0 20px 20px;
			appearance:none;
			-webkit-appearance:none; /* Safari and Chrome */
		}
			
			.unProduit .ecAjoutPanier {margin-top : 15px;}
			.ecAjoutArticlePanierStyle  {font-size : 110%; font-weight : 600;}
			
		.titreDesc {
			display : block;
			margin : 40px 0 20px 0;
			text-transform: uppercase;
			font-weight: 600;
		}
		
		.small {font-size : 80%;}
		.big {font-size : 120%;}
		
		.navIntProduit a{margin-bottom : 5px; margin-top : 20px; display : block; text-transform : uppercase; font-size : 80%; color : #88898b!important;}
		
		
		a.color_facebook{color : #3c5a99!important;}
		a.color_twitter{color : #1da1f2!important;}
		a.color_pinterest{color : #bd081b!important;}
		a.color_g_plus{color : #dc4a38!important;}
		
		.ecArticlePartage i{font-size : 120%;}
		.ecArticlePartage img{max-width : 15px;}
		
		.ecMontantEconomise {display : block; margin : 5px 0 15px 0; color : #F22508;}
		
		.titreDescPlusArticle {
			padding : 80px 20px;
		}

		.ecArticleModelesList {margin: 20px 0;}
			.ecArticleModelesList  div.selectStyle {
			    overflow:hidden; /* this hides the select's drop button */
			    padding:0; 
			    margin:0;
			    background: #fff url(/style/select-liste.gif) no-repeat right center ;
			    /* this is the new drop button, in image form */
			    width:40%; 
				border-radius:2px;
			    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
			    border: solid 1px #e8e8e8;
			    float: left;
			}

			.ecArticleModelesList  div.selectStyle:first-child { margin-right: 10px; }
				
			.ecArticleModelesList  div.selectStyle select {
			    width:115% /* this percentage effectively extends the drop down button out of view */;
			    background-color:transparent /* this hides the select s background making any styling visible from the div */;
			    background-image:none;
			    -webkit-appearance: none /* this is required for Webkit browsers */;
			    border:none;
				color : #696363;
			    box-shadow:none;
			    padding:0.3em 0.5em; /* padding should be added to the select, not the div */
				margin : 0;
			}
		
/* praticiens  distributeurs */
.carteVisite, .magasin {
	border : 1px solid #b9b7b7;
}
 .carteVisite span.ico,  .carteVisite a.ico {display : block; padding-top : 5px;  padding-bottom : 5px;}


.map {
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    margin-top: 10px;
}

.map > div {
    width : 100%;
    height: 200px;
    /*margin: 15px;*/
}

.googlemap {
    display: block;
    margin-top: 15px;
}

 
 .grid-sizer {
    width: 25%;
    padding: 20px;
    box-sizing: border-box;
    line-height: 1;
    float: left;
    position: absolute;
}


 .grid-sizer.padding10 {
    width: 25%;
    paddign : 10px;
}

 
/* =breadcrumb */
#breadcrumb {
    margin : 0 0 0 0px;
    font: 0.8em Verdana, sans-serif;
}

#breadcrumb ul, #breadcrumb li {display: inline; text-transform : uppercase;}
#breadcrumb span:after {content: "\0020 \3E";}
#breadcrumb li:last-child {font-weight: bold;}
	
	
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #BFCAD6;
  font-size: 40px;
  line-height: 20px;
  /*height: 25px;*/
  /*width: 100px;*/
  display: inline-block;
  margin: 0 auto;
  position: relative;
  padding: 0;
  /*text-shadow: 0px 1px 0 #a2a2a2;*/
}
.unProduit .star-ratings-css {margin-top : 5px; }
.ecArticleAvis .star-ratings-css {font-size : 50px;}

.star-ratings-css-top {
  color: #FC951D;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

/*** compte    *****************************************/ 
.menuCompteClient li{
	margin-bottom : 20px;
}
.menuCompteClient i {
	display : block; float : left; padding-right : 20px; min-width : 75px;
}

/*** caddie   *****************************************/ 
.nav-etape {
	display : flex;
	 flex-wrap: wrap;
	background : #ebebeb;
}
.nav-etape li{
  flex: 1 0 25%;
  padding: 10px;
  text-align : center;
  text-transform : uppercase;
  font-weight : 500;
}

.nav-etape li.actif{
	background : #879f85;
	color : #fff;
}
	
	.nav-etape li.actif a{color : #fff;}

	#caddie .footer {margin-top : 30px;}
	
.item-table {display : table;}
.item-header {display : table-header-group;}
.item-row {display : table-row;}
.item-thead, .item-cell {display : table-cell; box-sizing : border-box;}
.item-footer {display: table-footer-group;}


	#cadd-art {
		width: 100%;
		margin-bottom: 10px;
		border-collapse: collapse;
		empty-cells: hide;
	}

	#cadd-art .item-thead, #cadd-art .item-cell {
		border-bottom: 1px solid #E8E8E8;
	}

	#cadd-art .offre  .item-cell {}

	#cadd-art .item-thead {
		background: #E8E8E8;
		color: #fff;
		white-space: nowrap;
		padding : 5px;
		color : #8c8c8c;
	}

	.item-row .cadd-ref { width:10%; }
	.item-row .cadd-libelle { width:40%;}
	.item-row .cadd-pu { width:10%;}
	.item-row .cadd-qte { width:15%;}
	.item-row .cadd-total { width:10%;}
	.item-row .cadd-autre { width:15%;}

	/*.offre .libelle { width:75%;}*/

	.cadd-recap .item-row .cadd-ref
	{ width:15%; }
	.cadd-recap .item-row .cadd-libelle 	{ width:40%;}
	.cadd-valid .item-row .cadd-libelle 	{ width:55%;}

	.cadd-recap .item-row .cadd-libelle2
	{ width:20%;}
	.cadd-recap .item-row .cadd-pu ,
	.cadd-valid .item-row .cadd-pu
	{ width:15%; text-align : right;}
	.cadd-recap .item-row .cadd-qte ,
	.cadd-valid .item-row .cadd-qte
	{ width:15%; text-align : right;}
	.cadd-recap .item-row .cadd-total ,
	.cadd-valid .item-row .cadd-total
	{ width:15%; text-align : right;}

	#cadd-art .item-cell {
		text-align: center; padding : 20px 5px;
	}
	#cadd-art  .saut .item-cell {border: none;}


	/*#cadd-art .offre .item-cell {border-bottom : none;}*/

	#cadd-art .libelle {
		text-align: left;
		/* max-width: 250px;
		 width:expression(parseInt(this.offsetWidth) > 250 ? "250px" : true);*/
	}


	#cadd-art .libelle strong{
		color: #000;
		font-size: 1.3em;
		line-height: 1.1em;
		text-transform: uppercase;
		font-weight : 400;
	}

	#cadd-art .offre .libelle strong{font-weight : normal; text-transform : none; font-size : 1.0em;}


	#cadd-art  .libelle .stock{
		display: block;
		font-size: 90%;
		color: #ff0000;
	}

	#cadd-art  .remise .item-cell  {color: #f00; padding-left: 20px;}

	#cadd-art .label {text-align: left;}

	#cadd-art .cadd-ref img {
		display: inline;
		margin-right: 10px;
		vertical-align: middle;
		width: 100%;
		max-width : 100px;
	}

	#cadd-art .hide {border: none;}



	#cadd-art .delete, .table-total .refresh {text-align: center;}

	.table-total.refresh button, #caddie .bouton {
		border: none;
		background: transparent;
		cursor: pointer;
		color: #F22508;
		font-size: 1.1em;
	}

	#cadd-art  button:focus, #cadd-art  button:hover {color: #EAEAEA;}
	#cadd-art  strong {font-size : 1.1em;}

	#cadd-art .cadd-qte input[type=text]{
		background: none repeat scroll 0 0 #f5f5f5;
		color: #696363;
		font-weight: 500;
		padding: 0.3em 0.5em;
		border : none;
		text-align : center;
	}
	.table-total{
		width : 40%;
		margin: 20px 0 20px 0;
		float : right;
		border-collapse: collapse;
	}
	.table-total td{
		border : 1px solid #e8e8e8;
		padding: 20px 5px;
	}

	.table_avantages {border : none; margin : 0;}
	input[name=code_promo] {width : 100%; max-width : 190px; }
	
	.submitFormPromo {
		float : right;
		font-size : 90%;
		text-decoration : underline; 
		color : #879f85;
		border : none; 
		background : transparent;
	}
	.cadd-section .table-total{
		width : 45%;
	}

	.table-total .ecLabelCell{
		width : 67%;
	}

	.table-total .ecCodeAvantage .ecLabelCell{
		width : 67%;
	}


	.table-total .item-cell {
		border: 1px solid #E8E8E8;

		/*border-top: 1px solid #E8E8E8;*/
		padding: 20px 5px;
	}


	.table_avantages .item-cell {padding : 10px 5px 20px 5px;}

	.table_avantages .item-cell {border : none;}

	.recommandation-panier {text-align : right;   margin-bottom: 10px;}

	#cadd-cgv {display: none;}

	#cadd-cgv .cadd-cgv-page {
		width: 950px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -460px;
		background: #f0f0f0;
		font: 1em/1.1em Arial, sans-serif;
		text-align: left;
	}

	#cadd-cgv .cadd-cgv-header {
		height: 2em;
		padding: 0 8px;
		line-height: 1.8em;
		text-align: right;
		background: black;
	}
	#cadd-cgv .cadd-cgv-header a {color: white!important; font-size: 110%;}
	#cadd-cgv .cadd-cgv-content {height: 300px; overflow: auto; padding: 10px;}

	#cn-caddie-erreur {margin-bottom: 10px;}
	#cn-caddie-erreur p {margin-bottom: 4px!important;}
	#cn-caddie-erreur li {padding-left: 26px;}

	.ecModePaiement {margin-bottom: 10px;}
	
	.ecModePaiement:first-child {border-left : none;}
	.ecModePaiement {border-left : 1px solid #E8E8E8;}
	
	.ecModePaiementLogo {margin: 5px 0 0 16px;}
	.ecModePaiementLogo img {max-width : 100%;}
	.ecModePaiementDetail {padding: 0 10px;}
	.ecModePaiementDetail  p { margin: 0}

	#cadd-commander, .ecTerminerAchat  {float: right;}
	#cadd-continuer {float: left;}

	.cadd-section {
		margin-bottom: 1em;
		padding: 5px 0;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}

	.cadd-section .entete h3 {float: left;}
	.cadd-section .entete a {padding-left: 10px; color: rgb(242, 37, 8);}
	.cadd-section .entete a:before {content:"[";}
	.cadd-section .entete a:after {content:"]";}

	.cadd-confirm {
		padding: 5px;
		background: #ddd;
		line-height: 1.4;
		margin-bottom: 1em;
	}

	.cadd-warning {
		padding: 5px;
		background: #fbb30b;
		line-height: 1.4;
		margin-bottom: 1em;
	}

	#cadd-valid-cgv a {color: rgb(242, 37, 8);}

	#cadd-commande pre {
		font: italic 0.9em/1.1em Arial,sans-serif;
		letter-spacing: 1px;
		margin-bottom: 1em;
	}

	.ecCaddieSection {margin-bottom: 45px;}
	.ecCaddieSectionEntete {}
	.ecCaddieSectionEntete h3 {float: left;}
	.ecCaddieSectionEntete a {padding-left: 10px; color: rgb(242, 37, 8)!important;}
	.ecCaddieSectionEntete a:before {content:"[";}
	.ecCaddieSectionEntete a:after {content:"]";}
	.ecCaddieSectionDetail {clear: both;}

	.ecCaddieSection .ecCaddieSectionLivraison {
		float: left;
		width: 62%;
	}
	.ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonAdresse {
		border-right: 1px solid #b4b4b4;
		float: left;
		margin-right: 10px;
		max-width: 50%;
		padding-right: 10px;
	}
	.ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonMode {
		float: left;
		max-width: 40%;
	}
	.ecCaddieSection .ecCaddieSectionExpedition {
		float: right;
		width: 38%;
	}

	.ecCaddieSection.ecCaddieSectionLivraisonFacturation {border-top : 1px solid #E8E8E8; border-bottom : 1px solid #E8E8E8; padding-top : 20px; margin-top : 60px;}
			

	.ecCaddieSection .ecCaddieSectionExpedition .ecCaddieSectionContent, .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionContent {
		padding: 8px;
	}
	.ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionContent {
		margin-right: 8px;
	}
	.ecCaddieSectionLivraison {border-right : 10px solid #fff; box-sizing : border-box;  }
			 
	.ecFormInputSubmit[disabled] {
		opacity: 0.5;
		cursor: default;
		pointer-events: none;
	}
	
	.ecFormInputSubmitBig {font-size : 130%;}

	a.ecTerminerAchat {color : #000;}

	.ecTable {display: table; width: 100%;}
	.ecTableRow {display: table-row;}
	.ecTableCell {display: table-cell;}

	.ecLabelCell {text-align: left!important;}
	.ecEmptyCell {border:none!important;}

	.ecCodeAvantage td {border:none!important;}
	.ecCodeAvantageInfo {
		border: medium none !important;
		float: right;
		font-size: 95%;
		padding: 4px 0 0;
		width: 45%;
	}

	.ecCaddieCommentaire {width: 50%;}
	.ecCaddieCommentaire textarea {width:100%; height: 100px;}

	.ecCaddieValide {
		padding-left: 40px;
		vertical-align: bottom;
		text-align: right;
	}

	.ecAffiliation {width: 0px; height: 0px; visibility: hidden;}

	/* =commande */
	.commandes {
		width: 100%;
	}
	.commandes .item-header {
		background: none repeat scroll 0 0 #e8e8e8;
	}
	.commandes .item-thead, .commandes .item-row .item-cell {
		border-bottom: 1px solid #e8e8e8;
		padding: 20px 5px;
	}
	.commandes .item-footer .item-cell {
		padding: 20px 5px;
	}

		.commandes .item-footer .item-cell:first-child {
			text-align: left;
		}

	.commandes .item-thead.montant,
	.commandes .item-cell.montant,
	.commandes .item-footer .item-cell {
		text-align: right;
	}

	.commandes .item-thead.centre,
	.commandes .item-cell.centre {
		text-align: center;
	}

	.commandes .item-label {font-weight: bold;}

	.commandes .voir a {
		background: none repeat scroll 0 0 #e8e8e8;
		display: block;
		float: right;
		padding: 2px 5px;
	}
	.commandes .voir a:before {
		content: ">";
		font-size: 0.8em;
		padding-right: 5px;
	}
	.commande .statut {
		border-bottom: 3px solid #f22508;
		border-top: 3px solid #f22508;
		margin-bottom: 1em;
		padding-top: 0.8em;
	}
	.commande .regler, .commande .paiements {
		border-left-style: solid;
		border-left-width: 3px;
		margin: 0.8em 0;
		padding: 0 10px;
	}
	.commande .regler {
		border-left-color: #f22508;
	}
	.commande .paiements {
		border-left-color: #e0e0e0;
	}
	.commande .regler li, .commande .paiements li {
		border-bottom: 2px solid #e0e0e0;
		padding: 0.8em 10px;
	}
	
	#cadd-form button	{
		border : none; 
		background : none;
		cursor : pointer
	}
	
	.ecArticleQuantite  {
		font-size : 120%; font-weight : 600; 	border : none; 
		background : none;
		cursor : pointer 
	}
	.ecArticleQuantite:first-child {padding-right : 5px;}
	
	#cadd-form-refresh { font-size : 120%; color : #F22508;}

/*** expedition   *****************************************/ 

	
		/* types */

		.ecTypeExpedition {}

		.ecTypeExpedition-libelle {
			display: block;
			margin-bottom: 10px;
			box-sizing: border-box;
			padding: 10px;
			background: #F5F5F5;
			font-weight: bold;
			position: relative;
		}
		.ecTypeExpedition-libelle::after {
			content: '\25B6';
			position: absolute;
			right: 10px;
			font-weight: bold
		}
		.ecTypeExpedition-libelle.ecTypeExpedition--isOpen::after {
			content: '\25BC';
		}

		.ecTypeExpedition:nth-child(1n+2) .ecModesExpedition {
			display: none;
		}

		.ecModesExpedition {
			margin-bottom: 10px;
		}

		/* modes */

		.ecModeExpedition {
			padding: 10px;
			background: #FAFAFA;
			margin-bottom: 10px;
		}

		.ecModeExpedition .ecExpeditionOptions {
			display: none;
		}

		.ecModeExpedition.ecSelectionne {}

		.ecModeExpedition.ecSelectionne .ecExpeditionOptions{
			display: block;
		}

		/* points retraits */
		.ecPointsRetrait {display: table; width: 100%;}
		.ecPointsRetrait-table {
			display: table-row;
		}

		.ecPointsRetrait-liste, .ecPointsRetrait-carte {
			display: table-cell;
			vertical-align: top;
		}

		.ecPointsRetrait-liste {
			width: 30%;
		}

		.ecPointsRetrait-liste .ecListe {
			position: relative;
			height: 600px;
			overflow-y: scroll;
		}

		.ecPointRetrait {
			border-top: 1px solid #F0F0F0;
			padding: 10px;
			background: #FAFAFA;
		}

		.ecPointRetrait:first-child {border-top: none}

		.ecPointRetraitFerme {
			opacity: 0.5;
		}

		.ecPointRetrait.ecSelectionne {
			background-color: #f0f0f0;
		}

		.ecPointRetrait-adresse {
			position: relative;
		}

		.ecPointRetrait-adresse > strong {
			display: block;
			padding-right: 40px;
		}

		.ecPointRetrait-distance {
			position: absolute;
			top: 0;
			right: 0;
			font-weight: bold;
		}

		.ecPointRetrait-carte {float: left; display: none;}
		.ecPointRetrait-carte a:before {
			content : "\f041";
			padding-right : 5px;
			font-family : "Font Awesome 5 Free";
			font-weight: bold;
			font-size: 140%;
			line-height: 1;
		}

		.ecPointRetrait-horaires {font-size: 80%; padding: 10px 0;}
		.ecPointRetrait-horaires .ecTable { /*display: none;*/}
		.ecPointRetrait-horaires a:before,
		.ecPointRetrait-horaires strong:before {
			content : "\f017";
			padding-right : 5px;
			font-family : "Font Awesome 5 Free";
			font-size: 100%;
			line-height: 1;
		}



		.ecPointsRetrait-carte {
			width: 70%;
			padding-left: 10px;
		}

		.ecPointsRetrait-carte .ecMapCanvas {
			width: 100%;
			height: 600px;
		}

		.ecMarkerGetHoraires {}
		.ecMarkerSelectPoint {}

		/* offres (modes et points retraits) */

		.ecModeExpedition-entete {
			float: left;
			width: 80%;
		}

		.ecCustomRadio input {
			opacity: 0;
			position: absolute;
		}

		.ecCustomRadio input, .ecCustomRadio span {
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
		}

		.ecCustomRadio input + span::before {
			content: '';
			background: #fff;
			border: 2px solid #ddd;
			display: inline-block;
			vertical-align: middle;
			width: 20px;
			height: 20px;
			padding: 2px;
			margin-right: 10px;
			/*text-align: center;*/
		}

		.ecCustomRadio input + span::before {
			border-radius: 50%;
		}

		.ecCustomRadio input:checked + span::before {
			background: #ccc;
			box-shadow: 0px 0px 0px 4px #FFF inset;
		}

		.ecCustomRadio.ecCustomRadio-retrait {
			padding-left: 40px;
		}
		.ecCustomRadio.ecCustomRadio-retrait input + span::before {
			margin-left: -40px;
		}

		.ecModeExpedition-descriptif {
			padding: 10px 0 0 40px;
			line-height: 1.5;
		}

		/* aligner logo au sein du descriptif descriptif */
		.ecModeExpedition-descriptif img {
			vertical-align: middle;
		}

		.ecModeExpedition-tarif {
			float: right;
			width: 20%;
			text-align: right;
		}



		.ecExpeditionOptions {
			margin: 0 0 0 30px;
			border-top: 1px solid #777777;
			padding: 10px 0 0 0;
		}

		.ecExpeditionOption {}

		.ecExpeditionOption-choix {
			float: left;
			width: 50%;
		}

		.ecExpeditionOption-nom span {top : 4px; position : relative;}

		.ecExpeditionOption-input {
			vertical-align: bottom;
			position: static!important;
		}

		.ecExpeditionOption-descriptif {
			padding: 20px 0;
		}

		.ecExpeditionOption-erreur {
			color: red;
		}

		.ecExpeditionChoix {
			/*margin-right: 5px;*/
		}

		.ecExpeditionPicto {
			vertical-align: middle;
		}

		.ecExpeditionTarif {
			float: right;
		}

		.footer .ecmPoursuivreAchat {
			float : left;
		}

		.cn_phone .ecPointsRetrait-carte #map{display : none;}

		.mfp-content #map {
			background: #fff none repeat scroll 0 0;
			height: 350px;
			margin: 20px auto;
			max-width: 600px;
			padding: 10px;
			position: relative;
			width: auto;
		}
/*** footer  *****************************************/ 

	#form_footer_newsletter ul{vertical-align: middle;}
	#form_footer_newsletter input{border : none; padding : 4px 10px;}
	#form_footer_newsletter a {
		font-family: 'Road Rage', cursive;
		font-size : 300%; font-weight: 400;
	} 

	#rassurance a {display : block;}
	#rassurance strong {
		font-size : 120%;
		text-transform: uppercase;
	}
	
	.footer_mentions.bg_noir, .footer_mentions.bg_noir a:link, .footer_mentions.bg_noir a:visited {
		color : #9f9f9d; 
	}
	
	.nav-mentions li, .nav_rs li{
		display : inline-block;
	}

		.nav-mentions li a, .nav_rs li a{padding : 0 5px;}

		.nav-mentions li a {font-size : 90%;}

			.nav-mentions li a{border-left : 1px solid; }
			.nav-mentions li:first-child a{
				border-left : none; 
				padding-left :0;
			}
			
	.titre_footer {
		display :  block; 
		text-transform: uppercase;
		font-size : 110%;
		font-weight : 700;
	}
	
	.footer_mentions .titre_footer {padding-top : 5px; margin : 0;}
	
	footer.bg_noir, footer.bg_noir a:link, footer.bg_noir a:visited {
		color : #9f9f9d;
	}
	
	#catalogueFixe {
		position : fixed; 
		top : 50%; 
		right : 0;
		transform : translateY(-50%);
		z-index : 200;
	}
/*** titre *****************************************/
h1, .like_h1 {
	font-size : 520%;
	font-family: 'Road Rage', cursive;
	font-weight : 400;
	line-height : 1.2em;
	text-transform: uppercase; 
}

	.rotate {transform : rotate(-10deg);}
	.rotate.like_h1 {
		line-height: 0.8em;
		font-size: 410%;
	}

	h1.h1_big {
		font-size :280%;
	}
	h1.noMargin {margin-bottom : 10px; }
	
h2 {
	font-size : 150%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

	h2.like_h3 {
		font-family: 'Road Rage', cursive;
		font-size : 170%;
		font-weight : 800;
		margin-bottom : 10px; 
	}
	
	.ecLibelleRubriqueArticle h2.like_h3 {margin : 0;}
	
	.ecArticlePlus  h2.like_h3 {font-weight : 700; font-size : 110%;}
h3{
	font-size : 120%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
	.cadd-section h3, .ecCaddieSectionEntete h3{font-size : 140%;}
	.unProduit h3 {font-weight: 400;}

	h3.like_h1_big, h2.like_h1_big {
		font-size :280%;
		font-family: 'Road Rage', cursive;
		font-weight : 800;
		line-height : 1.1em;
		margin-bottom : 20px; 
	}
h2.noMargin {margin-bottom : 0px; }
	

h4{
	font-size : 1.2em;
}



/*** lien *****************************************/

a.btn_suite, .lienRubriqueAccueil a {
	display : inline-block; 
	text-transform : uppercase;	
	padding : 7px 20px;
	transition: all 1.2s;
	background: #ca3423;
	color : #fff!important;
	font-weight: 300;
	border : 1px solid transparent;
	text-decoration: none;
}

	a.btn_suite:hover, .lienRubriqueAccueil a:hover {
		background : #fff;
		color : #ca3423!important;
		border-color : #ca3423!important;
		text-decoration: none;
	}
	
		.cms-root a.btn_suite{
			font-size : 80%;
		}
	
	a.btn_vert {		
		color : #06382d;
	}
	
	
	a.btn_vert:hover, 
	a.btn_vert:focus {
		background : #06382d;
		color : #fff;
	}

	
	
	a.btn_suite_orange {		
		background : orange;
		color : #000;
	}
		

a.btn_conversion {
	border-bottom : 1px solid; 
	padding-bottom : 2px;
	text-transform : uppercase; 
}		
		

/*** actualites  *****************************************/

	.imgActu {
		display : block;
		height : 150px;
		overflow : hidden;
		position : relative;
	}	

		.imgActu img {
			max-height : 100%;
			margin : 0 auto;	
			position : absolute; 
			top : 50%; 
			left : 50%; 
			transform : translate(-50%,-50%);
		}
		
		
			.imgActu span{
				position : absolute; 
				top : 50%; 
				left : 50%; 
				transform : translate(-50%,-50%);
				text-transform : uppercase; 
				color : rgba(146,143,143,0.5);
				font-weight : 300;
				text-align : center;
				font-size : 95%;
			}
			
			.imgActu span::before{
				content : '\f030';
				font-family : Font Awesome 5 Free;
				display : block;
				font-size : 200%;
				color : rgba(146,143,143,0.5);
			}


/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}


.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    color: black;
    text-align: left;
}

#caddie-popup {text-align: center;}
	#articlePopupPanier {margin-bottom : 30px; text-align: left;}


#caddie-popup h2{
	font-size : 190%;
	margin-bottom : 15px;
}



body.cn-cookie-overlay {
	overflow: hidden;
	height: 100vh;
}

.cn-cookie {
	display: block;
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 99999;
	top : 0;
	left: 0;
	background : rgba(0,0,0,.5);
}

.cn-cookie-content {
	min-width: 320px;
	display: block;
	position: absolute;
	max-width: 500px;
	height: auto;
	z-index: 100000;
	font-size: 16px;
	line-height: 18px;
	top : 50%;
	left: 50%;
	padding : 20px;
	color: #000;
	background : #fff;
	transform : translate(-50%,-50%);
}

.cn-cookie strong {
	display : block;
	padding-bottom : 20px;
	font-size : 30px;
}

.cn-cookie p {padding-bottom : 20px;}

.cn-cookie a.btnDenyCookies {
	display: block;
	padding-bottom : 10px;
	text-align: center;
	text-decoration: underline;
	color : #8c8c8c!important;
}

.cn-cookie a.btnAcceptCookies,
.cn-cookie a.btnDetailsCookies {
	display: block;
	width : 100%;
	margin-bottom : 10px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	outline: none;
}

.cn-cookie a.btnAcceptCookies {
	background : #000;
	color : #fff!important;
}

.cn-cookie a.btnDetailsCookies {
	border : 1px solid;
	color : #000!important;
}

.js .no-js {display : none;}

.gammeAccueilResponsive {
	display : none;
}

.gammeAccueilResponsive a{display : block;}


/* commentaires clients */

.ecCommentTitre {display: inline-block; font-weight: bold;}
.ecCommentDate {display: inline-block; color: #999;}
.ecCommentAuteur {margin: 4px 0;}
.ecCommentTexte {}
.ecCommentTexteLabel {display: none;}

.ecPoll {display: inline-block}
select+.ecPoll {padding-left: 10px; vertical-align: bottom}

.ecPoll-0 {
	width: 37px;
	height: 32px;
	background: transparent url(ecommerce/avis/poll.png) no-repeat;
	float: left;
}

.ecPoll-0 {display: block;}
.ecPoll-1 {background-position: 0 -82px;}
.ecPoll-2{background-position: 0 -164px;}



/*********************** responsive  ***************************************/

.article {
	grid-gap: 20px;
	display: -ms-grid;
	display: grid;
	height: 100%;
	-ms-grid-columns: 33.33% 20px 1fr 20px 33.33%;
	grid-template-columns:33.33% 1fr 33.33%;
	-ms-grid-rows: auto 20px 1fr 20px auto;
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
		"photo libelle libelle"
		"photo descriptif panier"
}

.article_photo {
 /* -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;*/
  grid-area: photo;
}

.article_photo .img_100{
	width : 100%;
	max-width: inherit;
}

.article_libelle {
 /* -ms-grid-row: 1;
  -ms-grid-column: 3;*/
  grid-area: libelle;
}

.article_panier {
 /* -ms-grid-row: 1;
  -ms-grid-column: 5;*/
  grid-area: panier;
}
.article_descriptif {
 /* -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;*/
  grid-area: descriptif;
}
.article_rassurance {
 /* -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;*/
  grid-area: rassurance;
}


/* Common styles of menus */

.dl-navdeploy {overflow : hidden;}

.dl-menu-resp {
	display : none;
	position: absolute;
	left : 0;
	top : 0;
	width: 100%; 
	z-index : 500;
}

.dl-submenu {
    height: calc(100vh - 46px);
}
/*scrool bar chrome */
.dl-submenu { overflow: hidden; }
.dl-subviewopen > .dl-submenu { overflow: auto; }


.dl-menuwrapper {
	width: 100%;
	float: left;
	position: relative;
	z-index : 500;  
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #879f85;
	border: none;
	position: relative;
	cursor: pointer;
	/*width: 46px;*/
	height: 46px;
	color : #fff;
	padding : 0px 10px 5px 45px; 
	font-size : 150%;
	z-index : 300;  
	outline: none;
	font-family: 'Lato', sans-serif;

}


.dl-menuwrapper button span{
	text-transform: uppercase;
	font-size : 45%;
	font-weight: 300;
}
.dl-menuwrapper button::after {
	position: absolute;
	left : 10px; 
	top: 0;
	line-height: 50px;
	font-family: 'Font Awesome 5 Free';
	speak: none;
	content: "\f0c9";
	font-weight : bold;
}


.dl-menuwrapper button.dl-active::after {
	content: "\f00d"; font-size : 75%; padding-left : 10px;}


.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}


.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a, .dl-menuwrapper li span {
	display: block;
	position: relative;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-weight:300;
	font-size : 90%;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover, .no-touch .dl-menuwrapper li span:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
	font-weight: 900;
}


.dl-menuwrapper li > span:not(:only-child):after, 
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'Font Awesome 5 Free';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f0da";
	font-weight : bold;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after, .dl-menuwrapper li > span:after  {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	/*margin: 5px 0 0 0;*/
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	height: calc(100vh - 46px);
	overflow: scroll;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > span,
.dl-menu.dl-subview li.dl-subview > span,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #879f85;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #879f85;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}



/*** filtres ***/


#selection {
	display: inline-block;
}

.tag {
    line-height: 1em;
    color: #333;
    font-weight: 300;
    padding: 5px 10px;
    margin: 0 5px 10px 0;
    display: inline-block;
}

.tag-retire {
	cursor : pointer;
	padding : 0 6px;
	font-size: 110%;
	font-family: 'Lato', sans-serif;
    border: none;
    background-color: transparent;
}

#selectionArticles {transition : 5s;}
	.list_perso {background : #f1f0eb;}

	.list_perso select{ 
		border: none; background: none;	
		padding : 10px 15px; 
		text-transform: uppercase;   
		font-family: 'Open Sans', sans-serif;
  		font-weight: 400;
		
	}

	#affiche-recherche-avancee {
		/*position : fixed; 
		bottom : 0px; 
		left : 50%; */ 
		font-size: 100%;
		text-transform: uppercase;
		background: #f1f0eb;
		color : #000;
		display: inline-block;
		padding : 10px 15px;
		z-index : 30;
		transform: translateX(-50%);
		/*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);*/
	}
	/*.tags_filtres {display: none;}*/
	.close-recherche, .recherche-avancee-btn-bas{ display: block; }
	.close-recherche{ text-align: right; color: #fff !important;}
	.recherche-avancee-btn-bas {
	/*	position: absolute;
		z-index : 45;
		bottom : 0;
		padding : 0; 
		left : 0; 
		background: #fff;
	*/
		width: 100%;
	}

	.resultat-recherche-btn {
		padding : 10px 20px;
		font-weight: 400;
		text-align: center;
		display: block;
		text-transform: uppercase;
		background: #ca3423;
		color : #fff!important;
	}
	#form_rubriques {display: block;}
	
	#recherche-avancee {
		position: fixed;
		height: 100vh;
		background: #879f85;
		width: 100%;
		max-width: 400px;
		top : 0; 
		right : -100%;
		transition : all 0.5s; 
		text-align: left;
		color : #fff;
		padding : 50px 20px  20px 20px;
	}

	#recherche-avancee.recherche-avancee-ouvert {
		
		right : 0px;
		z-index :90;
	}

	#recherche-avancee form {
		overflow-y: auto;
		height: 100%;
		padding-right: 20px;
	}
	.filtre-ouvert {overflow-y: hidden;}
	#recherche-avancee::-webkit-scrollbar {
		display: none;
	}


	#recherche-avancee .filtres li{ padding : 5px 0; display: block;}
	#recherche-avancee .filtres > li
	{ border-bottom: 1px solid #eaebe8;  padding : 10px 0;}

	.filtres.padding {
	  text-align: left;
	  padding : 20px 0;
	}

	.filtres  li a{	
		color : #ffffff!important;
		font-family: 'Road Rage', cursive;
		font-size : 250%;
		font-weight: 400;
		pointer-events: initial;
		text-transform: uppercase;
		display: block;
	}
	.filtres li a::after {
		  content: "\f078";
		  font-family: "Font Awesome 5 Free";
		  font-weight: bold;
		  padding-right: 5px;
		  padding-top : 12px;
		  font-size: 50%;
	 }

	.filtres li a::after {
		float: right;
		transition: all 0.5s;
		content : "\f067";
	}

	.filtres li a.ouvert::after {
		content : "\f068";
	}

	.filtres ul {
		display: none;
	}

	.rubrique-filtres span {display: initial;}

	
@media all and (max-width: 1280px) {
	#top h1 {display : none;}
	.leLogo h1{max-width : 300px;}
}
.btn_exclu_revendeurs {position : absolute; top : 60px; right : 10px;}
@media all and (max-width: 1000px) {

	#top, header .nav-caddie, a.btn_exclu_revendeurs  {display : none;}
	
	
	h1 {margin-bottom : 0;}
	nav {display : none;}
	
	#logo .img_100 {margin : 30px auto;}
	header h1 {font-size: 95%; width : 75%; margin : 0;  padding: 10px 10px 0 10px}
	header h1 i{font-size: 80%;}
	
	header.section {
		padding-top : 40px;
		padding-bottom : 0px;
	}
	
	nav {display : none;}
	
	.footerMenu, .nav-caddie {display: block;}
	
	.footerMenu .nav-caddie .ico::before{color : #879f85;}
	
	#headerMobile {position: fixed; top : 0; width: 100%; background: #879f85;  height : 46px; z-index : 500; display: block; }

	#headerMobile .nav-caddie {
		float : none; 
		width : 100%;
		padding-top : 12px; 
		top: 0;
		right: 0;
		position: static;
	}
	#headerMobile .nav-caddie li{vertical-align: middle;} 
	#headerMobile .nav-caddie a{ z-index : 550; position : relative; color : #fff!important;}

	#top .navTop, .display_block.block_menu_boutique, .nav-sec {
		display : none!important;
	}
	.dl-menu-resp {
	  display: block;
	}

 
}

@media all and (max-width: 800px) {

	.flex1-4.unProduit {width : 50%;}
	.flex1-3.rubriqueAccueil {width : 50%;}
	.flex1-4.blocRubrique {width : 100%;}
	.blocRubrique .bg_noir {background-size : cover;}
		
		.cacheMobile {display : none;}

	.imgSlideCacheRs {display : none;}
	.photo_produit {max-width: 350px;}	

	.flex1-2-800 {width : 50%;}
	.top_bottom_blanc {padding : 20px;}
	.bg_top_bottom_blanc::after {display : none;}
	.imgIllustration {display: none;}

}

@media all and (max-width: 620px) {

	footer .flex1-3, .displayBlockRS.flex1-2 {display: block;}
	#recherche-avancee {
		max-width: inherit;
	}

	.rotate.like_h1 { font-size : 300%;}

	.btn_suite.cacheMobile, nav.bg_blanc {display : none;}
	
	 .xf .footer input.ecFormInputSubmit[type="submit"],  input.ecFormInputSubmit[type="submit"] , #caddie-popup .ecFormInputSubmit {font-size : 120%;}
	
	.ecArticleVignette {
		max-height: 250px;
		min-height: inherit;
	}
	
	.ecArticleVignette .img_100 { max-height : 250px;}
		
	.gammeAccueilResponsive {
		display : block;
	}
	.titreDescPlusArticle {padding : 20px;}
	.titreDescPlusArticle h1.align_right {text-align: left; margin-bottom : 0;}
	.popup-gallery  {margin-bottom : 10px;}
	/*.popup-gallery  .img_100{max-height : 250px;}*/
		.ecArticleAvis {
			display : none;
		}

	.ecArticlePanier {
		padding-top : 20px;
	}
	.page {padding : 0;}
	.col1-2, .col1-3, .col2-3, .col1-4  , .col3-4  {float : none; width : 100%; }
	
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;}

	.flex1-2-800 {width : 50%;}

	.flex1-3.rubriqueAccueil {width : 100%;}
	
	#rassurance .col1-4 {
		float : left; 
		width : 50%;
	}
	
	/** panier **/

	fieldset.float_left {
		float : none;
	}


	.ecAjoutArticlePanierStyle  {margin : 30px 0;}
    
    .nav-etape {display : none; }
	
	 .table-total, .cadd-section .table-total  {width : 100%; }

    .table-total .item-row .cadd-qte { width:33.33%; margin-top : 10px;}
    .table-total .item-row .cadd-total { width:33.33%; margin-top : 10px;}
    .table-total .item-row .cadd-autre { width:33.33%; margin-top : 10px;}
    .table-total .item-cell {border : none; padding : 2px 5px;}
    .table-total  .item-row { border-bottom: none; border-top: 1px solid #e8e8e8; padding : 2px 5px;}

    .table-total .ecLabelCell, .table-total .ecTotalCell,
    .cadd-section .table-total .ecLabelCell  {width : 50%;}
    .table-total  { border-top: 1px solid #e8e8e8;}
    .table_avantages  {  border-top: none;}
    .table-total  .item-row:first-child { border-top: none; }
    .table-total .item-row {padding : 2px 0;}
    .table-total .ecTotalCell {text-align : right;}

    .ecCaddieSection .ecCaddieSectionLivraison {margin-bottom : 15px; border-right : none; border-bottom : 10px solid #fff;}
    .ecCaddieSection .ecCaddieSectionLivraison, 	.ecCaddieSection .ecCaddieSectionExpedition,
    .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonAdresse, .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonMode  {
        float: none; width: 100%;   max-width: 100%;
    }
	
    .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionContent {margin-right : 0;}
    .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonAdresse {border : none; margin : 0; }

    .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonMode  {border-top: 1px solid #e8e8e8; padding : 5px 0px; margin-top : 5px;}

    .ecCodeAvantageInfo {width : 100%; float : none;}
    .recommandation-panier {
        text-align: left;
    }

    #cadd-commander, a.ecmPoursuivreAchat, a.ecmRetourAccueil {float : none;  width: 100%; padding : 10px 5px;}
    .ecFormInputSubmit, a.ecmPoursuivreAchat,  a.ecmRetourAccueil {width : 100%; box-sizing : border-box; display : block; }

    #cadd-continuer, .footer .btn_suite, #caddie-popup a.btn_suite {
		float: none;
		display: block;
		text-align : left;
		width: 100%;
		margin: 10px 0 0;
		font-size: 80%;
	}
    .table-total .ecCodeAvantage .ecLabelCell {width : 100%;}
    .table-total .ecCodeAvantage .item-cell  {width : 100%;}

    #caddie-popup a.ecTerminerAchat, #caddie-popup a.ecmPoursuivreAchat {float : none; width : 100%; box-sizing : border-box;  display: block;}
    #caddie-popup a.ecTerminerAchat {text-align : right;}

    a.ecmRetourAccueil, a.ecmPoursuivreAchat, a.ecTerminerAchat { margin-top : 20px;}
    a.lire_la_suite, a.ecmPoursuivreAchat, a.ecmRetourAccueil {
        padding : 5px;
    }

    .ecFormInputSubmit, .ecTerminerAchat {padding : 5px 10px;}


    .commandes .item-header{display : none;}
    .commandes,
    .commandes .item-row,
    .commandes .item-thead,
    .commandes .item-cell,
    .commandes .item-footer {display :block; box-sizing : border-box; float : none; width : 100%; 	box-sizing: border-box;}

    .commandes  .item-row {
        border-bottom: 1px solid #e8e8e8;
        padding: 10px 0;
    }

    .commandes .item-cell {width : 100%; float : none; border : none; padding : 2px;}
    .commandes .numero_commande:before {font-weight : bold; content : "Commande N\00B0 : "}
    .cn_en.commandes .numero_commande:before {font-weight : bold; content : "Order N\00B0 : "}
    .cn_de.commandes .numero_commande:before {font-weight : bold; content : "Bestellung N\00B0 : "}
    .commandes .date_commande:before {font-weight : bold;  content : "Date : "}
    .cn_en.commandes .date_commande:before {font-weight : bold;  content : "Date : "}
    .cn_de.commandes .date_commande:before {font-weight : bold;  content : "Datum : "}
    .commandes .montant:before {font-weight : bold;  content : "Montant : "}
    .cn_en.commandes .montant:before {font-weight : bold;  content : "Amount : "}
    .cn_de.commandes .montant:before {font-weight : bold;  content : "Betrag : "}
    .commandes .statut:before {font-weight : bold;  content : "Statut : "}
    .cn_en.commandes .statut:before {font-weight : bold;  content : "Status : "}
    .cn_de.commandes .statut:before {font-weight : bold;  content : "Status : "}

    .ecCaddieValide, .ecCaddieCommentaire {display : block; width : 100%;}
    .ecCaddieValide {
        margin-top : 15px;
        padding-left: 0px;
        text-align: left; }

	.ecModeExpedition-tarif, .ecModeExpedition-entete  {float : none; width : 100%;}
	.ecModeExpedition-tarif {font-size : 120%;}
    .ecPointsRetrait-carte #map {display : none;}
    .ecPointRetrait-carte {display: block;}
    .ecPointsRetrait-liste, .ecPointsRetrait-carte, .ecExpeditionOption-choix { float : none; width : 100%; }
    .ecPointsRetrait-liste, .ecPointsRetrait-carte, .ecPointsRetrait-table {display : block;}

    .ecPointsRetrait-liste .ecListe {
		position: relative;
        height: auto;
        overflow-y: inherit;
    }
    .ecPointsRetrait-carte {padding-left : 0;}

    .cn_phone .ecPointsRetrait-carte #map{display : none;}
	
}

@media all and (max-width: 550px) {
	
	.topNavBoutique li.nav-therapeute-mobile {display : none;}
		.flex1-4.unProduit {width : 100%;}
	.flex1-3.rubriqueAccueil {width : 100%;}
	.unProduit {text-align : center; margin-bottom : 30px;}
	.unProduit .flex1-2{
		justify-content: center;
		align-items: center;
	}
	
	/** panier **/
	#item-table-intro {display : none;}

	.item-table,
    .ecTableRow ,
    .ecTableCell,
    .item-header,
    .item-row,
    .item-thead, .item-cell {display :block; box-sizing : border-box; float : left;}

    .cadd-recap .item-row .cadd-ref  { width:20%; }
    .cadd-recap .item-row .cadd-libelle { width:80%; }
    /*.cadd-recap .item-row .cadd-libelle2 { width:30%; }*/

    #cadd-art .item-cell {display :block; box-sizing : border-box; float : none; width : 100%; margin : 0;}

    #cadd-art  .item-row .cadd-ref  {display : none; }
    .item-row .cadd-libelle,
    .item-row .cadd-libelle2,
    .item-row .cadd-pu,
    .item-row .cadd-qte,
    .item-row .cadd-total
    { width : 100%;}
    #cadd-art .item-row .cadd-total {font-weight : bold; text-align: right;font-size : 1.4em; }
    #cadd-art .item-row .cadd-total:after  {content : ' €';}
    #cadd-art .item-row .cadd-libelle {font-size : 1.1em; padding-right: 25px;}
    .item-row {position : relative; }

    #cadd-art .item-row .cadd-pu:before { content:"Prix unitaire : ";}
    .cn_en #cadd-art .item-row .cadd-pu:before { content:"Unit price : ";}
    .cn_de  #cadd-art .item-row .cadd-pu:before { content:"Einheitspreis : ";}
    #cadd-art .offre .cadd-pu:before, #cadd-art .offre .cadd-pu { display : none;}
    #cadd-art  .item-row .cadd-qte:before { content:"Quantité : ";}
    .cn_en  #cadd-art  .item-row .cadd-qte:before { content:"Quantity : ";}
    .cn_de #cadd-art  .item-row .cadd-qte:before { content:"Menge : ";}
    #cadd-art  .offre .cadd-qte:before, #cadd-art  .offre .cadd-qte{ display : none;}
    /*	.item-row .cadd-total:before { content:"Total : ";}*/


    .cadd-recap .item-row .cadd-qte, .cadd-valid .item-row .cadd-qte,
    .cadd-recap .item-row .cadd-total, .cadd-valid .item-row .cadd-total,
    .cadd-recap .item-row .cadd-pu, .cadd-valid .item-row .cadd-pu { width:33.33%; margin-top : 10px;}

    /*.item-row .cadd-total { width:35%; margin-top : 10px;}*/

    #cadd-art .item-row .cadd-autre { position : absolute; top : 10px; right : 0; width: 15px; padding : 0;}
    #cadd-art .item-row .cadd-autre  	a{margin-right : 0; }

    .item-header {display : none;}
    .item-row { border-bottom: 1px solid #e8e8e8; padding : 10px 0; width : 100%;}
    #cadd-art .item-thead, #cadd-art .item-cell {border : none; padding : 2px 5px;}

    .ecArticleQuantite { height : 24px; width : 24px; margin-left : 15px;}


    #cadd-form .ecFormInputSubmit { margin-top : 15px;}


    .ecCaddieCommentaire {
        width: 100%;
    }

    a.ecmRetourAccueil, a.ecmPoursuivreAchat, a.ecTerminerAchat { margin-top : 20px;}

    .commandes .statut {
        clear : left;
    }

	#cadd-art .item-cell { text-align: left;}
    .commandes .item-cell {width : 100%; float : none; border : none; padding : 2px;}
    .commandes .numero_commande:before {font-weight : bold; content : "Commande N\00B0 : "}
    .cn_en.commandes .numero_commande:before {font-weight : bold; content : "Order N\00B0 : "}
    .cn_de.commandes .numero_commande:before {font-weight : bold; content : "Bestellung N\00B0 : "}
    .commandes .date_commande:before {font-weight : bold;  content : "Date : "}
    .cn_en.commandes .date_commande:before {font-weight : bold;  content : "Date : "}
    .cn_de.commandes .date_commande:before {font-weight : bold;  content : "Datum : "}
    .commandes .montant:before {font-weight : bold;  content : "Montant : "}
    .cn_en.commandes .montant:before {font-weight : bold;  content : "Amount : "}
    .cn_de.commandes .montant:before {font-weight : bold;  content : "Betrag : "}
    .commandes .statut:before {font-weight : bold;  content : "Statut : "}
    .cn_en.commandes .statut:before {font-weight : bold;  content : "Status : "}
    .cn_de.commandes .statut:before {font-weight : bold;  content : "Status : "}

    .table-total .item-total-regler big{font-size : 150%;}
    /*.table-total-recap   {border-collapse : collapse;}
    .table-total-recap  .item-cell{ border-left : 1px solid #e8e8e8; border-bottom : 1px solid #e8e8e8;  padding : 5px 5px; }
    .table-total-recap  .ecTotalCell{ border-right : 1px solid #e8e8e8;  }
    .table-total-recap  .item-cell{ border-left : 1px solid #e8e8e8; padding : 10px 5px }
    .table-total-recap .item-row { border : none; padding : 0; }
    */

    .ecCaddieValide {padding-left : 0; text-align : left; }*
	
	.ecLabelCell .align_right {text-align : left;}
	.ecModePaiement {border : none;}	
	.article {
		padding : 20px;
	 grid-gap: 20px;
	  display: block;
	  height: 100%;
	  grid-template-columns: 25% 1fr 25%;
	  grid-template-rows: auto 1fr auto;
	  grid-template-areas:
		"photo libelle panier"
		"photo descriptif rassurance"
		"photo descriptif rassurance";
	}

}

/* planning */
div.planning {}

	div.planning select {
		width: 100%;
		display: block;
	}

/* body (wrapper) 
.cnBodyWrapper {
	position: relative;
	overflow: hidden;
}
*/
/* overlay */
body.is--masked {
	width: 100%;
	height: 100vh;
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
}

	body.is--masked::before {
		content: '';
		position: fixed;
		z-index: 800;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .8;
		background-color: #1a1919;
		pointer-events: all;
		transition: all 0.4s ease-in-out;
	}

/** mini panier **/

.ecPanierMini {
	position : absolute;
	z-index : 900;
	top : 0;
	right : -100%;
	width: 100%;
	max-width : 520px;
	height : 100%;
	padding : 0;
	color : #000;
	background: #fff;
	transition: all 0.4s ease-in-out;
}

	.ecPanierMini.is--opened {right : 0;}

	.ecPanierMini-content {
		position: relative;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

		/* flex children */
		.ecPanierMini-main {
			display: flex;
			flex: 1;
			min-height: 0px;/* important, for non-chrome browsers */
		}

		.ecPanierMini-footer {
			height: 150px;
			padding: 20px;
			display: flex;
			flex-wrap: wrap;
			text-transform: uppercase;
			font-weight: 300;
			background : #d7cdbc;
		}

		/* main wrapper (for overflowed content) */
		.ecPanierMini-mainWrapper {
			flex: 1;
			overflow: auto;
		}

		/* main:header */
		.ecPanierMini-header {
			padding: 20px;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			font-size : 180%;
			font-weight: 300;
			text-transform: uppercase;
		}

			.ecPanierMini-titre {flex-grow: 2;}
			a.ecPanierMini-close:link, a.ecPanierMini-close:visited {color : #000;}

		/* main:info & detail */

			.ecPanierMini-info, .ecPanierMini-detail {padding: 20px;}

				.ecPanierMini-article {
					display: flex;
					flex-wrap: nowrap;
					border-bottom : 1px solid #d5d3d2;
				}

					.ecPanierMini-articleVisuel, .ecPanierMini-articleTarif {
						width: 25%;
						padding: 20px;
						text-align: center;
					}

						.ecPanierMini-articleLien:link,
						.ecPanierMini-articleLien:visited {
							color : #000;
							text-decoration: none;
						}

						.ecPanierMini-articlePhoto {
							line-height : 1;
							width : auto;
							max-width : 100%;
							max-height: 120px;
						}

					.ecPanierMini-articleDetail {
						width: 50%;
						padding: 20px;
					}

						.ecPanierMini-articleLibelle,
						.ecPanierMini-articleConfig {display: block}

						.ecPanierMini-articleConfig {font-size: 80%}

					.ecPanierMini-articleQuantite {
						display: flex;
						font-size: 80%
					}

						.ecPanierMini-articleQuantite button {
							border: none;
							width: 25px;
							height: 25px;
							background: #f6f5f4;
							color: black;
						}

						.ecPanierMini-articleQuantite input {
							width: 40px;
							border: 1px solid #f6f5f4;
							padding: 2px;
							text-align: center;
						}



			.ecPanierMini-labelTotal {
				width: 66.66%;
				pading: 20px;
			}
			.ecPanierMini-montantTotal {
				width: 33.33%;
				pading: 20px;
			}
			.ecPanierMini-poursuivre, .ecPanierMini-voir {
				width: 50%;
				pading: 20px;
				font-size : 80%;
			}

			.ecPanierMini-montantTotal, .ecPanierMini-voir {text-align: right}
			.ecPanierMini-poursuivre {font-size : 80%;}

			
.img_limit img {max-width: 100%;}