/*** 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%;    min-height: 100vh;
  min-height: -webkit-fill-available;}
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{
	height: -webkit-fill-available;
	font-family: 'Source Sans 3', sans-serif;
	font-weight : 400;
	font-size: 1.6em;
}

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

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

 .page_min {max-width : 950px}

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

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


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

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

.flex_page_demi,
.flex1-1,
.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-5,
.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%;}
.flex1-5{width: 20%;}

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

.flex_page_demi {
    max-width: 600px;
}

.flex_right {
    justify-content: right;
}

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

.flex-espace {
    margin: auto
}

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

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

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

.marginAuto { margin : 1px auto; }
.paddingNoBottom {padding-bottom : 0;}
/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #1c1c1a; color : #9f9f9d;}
.bg_gris_clair2 {background-color : #ebebeb; color : #000;}
.bg_gris_clair {background-color : #f9f9f7; color : #000;}
.bg_blanc {background-color : #fff; color : #000;}
.bg_noir {background-color : #292927; color : #fff;}
.bg_bleuNoir {background-color : #08372f; color : #fff;}
.bg_vert_transparent_plus {background : rgba(20,65,35,0.2); color : #000;}
.bg_vert_fonce {background : #144123; color : #fff;}
 
.bg_vert_transparent_plus a:link, .bg_vert_transparent_plus a:visited, 
.bg_gris_clair2 a:link, .bg_gris_clair2 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_vert_fonce a:link, .bg_vert_fonce a:visited, 
.bg_bleuNoir a:link, .bg_bleuNoir a:visited {color : #fff;} 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #9f9f9d;} 

.cmsArticleDescBloc a:link, .cmsArticleDescBloc a:visited {border-bottom: 1px dotted #144123;}
.cmsArticleDescBloc a:focus, .cmsArticleDescBloc a:hover {color: #144123;}

.section {padding :40px 0;}
.sectionSmall {padding : 10px 0;}
.sectionPaddingNone {padding : 0;}
.sectionNoBottom {padding-bottom : 0;}
.img_100, .cmsArticleDesc img {
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}


	.img_cover {
		display: block;
		width: 100%;
		height: 100%;
		object-position: center;
		object-fit: cover;
	}


#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 : #144123;}

/*** header  *****************************************/
	
/*** header  *****************************************/
	
	
	#top {padding : 5px 0; font-size : 95%;}
	
	#top h1 {
		font-family: 'Source Sans 3', sans-serif;
		font-weight : 400;
		font-size : 100%;
		margin-bottom : 0;
	}

	a#logo .img_100{
		display : block;
	}
	header.section {padding : 10px 0;}
	header .like_h1 {
		font-family: 'Source Sans 3', sans-serif;
		font-weight : 500;
		text-transform : uppercase; 
		font-size : 100%; 
		padding : 35px 20px;
		margin-bottom : 0;
		line-height : 1.3em;
	}
	
	header .like_h1 i{font-style : normal; font-weight: 300}
	header .like_h1 strong{
		font-weight : 800;
		font-size : 150%; 
		text-transform : none;
	}
	
	.nav-caddie a{
		text-transform : uppercase;
		font-weight: 300;
	}
	
	#nav-panier  {position : relative;}
	
	#nav-panier::after { 
		padding: 5px;
		border-radius: 30px;
		color: #fff;
		content: attr(data-compteur);
		font-size: 11px;
		margin-top: -13px;
		min-width: 16px;
		padding: 2px;
		position: absolute;
		text-align: center;
		background: black;
		right: -10px;
	}
	
	#nav-panier[data-compteur="0"]:after {
		display: none;
	}
	
.headerMobile, .topBoutique {display : none;}
	
/*** menu *****************************************/

	nav {
		border-top : 1px solid #000;
		border-bottom : 1px solid #000;
		padding :  0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		position : relative; 
		z-index : 400;
	}
	
	
	nav.nav-fix {
		max-width: none;
		position: fixed;
		top: 0;
		width: 100%;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-o-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=5);
	}
	
	nav.nav-intemediaire {
		top : -40px;
	}
	
	nav li {
		display : inline-block; 
	}
		nav li a{
			display : block; 
			padding : 10px 30px; 
			font-weight : 500;
			text-transform : uppercase;
			transition: all .5s ;
		}
		
		nav li a.afficheSubNav:focus, nav li a.afficheSubNav:hover,
		#dossier nav li#nav-mtc a, 
		#contact nav li#nav-contact a, 
		#accueil nav li#nav-accueil a, 
		nav li a.active {
			text-decoration : none;
			background : #292927;
			position: relative;
			z-index: 600;
			color : #fff;
		}
		
		nav li:focus > div, nav li:hover  > div {
			display : block;
		}
		
		.color_sante {color : #3b8189;}
		
		/* #bg_bienetre, #bg_82, 
		#bg_sante, #bg_81, 
		#bg_cures, #bg_84, 
		#bg_beaute,  #bg_83 { */
		.ec-root-81 li#nav-sante > a, 
		.ec-root-81 li.navActive  a, 
		nav li#nav-sante a:focus, nav li#nav-sante a:hover {
			background : #3b8189;
			color : #fff;
		}
		
		.color_bien_etre{color : #013760;}
		
		.ec-root-82 li#nav-bienetre > a, 
		.ec-root-82 li.navActive  a, 
		nav li#nav-bienetre a:focus, nav li#nav-bienetre a:hover {
			background : #013760;
			color : #fff;
		}
		
		.color_beaute{color : #ca9a83;}
		
		.ec-root-83 li#nav-beaute > a, 
		.ec-root-83 li.navActive  a, 
		nav li#nav-beaute a:focus, nav li#nav-beaute a:hover {
			background : #ca9a83;
			color : #fff;
		}
		
		.ec-root-84 li#nav-cures > a, 
		.ec-root-84 li.navActive  a, 
		nav li#nav-cures a:focus, nav li#nav-cures a:hover {
			background : #587034;
			color : #fff;
		}
		
		.ec-root-106 li#nav-gammes > a, 
		.ec-root-106 li.navActive  a, 
		nav li#nav-gammes a:focus, nav li#nav-gammes a:hover {
			background : #292927;
			color : #fff;
		}
		
		
		nav li a.active {
			border-left : 1px solid;
			border-right : 1px solid;
		}

		nav .page {position : relative;}		
		
		nav .subNav {
			background : #f5f6f8;
			position : absolute;
			top: 41px; 
			left : 0;
			right : 0;
			border : 1px solid; 
			z-index: 500;
			text-align: left;
			padding : 50px;
			display : none;
		}	
	
	
	
		.titre_subNav  {
			font-size : 200%;
			font-weight : 700;
			text-transform : uppercase;
			display : block;
			margin-bottom : 20px;
		}
		
		.list_subNav   {
			-moz-column-gap: 20px;
			-moz-columns: 2 auto;
			-webkit-column-gap: 20px;
			-webkit-columns: 2 auto;
			column-gap: 20px;
			columns: 2 auto;
		}
		
		
		.list_subNav  li {
			display : block;
		}
		
			.list_subNav  a {
				padding : 5px 2px;
			}
			
			
			.subNavClose { 
				position : absolute; 
				right : 20px; 
				top : 20px;
			}
		
		
	/***/ 
		
	
	.ico::before{
		font-family : 'Font Awesome 5 Free'; 
		font-size : 120%; 
		padding-right : 5px; color : #144123;
	}
	
	.bg_noir .ico::before{color : #9f9f9d;}
	 p.ico span{overflow : hidden; display : block;}
	 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-blog::before { content : "\f781"; 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-clock::before {content : "\f017"; font-weight : bold; color : #fff;}
	.ico-star::before {content : "\f005"; font-weight : bold; color: #fb961e;}
	.ico-cart-plus::before {content : "\f217"; font-weight : bold;}

	.ico-distributeur::before {content : "\f494";font-weight : bold;  color : #144123;}
	.ico-prescripteur::before {content : "\f46d"; font-weight : bold; color : #144123;}
	.bg_vert_fonce .ico-compte::before, .bg_vert_fonce .ico-bag::before, .bg_vert_fonce .ico-therapeute::before  {color : #fff;}

    .ico-newspaper::before {content : "\f1ea"; font-weight : bold;}
    .ico-blanc::before { color : #fff;}
   .bg_vert_fonce  .ico-blog::before, 
   .bg_vert_fonce  .ico-newspaper::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;
		}

/*** accueil    *****************************************/ 
#bg_bienetre, #bg_82, 
#bg_sante, #bg_81, 
#bg_cures, #bg_84, 
#bg_les_cures, #bg_121, 
#bg_beaute,  #bg_83,
#bg_109,
#bg_108,
#bg_110,
#bg_107,
#bg_106,
#bg_111 {
	background : transparent none no-repeat center center;
	background-size : cover;
}

#bg_bienetre, #bg_82 {background-image : url(/style/fond-gamme/bien-etre.jpg)}
#bg_sante, #bg_81 {background-image : url(/style/fond-gamme/sante.jpg)}
#bg_beaute, #bg_83 {background-image : url(/style/fond-gamme/beaute.jpg)}
#bg_cures, #bg_84, #bg_les_cures, #bg_121 {background-image : url(/style/fond-gamme/cures.jpg)}
#bg_109 {background-image : url(/style/les-gammes/G-5saison.jpg);  color : #000;}
#bg_108 {background-image : url(/style/les-gammes/G-clinicasie.jpg)}
#bg_110 {background-image : url(/style/les-gammes/G-peranesse-beaute.jpg)}
#bg_107 {background-image : url(/style/les-gammes/G-perle.jpg); color : #000;}
#bg_111 {background-image : url(/style/les-gammes/G-titans-sport.jpg)}
#bg_106 {background-image : url(/style/les-gammes/rubrique-x.jpg)}

#bg_109 a:link, #bg_109 a:visited, 
#bg_107 a:link, #bg_107 a:visited {
	color : #000;
	text-decoration: underline;
}

.gammeAccueil .page {
	color: white; 
	background: transparent none no-repeat center center; 
	background-size: cover;
	border-top-left-radius: 20px;
  	border-top-right-radius: 20px;
}

.gammeAccueil .page {
  	min-height: 400px;
}
.gammeAccueil .page .padding { padding : 20px 80px;}

.rubriqueAccueil div.flexColumn {position : relative; padding-bottom : 40px;}

	.rubriqueAccueil div .lienRubriqueAccueil a {
		position : absolute; 
		bottom : 20px;
		left : 50%; 
		width : calc(100% - 40px);
		transform : translateX(-50%);
		text-align : center;
	}

	
.bg_presse {
	background : #e3dfde url(/style/accueil/medecine-traditionnelle-chinoise.jpg) no-repeat top left;
	/*background-size: 42%;*/
}

.bg_plantes_vertes {
	background : transparent url(/style/qui/qualite-complements-alimentaires.jpg) no-repeat left center;
	/*background-attachment : fixed;*/
}

.borderBigCadre {
	border : 5px solid #fff;
	height : 100%;
	position : relative;
}

	.borderBigCadre .btn_suite{
		position : absolute;
		left : 20px;
		bottom : 20px;
	}

h2.accueilPresse {
	margin-bottom : 30px;
	font-size : 130%;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 700;
	background-image : url(/style/accueil/numero-1-MTC-ga.png), url(/style/accueil/numero-1-MTC-dr.png);
	background-position : left bottom, right bottom; 
	padding : 70px 50px 50px;
	display : inline-block;
	background-repeat : no-repeat, no-repeat;
	margin-bottom : 0;
	
}
/*** rubrique    *****************************************/ 
	/* =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 : #FAAA00; padding : 0 2px;}
	.nav-page span {display: none;}

	.nav-sous-rubriques li	{padding-bottom : 10px; display: inline-block;}
	 
	.nav-sous-rubriques li:first-child	a { padding-left : 0; } 
	.nav-sous-rubriques li:last-child	a { padding-right : 0;  } 

	.nav-sous-rubriques a 	{
		padding : 0 10px; 
		display: block;
		line-height: 1;
		text-transform: lowercase; 
		font-weight: 300; 
		font-size :100%; 
		font-family: 'Source Sans 3', sans-serif; 
	}

/*** produits   *****************************************/

.produits {
    container-type: inline-size;
    display: flex;
    flex-wrap: wrap;
    gap: 75px 0;
    flex-grow: 1;/* si placé dans une box */
}

#accueil .produits {

    flex-wrap: nowrap;
}

    @media all and (max-width: 576px) {
        .produits {
            width: 100%
        }
    }

    .produit {
        flex-basis: 100%;
        /*border-top: 1px solid #ddd;*/
        padding: 20px;
        text-align: center;
        justify-content: space-between;
		  display: flex;
		  flex-direction: column;
    }
        
        .produit:first-child {
            border-top: none;
        }
        
        .version2 .offre {position: relative;text-align: center;}
        .version2 .offre--principale {width: 100%; margin-bottom: 20px;}
        .version2 .offre--secondaire {width: 50%; float: left;}
    
        .offre--secondaire .ecAjoutPanier {
        	font-size : 80%;
        }

        .produit--principal {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
        }
        
        .packs {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            padding-left: 20px;
            gap: 10px;
        }
        
        .pack {position: relative;}
    
    .produit__libelle,
    .produit__slogan {
        text-align: center;
        min-height: 48px;
    }
    
    .produit__apercu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .produit__apercu img {
        display: block;
        line-height: 1;
        max-width: 100%;
        max-height: 314px;
        width: auto;
    }
    
    .version2 .offre--secondaire .produit__apercu {
        height: 150px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
    
    .produit__legende {
        display: block;
        text-align: center;
        font-size: 80%;
    }
    
    .produit--en_promo {
        position: absolute;
        top: 50%;
        right: 0;
        border-radius: 5px;
        padding: 2px 4px;
        font-size: clamp(12px, 4vw, 14px);
        font-weight: bold;
        background: #ec7373;
        color: white;
        white-space: nowrap;
    }

        .version2 .produit--en_promo {top: 40%}
        .produits_declinaison .produit--en_promo {
        	top: inherit;
        	right: inherit;
        	bottom : 0;
        	left: 20px;
        }
    .produit__info_tarifaire {
        font-weight: 600;
        font-size: 100%;
        text-align: center;
    }
    
        .version2 .produit__info_tarifaire {
            text-transform: uppercase;
            font-size: 110%;
        }

        .produit__tarif {
        	font-size: 200%;
			color: #6dbb2a;
			font-weight: 700;
		}

		 .produit__info_tarifaire .produit__tarif-conditionnement {
			text-transform: none;
			font-size:100%;
			font-weight: 300;
			display : block;
			margin-bottom: 10px;
		} 

		.ecArticlePanier .produit__tarif-conditionnement  {
			text-transform: none;
			font-size:100%;
			font-weight: 300;
			margin-bottom: 10px;
		} 

        .produit__tarif--promo {
        	font-size: 200%;
			color: #6dbb2a;
			font-weight: 700;}
       
        .produit__tarif--normal {
            text-decoration: line-through;
            font-size: 110%;
            padding: 0 0 0 10px;
        }
        
        .produit__tarif--sur_demande {}
        .produit__pack_oui {margin-top : 5px; display: block; font-size : 80%; font-style : italic; text-align: center;}
        .produit__pack_oui:hover, .produit__pack_oui:focus {text-decoration: underline;}

.produitsAssociesDossierSante .produit__apercu img  {max-height: 190px;}

    .produit .offre--secondaire .ecAjoutPanier {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        visibility: hidden;
        text-align: center;
        white-space: nowrap;
    }

    .produits_declinaison::after {
    	position : absolute;
    	content : "";
    	top : 0px;
    	left : 0; 
    	background: #000;
    	width : 135px;
    	height : 1px;
    	display: block;
    }
    .produits_declinaison {position : relative; margin-top : 40px;}
/*
    .produit--principal.produit--unique .ecAjoutPanier {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
*/

    /*.produit--principal:hover .ecAjoutPanier,*/
    .offre:hover .ecAjoutPanier {
        visibility: visible;
    }
    
    /* CSS container queries */
    
    @container (min-width: 700px) {
        
        .produit {
            flex-basis: 50%;
            border-top: none;
            border-right: 1px solid #ddd;    
        }
        
        /*.produit:nth-child(2n+1) {
            border-right: none;
        }*/
        
    }  

    @container (min-width: 800px) {
        
        .produit {
            flex-basis: 33.33%;
            border-top: none;
            border-right: 1px solid #ddd;    
        }
        
        /*.produit:nth-child(2n+1) {
            border-right: none;
        }*/
        
    }
    
    @container (min-width: 980px) {
        
      	.produit {flex-basis: 25%;}
        
        .produit {
            border-right: 1px solid #ddd;
        }
        
        .produit:nth-child(4n) {
            border-right: none;
        }
        
    }



.ecArticleVignette {
	display : flex;
	justify-content: center;
	align-items: center;
	/*min-height : 335px;*/
}
	#glossaire .ecArticleVignette {
		max-height: 200px;
		min-height: inherit;
	}
	#glossaire  .ecArticleVignette .img_100 { max-height : 200px;}
		
    
	.ecArticleDescBloc {margin-top : 50px;}
	.bg_blanc .ecArticleDescBloc a:link, .bg_blanc  .ecArticleDescBloc a:visited{color : #144123;}
	.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';
	}
	
	.ecArticlePhoto.img_100 {
		max-height : 590px;
	}
	
	#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;
		}
		
		.ecArticlePanier .ecTarif {
			font-size : 350%;
			color : #6dbb2a;
			font-weight : 700;
		}
		
			.ecArticlePanier .ecTarifPromo {
				font-size : 350%;
				color : #6dbb2a;
				display : inline-block;
				font-weight : 700;
			}
			
			.ecTarifNormal {
				font-size : 90%;
				padding-left: 10px;
			}
			
			.produitPrincipal .ecTarifPromo {font-size : 135%; font-weight : bold;}

			.ecTarifNormal {align-self: center; text-decoration : line-through; font-size : 80%;}
			
			.ecArticlePanier .ecTarifNormal { font-size : 140%; }
			
			.ecArticleStock-0 {color : red;}
	
		.ecArticleTarification {
		    padding: 10px;
            margin-top: 30px;
            border-left: 10px solid #FFD700;
		}
		
		.ecArticleTitrePanier {
			font-weight : 700;
			text-transform : uppercase;
			display : block;
			margin-top :  30px;
			font-size : 120%;
		}
		
		.ecArticleTarification  > .ecArticleTitrePanier {margin-top :  0}
		
		.strongBigVert {
			color : #6dbb2a!important;
			font-size : 130%;
			font-weight : 700
		}
		
		.ecArticleSelectQuantiteLabel {
			font-weight : 600;
			padding-right: 5px;
		}
			
		.ecArticleSelectQuantite {
			max-width : 80px;
			padding : 10px 5px;
			border : 1px solid #9f9f9d;
			text-align: center;
		}
		
		.ecArticlePlus {border-top : 1px solid  #b9b7b7; }
		

		.ecAjoutPanier, .ecAjoutArticlePanierStyle, .ecFormInputSubmit  {
			background-color: rgba(241, 189, 9,1);
			text-transform : uppercase; 
			border-radius : 5px;
			padding : 10px 10px;
			color : #000!important;
			font-weight : 600;
			font-size : 110%;
			border : none;
			font-family: 'Source Sans 3', sans-serif;
			cursor : pointer;
			display : inline-block;
			appearance:none;
			-webkit-appearance:none; /* Safari and Chrome */
			line-height: normal;
			align-self: center;
		}
			
			.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 : inline-block;;
		    margin : 5px 0 15px 0;
		    color : #F22508;
            border-radius: 5px;
            padding: 2px 4px;
            font-size: clamp(12px, 4vw, 14px);
            font-weight: bold;
            background: #ec7373;
            color: white;
            white-space: nowrap;
        }
		
		.titreDescPlusArticle {
			padding : 40px 20px;
		}
		
		.eCommerceDescRubrique a:link, .eCommerceDescRubrique a:visited {text-decoration : underline;}
		
/* 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;
}

/***dossier sante */ 
.blocDossier, .articleDossier {position : relative;}
	.dossierAbsoluteBottom {
		position : absolute; 
		bottom : 20px; 
		left : 20px; 
		right :20px;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}

	.blocDossier:hover .dossierAbsoluteBottom {
		bottom : 20%;
	}

	.hoverImg img{
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;	
	}
	.hoverImg:hover img {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}


.borderGrisBottom {border-bottom : 1px solid #b9b7b7}

	.dossierAbsoluteCenter {
		padding : 5px; 
		background : rgba(255,255,255,0.5);
		position : absolute; 
		top : 50%; 
		left : 50%; 
		width : calc(100% - 40px);
		text-align : center; 
		transform : translate(-50%,-50%); 
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	

	.dossierAbsoluteCenter  h2 {font-size : 130%;}

/********* glossaire   ********/

.glossaires {
    float: left;
    width: 100%;
    border-bottom : 1px solid #144123;
}

.glossaires li {
    margin-bottom: -1px;
    float: left;
    border : 1px solid #144123;
    background: #EAEAEA;
}

.glossaires li:first-child {border-right: none;}
.glossaires li.glossaire-actif {
    background: white;
    border-bottom-color: white;
}

.glossaires a {
    display: block;
    padding: 4px 20px;
}

ul.lettre_alpha {
    margin-bottom : 1em;

    padding-top : 15px;
    /*margin-top : 15px;*/
}
ul.lettre_alpha li {
    display : inline-block;
    text-transform : uppercase;
    font-family: 'Playfair Display', serif;
    font-weight : 400;
    font-size : 120%;
    padding :0 5px;
}
ul.lettre_alpha li  span, ul.lettre_alpha li  a{ padding : 0 5px; }
ul.lettre_alpha li a.active, ul.lettre_alpha li a:focus, ul.lettre_alpha li a:hover {
    color : #fff;
    background : #144123!important;
}
ul.lettre_alpha li  span {opacity : 0.5;}

ul.les_plantes  {list-style-type : disc; margin-left : 15px;}
ul.les_plantes li{
    float : left;
    width : 50%;
    padding : 0 0 5px 0;
}


ul.les_plantes li a{color : #000;}
.planteDetails span {font-weight : 600;}

 .encartBigvert {
	border : 15px solid #6dbb2a;
	color  : #6dbb2a;
 }
 
/* =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;*/
}

.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;
}

.menuCompteClient a {
	display : block; overflow: hidden;
}

/*** 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 : #144123;
	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 : #144123;
		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%;}

	#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: 15px;}
	.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="disabled"] {
		background-color: rgba(241, 189, 9,0.2);
		cursor: default;
	}
	
	.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.ecMoins  {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-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-horaires {}

		.ecPointRetrait-horaires .ecTable {
			display: none;
		}

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

		.ecPointRetrait-horaires a: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: 10px 0 10px 20px;
		}

		.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  *****************************************/

    #newsletter > div {
        display: flex;
        flex-wrap: nowrap;
    }
    
    #newsletter input {
        outline: none;
		border : none;
		background : transparent;
		color : #9f9f9d;
	}
	
	#newsletter input[type="text"] {
	    flex-grow: 1;
	    border-bottom : 1px solid;
	    border-color : #9f9f9d;
	}
	
	#rassurance a {display : block;}
	#rassurance strong {
		font-size : 120%;
	}
	
	.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; 
		font-size : 110%;
		font-weight : 800;
		margin-bottom : 10px;
	}
	
	.footer_mentions .titre_footer {padding-top : 5px; margin : 0;}
	.footer_mentions img {max-width : 70px; padding-right : 10px;}
	
	footer.bg_noir, footer.bg_noir a:link, footer.bg_noir a:visited {
		color : #9f9f9d;
	}
		
	#btn_haut {
		position : fixed; 
		bottom : 50px; 
		right : 20px;
		color : rgba(20,65,35,0.6); 
		font-size : 300%;
		z-index : 200;
	}


	.headerMobile, .topBoutique, .footerMenu {display : none;}
/*** titre *****************************************/
h1, .like_h1 {
	font-size : 2.1em;
	font-family: 'Playfair Display', serif;
	font-weight : 800;
	line-height : 1.2em;
	margin-bottom : 1.5em;
}
	h1.h1_big {
		font-size :280%;
	}
	h1.noMargin {margin-bottom : 0px; }
	
h2 {
	font-size : 150%;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 600;
}

	h2.like_h3 {
		font-family: 'Playfair Display', serif;
		font-size : 170%;
		font-weight : 800;
		margin-bottom : 10px; 
	}
	
	h2.ecLibelleRubriqueArticle.like_h3 {
		text-transform: uppercase;
		font-size : 150%;
		font-family: 'Source Sans 3', sans-serif;
		font-weight: 300;

	}
	
	.ecArticlePlus  h2.like_h3 {font-weight : 700; font-size : 110%;}
h3{
	font-size : 120%;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 600;
}
	.cadd-section h3, .ecCaddieSectionEntete h3{font-size : 140%;}

	h3.like_h1_big, h2.like_h1_big {
		font-size :280%;
		font-family: 'Playfair Display', serif;
		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 : 5px 5px;
	border : 1px solid; 
	transition: all 1.2s;
}

	a.btn_suite:hover, 
	a.btn_suite:focus, .lienRubriqueAccueil a:hover, .lienRubriqueAccueil a:focus {
		background : #fff;
		color : #000;
	}
	
		.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;
}

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

	
/* popup gestion cookies */

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

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

.cn-cookie-content {
   display: block;
   position: fixed;
   max-width: 500px;
   min-width: 320px;
   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 {font-size : 30px; display : block; padding-bottom : 20px; line-height: 1.2em;}

.cn-cookie p {padding-bottom : 20px;}
.cn-cookie a.btnDenyCookies {
	text-decoration: underline; 
	padding-bottom : 10px;	
	display: block;
	color : #8c8c8c!important;
  text-align: center;
}
.cn-cookie a.btnAcceptCookies,
.cn-cookie a.btnDetailsCookies { 
  display: block;
  width : 100%;
  margin-bottom : 10px;
  color: #fff; 
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  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;}

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

.article {
 display: grid; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr 1fr 1fr 1fr 1fr; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: auto auto; 
  gap: 40px 40px; 
  grid-template-areas: 
    "photo libelle panier"
    "descriptif descriptif pack"; 
  align-items: stretch; 
}

.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 {
  grid-area: libelle;
}

.article_panier {
  grid-area: panier;
}
.article_descriptif {
  grid-area: descriptif;
}
.article_pack {
  grid-area: pack;
}
	



.dl-navdeploy {overflow : hidden;}

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

.dl-submenu {
    height: 100vh;
  /*  overflow: scroll;*/
  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: #01432a;
	border: none;
	position: relative;
	cursor: pointer;
	/*width: 46px;*/
	height: 46px;
	color : #fff;
	padding : 5px 10px 5px 15px; 
	z-index : 400;  
	font-weight : 300;  
	outline: none;
	font-family: 'Source Sans 3', sans-serif;
	display: flex;
	align-items: center;
	line-height: 1;
	font-size : 100%;
}


.dl-menuwrapper button span{
	text-transform: none;
	font-weight: 300;
}
.dl-menuwrapper button::before {
	line-height: 1;
	padding-right : 5px;
	font-family: 'Font Awesome 5 Free';
	speak: none;
	content: "\f0c9";
	font-weight : bold;
}


.dl-menuwrapper button.dl-active::before {
	content: "\f00d"; }


.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 ul li {
	border-bottom : 1px solid rgba(0,0,0,.5);
	text-transform: uppercase;
}

.dl-menuwrapper ul.nav-mobile-sec li {
	border : none; 
	text-transform: none;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 20px;
	font-size : 100%;
	line-height: 15px;
	font-weight:400;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a: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.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 {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	/*margin: 5px 0 0 0;*/
	position: absolute;
	width: 80%;
	min-width : 350px; 
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
	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;*/
	overflow: auto;
}

/* 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 > 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: #01432a;
}

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


@media all and (max-width: 1280px) {
	#top h1 {display : none;}
	.leLogo h1{max-width : 300px;}
}



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

	.ecAjoutArticlePanierStyle  {margin-top : 20px}
		.produits_declinaison .ecAjoutPanier {
		font-size : 90%;
	}


}
@media all and (max-width: 1000px) {
	#top  {display : none;}
	
	#nav-panier::after {display: none}
	.dl-menu-resp {
		display : block;
	}

.dl-menuwrapper ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

	 .demo-1 .dl-menuwrapper ul.nav-mobile-sec {
	 	background: #fff;
	 }

	 .dl-menuwrapper ul.nav-mobile-sec li a {
	 	color : #01432a;
	 }

	.footerMenu {display: block;}

	#headerMobile {position: fixed; top : 0; width: 100%; background: #01432a;  height : 46px; z-index : 500;  }

	#headerMobile .nav-caddie {float : none; width : 100%;padding-top : 7px; }
	#headerMobile .nav-caddie li{vertical-align: middle;}
	#headerMobile .nav-caddie form, 
	#headerMobile .nav-caddie a{ z-index : 550; position : relative; text-transform: none}


	
	h1 {margin-bottom : 0;}
	nav.bg_blanc {display : none;}
	
	#logo {width : 25%;}
	#logo .img_100 {margin : 0 auto; max-width : 65px;	}
	header .like_h1 {font-size: 95%; width : 75%; margin : 0;  padding: 10px 10px 0 10px}
	header .like_h1 i{font-size: 80%;}
	.headerMobile {display : block;}
	
	header.section {
		padding-top : 80px;
		padding-bottom : 40px;
	}
	
	.topBoutique {
		display : block;
		position : fixed; 
		top : 0;
		left : 0;
		width : 100%;
		padding : 10px;
		z-index : 400;
	}

        @media print {
            .topBoutique {display : none;}
        }
	

		
		.header__nav {
		  display: none;
		}

		.bandeau_gamme .col1-2 {float: none; width: 100%;}


	.article {
		padding :0 20px ;
	  grid-auto-columns: 1fr; 
	  grid-auto-rows: 1fr 1fr 1fr 1fr; 
	  grid-template-columns: 1fr 1fr; 
	  grid-template-rows: repeat(4,auto); 
	  gap: 40px 40px; 
	  grid-template-areas: 
	    "photo libelle"
	    "panier panier"
	    "descriptif descriptif" 
	    "pack pack";
	  align-items: stretch; 
	}

	.produit__apercu img  {max-height: 190px;}
	.produits_declinaison .produit {width: 50%; float : left; border : none}
	.produits_declinaison::after {width: 100%}
	.article_panier{text-align: center;}
/*	.produits_declinaison .ecAjoutPanier  {
		position: absolute;
	  width: 100%;
	  left: 0;
	}*/
}




@media all and (max-width: 800px) {
.nav-sous-rubriques li:first-child a {
  padding-left: 10px;
}
	.flex1-3.rubriqueAccueil {width : 50%;}
	.flex1-4.blocRubrique {width : 100%;}
	.blocRubrique .bg_noir {background-size : cover;}
		.cacheMobile {display : none;}
		.laRechercheRes {float :left; padding : 0 20px 20px 20px}
	

	
}

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

.column2, .column3 { columns: 1}
	.produits { gap: 30px 0;}
	#breadcrumb {display: none;}
  
  header.section.bg_gris_clair2  {
    padding-bottom: 0px;
    background : #fff;
  }


	.produits_declinaison .produit {width: 100%; float : none;}

  nav + .section.sectionPaddingNone.bg_blanc {display: none}
	.menuCompteClient i {font-size: 250%;}

	.laRechercheRes {width: 100%; background : #ebebeb;}


	.article_libelle, .article_panier{text-align: center;}

	.ecArticleAttributs  li img.img_100{width : 45px;}

	.ecArticlePhoto.img_100 {
		max-height : 390px;
	}

	.gammeAccueil {margin : 0 20px;}
	.gammeAccueil .page .padding {
		padding : 20px 20px;
	}


	.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; width: auto;}
		
	.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;
        width: auto;
        margin: 0 auto;
    }
		.ecArticleAvis {
			display : none;
		}

		
	.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%;}
	
	.col1-2.packs {flex-direction: row; padding-left: 0}
	
	
	.flex1-3.rubriqueAccueil {width : 100%;}
	/* #catalogueFixe, #slider {display : none;} */
	.borderBigCadre .btn_suite {
		position: relative;
		float : none;
		left: inherit;
		bottom:  inherit;
	}
	
	#rassurance .col1-4 {
		float : left; 
		width : 50%;
	}
	
	/** panier **/
    .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 {
        height: 340px;
      /*  overflow-y: inherit;*/
    }
    .ecPointsRetrait-carte {padding-left : 0;}

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

@media all and (max-width: 550px) {
	footer ul li, .footer_mentions ul li {padding-bottom : 7px;}
.footer_mentions ul.nav_rs li {padding-right : 10px;}

	.topNavBoutique li.nav-therapeute-mobile {display : none;}
	.flex1-3.rubriqueAccueil {width : 100%;}
	
	/** 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";
	}

	
}

@media print {
    #top,header,nav,#breadcrumb,#rassurance,footer,.footer_mentions,
    #topBoutique,.article_rassurance,.ecArticlePlus,
    iframe, .slidePresse, label, input, button
    {display: none!important}/* #catalogueFixe */

    .article {display: block;}
    .article_photo {float: left}
    .article_panier {float: right}
    .article_descriptif {clear: both}


}

.ecBtnAchat {
    display: inline-block;
    min-width: 150px;
    border: none;
    border-radius: 5px;
    padding: 10px 10px;
    text-align: center;
    font-size: 110%;    
    font-weight: 600;
    text-transform: uppercase;
    color: #000 !important;
    font-family: 'Source Sans 3', sans-serif;
    cursor: pointer;
    background-color: rgba(241, 189, 9,1);
    appearance:none;
    -webkit-appearance:none; /* Safari and Chrome */
}

    .ecBtnAchat span::before,
    .ecBtnAchat span::after {
        font-family : 'Font Awesome 5 Free'; 
    }

    .ecBtnAchat span::before{padding-right : 10px;}
    .ecBtnAchat span::after{padding-left : 10px;}

    /* variations */
    .ecBtnAchat--var-0 {border-radius: 5px; background: #faaa00}
    .ecBtnAchat--var-0 span::before{content : "\f054";}/* flêche */
    .ecBtnAchat--var-0 span::after{content : "\f217";}/*  caddie*/

    .ecBtnAchat--var-1 {border-radius: 5px; background: #93C412}
    .ecBtnAchat--var-1 span::before{content : "\f217";}/*  caddie*/
    .ecBtnAchat--var-1 span::after{content : "\f054";}/* flêche */

    .ecBtnAchat--var-2 {border-radius: 5px; background: #FFD700}
    .ecBtnAchat--var-2 span::before{content : "\f217";}/*  caddie*/

    .ecBtnAchat--var-3 {border-radius: 5px; background: #93C412}
    .ecBtnAchat--var-3 span::before{content : "\f217";}/*  caddie*/

    .ecBtnAchat--var-4 {border-radius: 5px; background: #FFD700}
    .ecBtnAchat--var-4 span::before{content : "\f054";}/* flêche */
    .ecBtnAchat--var-4 span::after{content : "\f217";}/*  caddie*/

    .ecBtnAchat--var-5 {border-radius: 5px; background: #FAAA00}
    .ecBtnAchat--var-5 span::before{content : "\f217";}/*  caddie*/
    .ecBtnAchat--var-5 span::after{content : "\f054";}/* flêche */

    .ecBtnAchat--var-6 {border-radius: 5px; background: #FFD700}
    .ecBtnAchat--var-6 span::before{content : "\f217";}/*  caddie*/
    .ecBtnAchat--var-6 span::after{content : "\f054";}/* flêche */

    .ecBtnAchat--var-7 {border-radius: 5px; background: #FAAA00}
    .ecBtnAchat--var-7 span::before{content : "\f217";}/*  caddie*/

    .ecBtnAchat--var-8 {border-radius: 5px; background: #93C412}
    .ecBtnAchat--var-8 span::before{content : "\f054";}/*  flêche*/
    .ecBtnAchat--var-8 span::after{content : "\f217";}/*  caddie*/

.catch {
    display: inline-block;
    visibility: hidden;
    height: 1px;
    width: 1px;
    font-size: 1px;
    pointer-events: none;
}