/*** 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;}

:root {
	--noir : #000;
	--blanc : #fff;
	--bleu : #1283c0;
	--bleu-clair : #e8f7ff;
	--rouge : #60c4dc;
	--orange : #00b5ca;
	--vert : #00aca9;
	--rose : #00748c;
	--bleu-ciel : #1b4175;
	--jaune : #5bc4dc;
}

body{
	font-family: 'Quicksand', sans-serif;
	font-weight : 400;
	font-size : 1.7em;
}

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

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

.page_demi {
	width : 100%;
	max-width : 600px;
}
.w360 {
	width : 100%;
	max-width : 360px;
}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col2-5,
.col3-5,
.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%;}
.col2-5{width: 40%;}
.col3-5{width: 60%;}

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

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

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

.flex_page_demi {
    max-width: 600px;
}

.flex_end_center {
    justify-content: flex-end;
    align-items: center;
}

.flex_end {
    justify-content: flex-end;
}
.flex_start {
    justify-content: flex-start;
}

.flex_end_start {
    justify-content: flex-end;
    align-items: flex-start;
}

.flex_center_center {
    justify-content: center;
    align-items: center;
}
.flex_space_between {
	justify-content: space-between;
}
.flex_grow { flex-grow: 1; flex-shrink: 0; }
.flex_shrink { flex-grow: 0; flex-shrink: 1; }

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

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


/*** animations ***********************************/

@keyframes animatedBackground {
  from {
    background-position: -100% 0;
  }
  to {
    background-position: 0 0;
  }
}

.fondu_intro {
	opacity : 0;
	overflow : hidden; 
	-webkit-animation: anim-opa-grid 1s ease-in-out forwards; /* Safari 4+ */
	-moz-animation:    anim-opa-grid 1s ease-in-out forwards; /* Fx 5+ */
	-o-animation:      anim-opa-grid 1s ease-in-out forwards; /* Opera 12+ */
	animation:         anim-opa-grid 1s ease-in-out forwards; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes anim-opa-grid {
  from { opacity: 0; }
    to { opacity: 1; }
  
}
@-moz-keyframes anim-opa-grid {
   from { opacity: 0; }
    to { opacity: 1; }
}
@-o-keyframes anim-opa-grid {
   from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes anim-opa-grid {
  from { opacity: 0; }
    to { opacity: 1; }
}


.zoomup { transition: 0.4s; }
.zoomup:hover {transform: scale(1.1);}

.zoomdown { transition: 0.4s; }
.zoomdown:hover {transform: scale(0.8);}

.zoomtourne { transition: 0.4s;}
.zoomtourne:hover {transform: rotate(15deg) scale(0.9);}

.zoominfini:hover {
	animation-duration: 0.8s;
	animation-name: zoominfini;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@keyframes zoominfini {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}

.fade {
	opacity: 0;
	transition: 1s;
}

.fondu_top {
	opacity: 0;
	position: relative;
	margin-top: 200px;
	transition: all 1s, width 0s;
}

.fondu_left {
	opacity: 0;
	position: relative;
	left: -1000px;
	transition: all 1s, width 0s;
}

.fondu_right {
	opacity: 0;
	position: relative;
	left: 1000px;
	transition: all 1s, width 0s;
}

.fondu_revele {
	opacity: 1;
	top: 0;
	left: 0;
	z-index: 100;
	margin-top: 0;
}

.duree_transition1 { transition: 0.5s; }
.duree_transition2 { transition: 1s; }
.duree_transition3 { transition: 1.5s; }
.duree_transition4 { transition: 2s; }
.duree_transition5 { transition: 2.5s; }



.padding{padding: 40px;}
.paddingLR{padding: 0 40px;}
.paddingTB{padding: 40px 0;}
.paddingBig {padding : 60px 40px;}
.padding_small {padding : 5px;}
.padding_left {padding : 5px 5px 5px 40px;}
.padding_left_accueil {padding : 5px 5px 5px 5px;}
.padding_right {padding : 5px 40px 5px 5px;}
.padding10_20 {padding : 40px 40px 40px 10px;}

.paddingNoBottom {padding-bottom : 0;}
.paddingNoRight {padding-right : 0;}
/*gestion des couleurs et des fonds  */
 
.bg_noir {background-color : var(--noir); color : var(--blanc);}
.bg_blanc { background-color : var(--blanc); color : var(--noir);}
.bg_bleu { background-color : var(--bleu); color : var(--blanc);}
.bg_bleu_clair { background-color : var(--bleu-clair); color : var(--noir);}

.bg_bleu_ciel { background-color : var(--bleu-ciel); color : var(--blanc);}
.bg_jaune { background-color : var(--jaune); color : var(--blanc);}
.bg_orange { background-color : var(--orange); color : var(--blanc);}
.bg_rose { background-color : var(--rose); color : var(--blanc);}
.bg_rouge { background-color : var(--rouge); color : var(--blanc);}
.bg_vert { background-color : var(--vert); color : var(--blanc);}

.bg_noir a:link, .bg_noir a:visited  {color : var(--blanc);}
.bg_blanc a:link, .bg_blanc a:visited  {color : var(--noir);}
.bg_bleu a:link, .bg_bleu a:visited  {color : var(--blanc);}
.bg_bleu_clair a:link, .bg_bleu_clair a:visited  {color : var(--noir);}


.bg_bleu_ciel a:link, .bg_bleu_ciel a:visited  {color : var(--blanc);}
.bg_jaune a:link, .bg_jaune a:visited  {color : var(--blanc);}
.bg_orange a:link, .bg_orange a:visited  {color : var(--blanc);}
.bg_rose a:link, .bg_rose a:visited  {color : var(--blanc);}
.bg_rouge a:link, .bg_rouge a:visited  {color : var(--blanc);}
.bg_vert a:link, .bg_vert a:visited  {color : var(--blanc);}

.color_blanc, a.color_blanc:link, a.color_blanc:visited {color : var(--blanc);}
.color_noir, a.color_noir:link, a.color_noir:visited {color : var(--noir);}
.color_bleu, a.color_bleu:link, a.color_bleu:visited { color : var(--bleu);}
.color_bleu_ciel, a.color_bleu_ciel:link, a.color_bleu-ciel:visited { color : var(--bleu-ciel);}
.color_bleu_clair, a.color_bleu_clair:link, a.color_bleu-clair:visited { color : var(--bleu-clair);}
.color_jaune, a.color_jaune:link, a.color_jaune:visited { color : var(--jaune);}
.color_noir, a.color_noir:link, a.color_noir:visited { color : var(--noir);}
.color_orange, a.color_orange:link, a.color_orange:visited { color : var(--orange);}
.color_rose, a.color_rose:link, a.color_rose:visited { color : var(--rose);}
.color_rouge, a.color_rouge:link, a.color_rouge:visited { color : var(--rouge);}
.color_vert, a.color_vert:link, a.color_vert:visited { color : var(--vert);}

.section {padding : 50px 0;} 
.sectionSmall, .section_small {padding : 20px 0;}
.section_padding_none {padding : 0;}
.section_no_bottom {padding-bottom : 0;}
.section_max {max-width : 1800px; width : 100%; margin: 0 auto;}
.section_margin_bottom {margin-bottom: 50px;}
.sectionPaddingNone {padding : 0}

.img_100, .cmsArticleDesc img {
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

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

.img_absolute {position: absolute;}
.float_right {float : right;}
.float_left {float : left;}

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

.position_relative {position: relative;}	
.margin_auto { margin : 1px auto; }	
.small {font-size : 80%;}
.big {font-size : 120%;}
.maj {text-transform : uppercase;}
strong.light, .light {font-weight: 300;}
.border5 {border : 5px solid;}

.relative_20 {
	position: relative;
	z-index: 20;
}
/*** header  *****************************************/
	
	
	#top { font-size : 95%;}
	
	#nav-top  {
		background: transparent url(/style/accueil/italia.jpg) no-repeat center left; 
		float : right; 
		padding : 10px 0 10px 140px;
		-webkit-animation: animatedBackground 1s ease-in-out forwards; /* Safari 4+ */
		-moz-animation:    animatedBackground 1s ease-in-out forwards; /* Fx 5+ */
		-o-animation:      animatedBackground 1s ease-in-out forwards; /* Opera 12+ */
		animation:         animatedBackground 1s ease-in-out forwards; /* IE 10+, Fx 29+ */
	}
	#top .nav_rs {padding : 10px 40px; line-height: 1em;}

	#nav-top li:not(:first-child) {border-left : 1px solid #fff;}
	#nav-top a {line-height: 1em; display: block;}
	
	.nav-caddie {position : absolute; top : 20px; right : 20px; z-index : 30; }

	.nav-caddie li{
		display: inline-block;
		padding : 0 10px;
	}
	
	#nav-panier  {position : relative;}
	#ajaxNbArticles, #ajaxNbArticlesMobile  {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 : 120px;
	}

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

	#top h1 {
		font-family: 'Raleway', sans-serif;
		font-weight : 400;
		font-size : 100%;
		margin-bottom : 0;
	}

	a#logo{
		display : block;
		position: relative;
		z-index:  20;
	}

	.vague::before {
	  height: 100%;
	  width: 0;
	  background: url('/style/fond/vague-italie.png') left center repeat-x;
	  display: block;
	  position: absolute;
	  left: 0;
	  top: 0;
	  content : "";
	  z-index: 10;
	  animation-duration: 7s;
	  animation-delay: 1s;
	  animation-name: glissement;
	  animation-timing-function: linear;
	  animation-fill-mode: forwards;
	}



	.vague_rouge::before { 
		background-image: url('/style/fond/vague-italie-60c4dc.png');
	}
	.vague_orange::before { 
		background-image: url('/style/fond/vague-italie-00b5ca.png');
	}
	.vague_vert::before { 
		background-image: url('/style/fond/vague-italie-00aca9.png');
	}
	.vague_rose::before { 
		background-image: url('/style/fond/vague-italie-00748c.png');
	}
	.vague_bleu_ciel::before { 
		background-image: url('/style/fond/vague-italie-1b4175.png');
	}
	.vague_jaune::before { 
		background-image: url('/style/fond/vague-italie-5bc4dc.png');
	}

	@keyframes glissement {
	  from {
	   width: 0;
	  }
	  to {
	    width: 100%;
	  }
	}

	.headerMobile, .topBoutique, .footerMenu {display : none;}
	
/*** menu *****************************************/

	nav {
		padding :  20px 0;
	}

	nav li {
		display : inline-block; 
		padding : 10px 15px; 
	}
		nav li a{
			display : block; 
			font-weight : 300;
			transition: all .5s ;
			padding-bottom : 5px;
			font-size: 120%;
			border-bottom : 1px solid transparent;
		}
		
		#contact nav li#nav-contact a, 
		#accueil nav li#nav-accueil a, 
		nav li.navActive a,
		nav li a:hover {
			color : var(--bleu)!important;
			border-bottom : 1px solid var(--bleu);
		}

		nav li:focus > div, nav li:hover  > div {
			display : block;
		}
	

		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;
		}
		
		
		.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; 
	}
	
	 p.ico span, adress.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-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-info::before {content : "\f05a"; font-weight : bold; color : #000;}

	
	#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, .section_max p, .page_demi p {margin-bottom : 1em;}
	.section h1 + p {margin-top : 1em;}
	.section h1 + form {margin-top : 1em;}
	.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;
		}

/*** slider    *****************************************/ 
.img_slider {
	max-width : 50%;
}
.img_slider img.img_100 {max-width : 550px;}
.medium_white {
    font-family: 'Bodoni Moda', serif;
    font-weight : 400;
    font-size : 270%; 
    padding-left : 15px!important;
    width : 100%;
    max-width: 517px;
    transform : rotate(-90deg);
}

/*** accueil    *****************************************/ 
	.order_0 {order : 0}
	.order_1 {order : 1}
	.fond_accueil1 {
		/*background : transparent url('/style/accueil/italie-vient-a-vous/l-italie-vient-a-vous-1.jpg') no-repeat center center; 
		 background-size : cover; */
		 margin : 40px auto;
		 max-width: 900px;
	}
	.border10Right {border-right: 10px solid #fff; }

/*	.poulpe {
		position: relative;
		overflow: hidden;
	}

	.poulpe::after {
		position: absolute;
		top : 50%; 
		right : 0;
		content : url(/style/accueil/blog-poulpe1.png);
		display: block;
		z-index: 30;
		animation-duration: 3s;
		animation-delay: 1s;
		animation-name: glissement2;
		animation-timing-function: linear;
		animation-fill-mode: forwards;
	}

	@keyframes glissement2 {
	  from {
	    transform: rotate(60deg) translateY(0%);
	  }
	  to {
	   transform: rotateX(0deg) translateY(-50%);
	  }
	}

	.poulpe1::after {content : url(/style/accueil/blog-poulpe1.png);}
	.poulpe2::after {content : url(/style/accueil/blog-poulpe2.png);}
	.poulpe3::after {content : url(/style/accueil/blog-poulpe3.png);}
*/
	/*.bg_rubrique  {position : relative; overflow: hidden;}
	.bg_deco::after {
		content: "";
		background : transparent url(/style/accueil/deco.jpg) no-repeat left center;
        position: absolute;
        top : 5px;
        bottom: 5px;
        right : 5px;
        left: calc(50% + 600px);
        display: block;
        background-size: cover;
	}
	
	.bg_bijoux::after {
		content: "";
		background : transparent url(/style/accueil/deco.jpg) no-repeat left center;
        position: absolute;
        top : 5px;
        bottom: 5px;
        left : 5px;
        right: calc(50% + 600px);
        display: block;
        background-size: cover;
	}
*/
/*** 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;}

	.bottom_img_rubrique {
		position: absolute; 
		width: 100%;
		bottom : 0;
		left : 0; 
		z-index: 40;
		height : 80px;
	}


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


	h1.ecLibelleArticle  {margin-bottom : 20px;}

	h2.ecArticleLibelle {
		font-weight: 400;
		margin-top : 10px;
		margin-bottom: 0;
		min-height : 78px;
	}

	.ecArticleVignette {
		display : flex;
		justify-content: center;
		align-items: center;
		height: 405px;

		position: relative;
		overflow: hidden;
	}
		.ecArticlePlus .unProduit {font-size: 80%;}
		.ecArticlePlus .ecArticleVignette {
			height : 320px;
		}
		.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);}

		.listDeclinaison {
			min-width : 150px;
			float : left;
			margin-bottom : 20px;
			margin-right: 25px;
		}
		.listDeclinaison strong{
			font-weight: 500; font-size : 90%;}

		.ecArticleModelesList .selectStyle {
				background : #fff url(/style/ecommerce/select-liste.gif) no-repeat right center;;
				overflow: hidden;
				position: relative;
				width : auto; 
				min-width : 150px;
				margin-right : 10px;
				border: 1px solid #c4c4c4; 
				cursor : pointer;
			}

			
			.ecArticleModelesList .selectStyle select {
				background : transparent;
				border:  none;
				box-shadow: none;
				color: #696363;
				margin: 0;
				padding: 10px 10px;
				width: 120%;
				outline: none;
				color : #000;
				cursor : pointer;
				
			}

			.ecArticleModelesList .selectStyle select option{
				background : #fff;
				font-family: 'Quicksand', sans-serif;
				font-weight: 400;
			}

	.article_rassurance li {padding-bottom :20px; }
	
	.pastille {
		position: absolute; 
		top : 10px; 
		right : 10px; 
		display: block; 
		z-index: 40; 
		aspect-ratio: 1; 
		background: #fff; 
		border-radius : 50%; 
		padding : 7px;
		box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
	} 

	.pastille img{margin-top : 15px; max-width: 80px}

	.ecArticleDescResume {}
	.ecArticleSlogan {margin-bottom : 20px; }
	.ecArticleDescBloc {margin-top : 50px;}
	.bg_blanc .ecArticleDescResume a:link, .bg_blanc  .ecArticleDescResume a:visited, 
	.bg_blanc .bloc_descriptif a:link, .bg_blanc .bloc_descriptif a:visited, 
	.bg_blanc .ecArticleDescBloc a:link, .bg_blanc  .ecArticleDescBloc a:visited, 
	.bg_blanc .cmsArticleDescBloc a:link, .bg_blanc  .cmsArticleDescBloc a:visited{color : var(--bleu)!important;} 

	.bg_blanc .cmsArticleDescBloc a:focus, .bg_blanc  .cmsArticleDescBloc a:hover, 
	.bg_blanc .ecArticleDescBloc a:focus, .bg_blanc  .ecArticleDescBloc a:hover,
	.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';
	}
	
	
	#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 : inline-block;}
		.ecArticleConditionnement {
			font-weight : 700;
			padding-left : 5px;
		}

		ul.ecArticleSloganRefConditionnement.inline li {
			border-left : 1px solid;
		}
		ul.ecArticleSloganRefConditionnement.inline li:first-child {
			border-left : none;
			padding-left: 0;
		}

/*
		.ecArticleStock::before{
			font-family : 'Font Awesome 5 Free';
			font-size : 120%;
			padding-right : 5px;
			font-weight: bold;
			content: '\f0d1';
		}
*/		
		.rassuranceProduit {margin-top: 50px}
		.rassuranceProduit li{margin : 10px 0; display: inline-block; vertical-align: middle;}
		.ecArticleStock, .made_in_italy {
			font-size: 90%;
			padding: 5px;
			color: #000;
			text-align: left;
			background : transparent url(/style/rassurance/rassurance-livraison.jpg) no-repeat left center; 
			padding-left : 70px;
			min-height : 60px;
			display: inline-block;
			max-width : 265px;
			
		}
		.made_in_italy{width: 160px;}

		.ecArticleStock[data-vente="0"] {/*color: red;*/}

		.made_in_italy { background-image: url(/style/rassurance/rassurance-fabrique-en-italie.jpg); }
		
		.ecArticlePanier .ecTarif {
			font-size : 150%;
			font-weight : 400;
			display: block;
			float : left;
			padding-right: 20px;
			padding-top : 5px;
		}

			.blocQteBtn {float : right; }
			.blocPrixQtePanier {margin-top : 20px;}
			.ecArticleModelesList {margin-top : 20px;}
			.ecArticlePanier .ecTarifPromo {
				font-size : 350%;
				color : #6dbb2a;
				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 : 120%;
				font-weight : 400;
			}
	
		
		.ecArticleTitrePanier {
			font-weight : 700;
			text-transform : uppercase;
			display : block;
			margin-top :  30px;
			font-size : 120%;
		}
		


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

		.ecAjoutPanier, .ecAjoutArticlePanierStyle, .ecFormInputSubmit  {
			background-color: #143f76;
			text-transform : uppercase; 
			border-radius : 5px;
			padding : 10px 10px;
			color : #fff!important;
			font-weight : 300;
			font-size : 110%;
			border : none;
			font-family: 'Quicksand', sans-serif;
			cursor : pointer;
			display : inline-block;
			appearance:none;
			-webkit-appearance:none; /* Safari and Chrome */
		}
		.ecAjoutArticlePanierStyle  {margin-left: 10px;}
			
			.unProduit .ecAjoutPanier {margin-top : 15px;}
		
		.titreDesc {
			display : block;
			margin : 40px 0 20px 0;
			text-transform: uppercase;
			font-weight: 600;
		}
		
		.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;
		}
		
/* 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;
}


/* =breadcrumb */
#breadcrumb {
    margin : 0 0 0 0px;
   font-size: 70%;
}

#breadcrumb ul, #breadcrumb li {display: inline;}
#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 : var(--bleu);
	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: #09873d;
	}

	#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 : var(--bleu);
		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, a.ecModeExpedition-lien {padding-left: 10px; color: rgb(242, 37, 8)!important; text-transform: lowercase;}
	.ecCaddieSectionEntete a:before, a.ecModeExpedition-lien:before {content:"[";}
	.ecCaddieSectionEntete a:after, a.ecModeExpedition-lien: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: 1px solid;
		border-top: 1px solid;
		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-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;
			z-index: 1;
		}

		.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  *****************************************/ 
	
	#rassurance a {display : block;}
	#rassurance span {font-size: 110%;}
	#rassurance strong.titre_rassurance {
		font-size : 140%;
		margin-bottom : 20px;
		display: block;
		font-weight: 600;
	}
	
	#rassurance span.titre_rassurance2 {
		font-size : 110%;
		margin-top : 10px;
		display: block;
		font-weight: 600;
	}
	
	
	.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, .nav_rs  li:first-child a {
				border-left : none; 
				padding-left :0;
			}
			
	.titre_footer {
		display :  block; 
		font-size : 140%;
		font-weight : 800;
		margin-bottom : 10px;
		margin-bottom : .5em;
	}
	
	.footer_mentions .titre_footer {padding-top : 5px; margin : 0;}


/*** titre *****************************************/
h1, h2.like_h1 {
	font-size : 220%;
	font-family: 'Bodoni Moda', serif;
	font-weight : 400; 
	line-height : 1.2em;
	margin-bottom : 0.2em;
}

	.beforeTrait {padding-left : 18px; position: relative;}
	.beforeTrait::before {
		content : "";
		height : 30px; 
		background : #fff;
		width : 10px; 
		display: block; 
		position : absolute;
		top : 7px; 
		left : 0;
	}

	.beforeBlanc::before {
		background : var(--blanc);
	}
	.beforeBleu::before {
		background : var(--bleu);
	}
	.beforeNoir::before {
		background : var(--noir);
	}

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

	h2.like_h3, strong.like_h3 {
		font-family: 'Quicksand', sans-serif;
		font-size : 170%;
		font-weight : 600;
		margin-bottom : 10px; 
	}

	.ecLibelleRubriqueArticle h2.like_h3 {margin : 0;}
	
	.ecArticlePlus  h2.like_h3 {font-weight : 700; font-size : 110%;}

h3{
	font-family: 'Quicksand', sans-serif;
		font-size : 170%;
		font-weight : 600;
		margin-bottom : 10px; 
}
	.cadd-section h3, .ecCaddieSectionEntete h3{font-size : 140%;}
	.unProduit h3 {font-weight: 400;}

	h3.like_h2 {	
		font-size : 150%;
		font-family: 'Bodoni Moda', serif;
		font-weight: 400;
	} 

h2.noMargin {margin-bottom : 0px; }
	

h4{
	font-size : 1.2em;
}


/*** cms *****************************************/
.cmsArticlePhotos {
	width: auto;
	max-width: 600px;
	padding-bottom: 20px;
}
.legende {display: block; margin-bottom : 20px; }
.color_gris {color : #474747}
/*** lien *****************************************/

a.btn_suite, .lienRubriqueAccueil a, a.btn_defaut {
	display : inline-block; 
	padding : 5px 5px;
	border-top : 1px solid; 
	border-bottom : 1px solid; 
	border-left : 1px solid transparent; 
	border-right : 1px solid transparent; 
	transition: all 1.2s;
}

	a.btn_suite:hover, 
	a.btn_suite:focus, 
	a.btn_defaut:hover, 
	a.btn_defaut:focus, 
	.lienRubriqueAccueil a:hover, 
	.lienRubriqueAccueil a:focus {	
		border-left : 1px solid; 
		border-right : 1px solid;
	}
	
		.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;}


body.cn-cookie-overlay {
	overflow: hidden;
	height: 100vh;
	background : rgba(0,0,0,.5);
}

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

.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;
	line-height: 1.2em;
}

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

#headerMobile {display: none;}


/* 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: var(--bleu);
	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 {
	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 {
	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: 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 > 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: var(--bleu);
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: var(--bleu);
}

/* 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;
}
/*********************** responsive  ***************************************/

.article {
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: repeat(3, auto);
grid-column-gap: 40px;
grid-row-gap: 10px;
}

.article_libelle {  grid-area: 1 / 2 / 2 / 3;}
.article_photo { grid-area:  1 / 1 / 4 / 2; }
.article_panier {  grid-area: 2 / 2 / 3 / 3; }
.article_descriptif {grid-area: 3 / 2 / 4 / 3; }


#form_rubriques {display : inline-block;}

.filtres {text-align: center; }

.filtres li {
	display: inline-block;
	padding : 0 30px;
	position: relative;
}

.filtres li a{
	display: block;
	font-weight: 300;
	text-transform: uppercase;
}


.filtres li a::after{
	content : "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	padding-right: 5px;
	font-size : 80%;
}


.filtres li li a::after{content :""; display: none;}



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

@media all and (min-width: 750px) {
	
	.filtres {border-bottom: 1px solid #eaebe8;}
	.filtres ul:not(.no-filtres) {
		display: none;
		background: #fff;
		padding :20px 10px 10px;
		position : absolute;
		z-index: 6;
		text-align: left;
		width : 300px;
		opacity: 0;
		visibility: hidden;
		transition : all 0.5s;
		box-shadow : 0px 5px 5px 0px rgba(0,0,0,0.2);
	}

		.filtres ul.no-filtres {padding-top : 10px;}

	.filtres ul:not(.no-filtres) li{
		display: block;
		padding : 0 10px 10px;
	}

	.filtres  li a{	
		pointer-events: none;
	}


	.filtres ul li a{
		border-bottom : 2px solid transparent;
		transition : all 0.5s;
	}

	.filtres ul li a:hover, .filtres ul li a:focus{
		color : #e3e0db;
	}

	.filtres li:hover ul {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.close-recherche, 
	.recherche-avancee-btn-bas,
	#affiche-recherche-avancee {display: none;}
	.rubrique-filtres span {display: none;}

}


.max900 {max-width: 900px;}
	
@media all and (max-width: 1220px) {
	
	#top h1 {display : none;}
	.leLogo h1{max-width : 300px;}
		
	.max900 {max-width: inherit;}
	.slider > .col1-2 {
		width: 100%;
		float: none;
		padding : 0 40px;
	}

	.slider > .col1-2.padding_small {padding : 0 40px;}

	.page_demi {
		width: 50%; 
	}
}

@media all and (max-width: 1120px) {
	.bg_rubrique .flex1-3.uneRubrique {
		width: 100%;
	}

	.order_1{order: 0;}
	.bg_rubrique .flex1-3 {
		width : 50%;
	}

}


@media all and (max-width: 1000px) {
	
	#top, .nav-caddie  {display : none;}
	
	.filtres li {
	  display: inline-block;
	  padding: 0 10px;
	} 

	h1 {margin-bottom : 0;}
	nav.bg_blanc {display : none;}
	

	#logo .img_100 {margin : 0 auto;}
	header h1 {font-size: 95%; width : 75%; margin : 0;  padding: 10px 10px 0 10px}
	header h1 i{font-size: 80%;}
	
	
	header.section_small {
		padding-top : 66px;

	}
	
	.headerMobile {display : block;}
	
	.footerMenu, .nav-caddie {display: block;}
	
	.footerMenu .nav-caddie .ico::before{color : var(--bleu);}
	
	#headerMobile {position: fixed; top : 0; width: 100%; background: var(--bleu);  height : 46px; z-index : 500; display: block; }

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

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

	.bg_rubrique .flex1-3.uneRubrique {
		width: 100%;
	}
	.img_absolute{position: relative;}
	.bg_rubrique .flex1-3 {
		width : 50%;
	}
	.dl-menu-resp {
	  display: block;
	}
}


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

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

#contentAccueil {flex-direction: column; display: flex;}

@media all and (max-width: 740px) {
	.paddingNoRight {padding-right : 20px;} 

	.rubriqueAccueilTexte {display: none;}
	#contentAccueil {flex-direction: column-reverse;}
	nav + section.section,
	section.section_breadcrumb + section.section, section.section_max.bg_rubrique { 
		padding-top: 0;
	}

	h1, h2.like_h1 {font-size: 200%; margin-bottom: 20px;}
	.beforeTrait::before {height: 27px;}


	#slider {display: none;}
	.slider > .col1-2 {padding: 0 20px;}
	.slider > .col1-2.padding_small {padding: 0 20px;}
	.fond_accueil1 .col1-2.padding_small {
		float: left;
		width: 50%;
	}

	.padding10_20 {
		padding : 20px;
	}

	.padding {padding: 20px;}

	.paddingLR{padding: 0 20px;}
	.paddingTB{padding: 20px 0;}
	.col1-2.padding_small {padding: 0 20px;}

	.padding_left_accueil {
	  padding: 5px 20px;
	}	

	.border10Right {border : none;}
	
	#selectionArticles {
		padding: 0;
	} 
	/*
	#sectionContentArticles {
		display: none;
	}*/

	.page_demi {
	  width: 100%;
	  max-width: inherit;
	}

	.bottom_img_rubrique {
	  position: relative;
	  width: 100%;
	  bottom: inherit;
	  left: inherit;
	  z-index: 40;
	  height: inherit;
	  padding : 20px 40px;
	}
	.img_absolute {
		width : 100%;
		max-height: 400px;
	}
	
	.introRubrique .flex1-2{display: block;}

	#affiche-recherche-avancee {
		position : fixed; 
		bottom : 0px; 
		left : 50%; 
		font-size: 100%;
		text-transform: uppercase;
		background: var(--bleu);
		color : #fff;
		display: 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;}
	.recherche-avancee-btn-bas {
		position: fixed;
		z-index : 45;
		bottom : 0;
		padding : 10px 20px 20px 20px; 
		left : 0; 
		width: 100%;
		background: #fff;
	}

	.resultat-recherche-btn {
		padding : 5px 10px;
		font-weight: 300;
		text-transform: uppercase;
		background: var(--bleu);
		color : #fff!important;
	}
	#form_rubriques {display: block;}
	
	#recherche-avancee {
		position: fixed;
		height: 100vh;
		background: #fff;
		width: 100%;
		display: none;
		top : 0; 
		left : 0;
		text-align: left;
		padding : 50px 0  20px 20px;
	}
	#recherche-avancee.recherche-avancee-ouvert {
		display: block;
		z-index : 40;
	}

	#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 80px 0;
	}

	.filtres  li a{	
		pointer-events: initial;
	}
	.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;}


	.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: 380px;
		height: auto;
		min-height: inherit;
	}
	
	.ecArticleVignette .img_100 { 
		max-height : 380px;
		object-fit: inherit;
		height: inherit;
		width: inherit;
	}
		
	
	.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;
		}

	.unArticleCMS {padding-bottom: 40px;}
	.page {padding : 0;}
	.col1-2, .col1-3, .col2-3, .col1-4, .col3-4, .col2-5, .col3-5 {float : none; width : 100%; }
	
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4, .flex2-5, .flex3-5  {width : 100%;}
	
	.flex1-3.rubriqueAccueil {width : 100%;}
	.flex1-3.unProduit {width : 100%;}
	.flex1-3.unProduit > div.align_center {width : 100%;}
	
	#rassurance .col1-4, #rassurance .flex1-4 {
		float : left; 
		width : 50%;
	}
	
	.ecArticlePanier .ecTarif {
		padding : 0 20px 20px 0px;
		float: none;
		width: 100%;
		font-size: 220%;
	}
	.blocPrixQtePanier {
		margin-top: 0;
	}
	.blocQteBtn {
	  float: none;
	}

	/** 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 {
		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) {

	/** ajouté par Ben **/
	.w360 { max-width: inherit; }
	.fond_accueil1.flex1-1 {display: block}
	
	.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";
	}

}


@media all and (max-width: 480px) {
	
	.ecAjoutArticlePanier  {
		margin-top : 20px; 
	}	

}

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