/*** default styles */
* {padding: 0;margin: 0; box-sizing: border-box;}
select * {padding: 0 0.5em;}
ul{list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size */
html {}
body {background-color: #fff;color: #000;}
input, select, textarea {font-size: 100%; font-family: Arial,Sans-serif;}
/*** 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; line-height: 0; font-size: 0;}
.no-wrap {white-space:nowrap;}
.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; }

/* =html,body */
html {font-size: 62.5%;}

body {
    width : 100%;
    font-size: 1.9em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight : 300;
    line-height: 1.6;
    
}

    #wrapper {
        position: relative;
        overflow-x: hidden;
    }

.page {
    max-width: 1200px;
    width : 100%;
    text-align: left;
    position: relative;
    margin : 0 auto;
}

/*#le_conteneur {position: relative; overflow: hidden}*/

.page_min {max-width : 950px;}

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

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

.col{width: 100%;  box-sizing: border-box;}
.col3-4{width: 75%; box-sizing: border-box;}
.col1-2{width: 50%; box-sizing: border-box;}
.col1-3{width: 33.33%; box-sizing: border-box;}
.col2-3{width: 66.66%; box-sizing: border-box;}
.col1-4{width: 25%; box-sizing: border-box;}
.col1-5{width: 20%; box-sizing: border-box;}
.col2-5{width: 40%; box-sizing: border-box;}
.col4-5{width: 80%; box-sizing: border-box;}
.col1-6{width: 16.66%; box-sizing: border-box;}
.col1-7{width: 14.28%; box-sizing: border-box;}
.col1-8{width: 12.50%; box-sizing: border-box;}

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

.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4 { 
    display: flex;
	position: relative;
}

.flex{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%;}
.flex2-5{width: 40%;}


.flexColumn {
	flex-direction: column;
	display: flex;
}



.flex_right_top {
    justify-content: right;
	display: flex;
}

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


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

.flex_center_top {
    justify-content: start;
    align-items: center;
}


.padding{padding: 20px;}
#top .padding_small{padding: 5px 20px;}
.padding_small{padding: 5px;}
.padding_big{padding: 60px 20px;}
.padding_noBottom {padding-bottom: 0;}
.padding_l_r {padding : 0 20px;}
.padding_t_b {padding : 20px 0;}
.paddingBigTB {padding : 60px 0;}
.paddingBigTop {padding : 80px 20px 20px 20px;}
.margin_noBottom {margin-bottom: 0;}
.paddingSlider {padding : 20px 50px;}

.bg_gris_fonce {background-color : #525252; color : #fff;}
.bg_gris_clair {background-color : #ebebeb; color : #4d4d4d;}
.bg_blanc {background : #fff; color : #000;}
.bg_blanc_transparent {background : rgba(255,255,255,0.6); color : #000;}
.bg_noir {background : #000; color : #fff;}
.bg_bordeau {background : #580907; color :#fff;}
.bg_taupe_clair {background : #a79f93; color :#fff;}
.bg_taupe {background : #292724; color :#fff;}


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

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


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

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

.margin_auto{margin: 0 auto;}

.position_relative{position: relative;}
/*gestion des couleurs et des fonds  */


.bg_blanc_transparent a:link, .bg_blanc_transparent a:visited,  
.bg_gris_clair a:link, .bg_gris_clair a:visited,  
.bg_blanc a:link, .bg_blanc a:visited {color : #000;} 


.bg_bordeau a:link, .bg_bordeau a:visited,  
.bg_taupe_clair a:link, .bg_taupe_clair a:visited,  
.bg_taupe a:link, .bg_taupe a:visited,  
.bg_noir a:link, .bg_noir a:visited{color : #fff;} 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #c2c2c2;} 


.color_bordeau { color : #580907!important;}
.color_taupe_clair { color : #a79f93!important;}
.color_taupe { color : #292724!important;}
.color_gris { color : #8B8C8B!important;}



.bg_img {
	background-repeat: no-repeat;
    background-position: center center;
   /*  background-attachment: fixed;*/
   background-size: cover;
   background-image : url(/style/slider/vigne-ete.jpg);
   height : 450px;
}
#domaine .bg_img{background-image : url(/style/slider/domaine-autrand-domaine.jpg);}
#ec-root-catalogue .bg_img{background-image : url(/style/slider/domaine-autrand-boutique.jpg);}
#cms-root-2 .bg_img{background-image : url(/style/slider/domaine-autrand-actualites.jpg);}
#contact .bg_img{background-image : url(/style/slider/domaine-autrand-contact.jpg);}


#logo .img_100 {max-height : 300px;}

#accueil .bg_img {height : calc(100vh - 40px);}
#accueil  .bg_img #logo .img_100 {max-height : inherit;}

.section {padding : 40px 0; overflow : hidden;}
.section_sansBottom{padding: 40px 0 0 0;}
.section_sansTop{padding: 0 0 40px 0;}
.section_small{padding: 20px 0;}

.sectionBtnNext {
	position : relative;
	padding-bottom : 105px;
}
.marginAuto {
	margin : 0 auto;
}

.block_center {
	position : absolute; 
	top : 50%; 
	left : 50%;
	transform : translate(-50%,-50%);
}

.absoluteBottomCenter {
	position : absolute; 
	bottom : 20px; 
	left : 50%;
	transform : translate(-50%,0);
	padding : 10px;
}


.absoluteCenterLeft {
	position : absolute; 
	top : 50%;
	left : 40px;
	transform : translate(0,-50%);
	padding : 10px;
}


.borderBigBottom {border-bottom : 10px solid #491422;}
.borderSimple {border : 1px solid;}

.maxWidth800 {max-width : 800px; margin : 0 auto;}

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


/* 
header {
	position : absolute; 
	width : 100%;
	top : 0;
	z-index : 500;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

header.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);
}
header.nav-fix .bg_blanc_transparent{background : rgba(255,193,0,0.9);}

header.nav-intemediaire {
	top : -140px;
}
*/ 

nav{
	top: 40px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index : 200;
}
	
	nav ul{
		text-align: center;
	}
	
		nav ul li{
			display: inline-block;
			color: #fff;
			font-size: 80%;
			font-weight: 400;
			padding: 0 8px;
			position : relative;
		}
		
			nav ul li a{
				color: #fff;
				-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				transition: all 0.5s;
				text-transform : uppercase;
				border-bottom: 1px solid transparent;
			}
			
			#accueil li#nav-accueil a,
		
			.produits li#nav-produits a,
		
			#contact li#nav-contact a,
			
			#cms-root-2 li#nav-actualites a,
			#domaine li#nav-domaine a,
			nav ul li a:focus, nav ul li a:hover{
				color : #580907;
				text-decoration: none;
				border-bottom-color: inherit;
			}
			nav ul li#nav-boutique:focus, nav ul li#nav-boutique:hover, 
			#ec-root-catalogue li#nav-boutique ,
			.ec-root-rubrique li#nav-boutique ,
			.ec-root-article li#nav-boutique {
				background : #fff;
			}
			nav ul li#nav-boutique:focus a, nav ul li#nav-boutique:hover a, 
			#ec-root-catalogue li#nav-boutique a,
			.ec-root-rubrique li#nav-boutique a,
			.ec-root-article li#nav-boutique a{
				color : #580907;
			}
			
			
			nav ul ul {
			padding : 20px 0;
			margin: 20px 0 0 0;
			_margin: 0; /*IE6 only*/
			opacity: 0;
			visibility: hidden;
			position: absolute;
			/*top: 25px;*/
			left: 0;
			z-index: 9999;
			background: #;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			width : 175px;
			text-align : left;
			background : rgba(255,193,0,0.6);
		}
		
	
			nav li:hover > ul {
					opacity: 1;
					visibility: visible;
					margin: 0;
			}

			nav li li{display : block;}
				
				nav ul li li a{ padding : 3px 10px; display : block; width : 100%; }
				nav ul li li a.active, nav ul li li a:hover,nav ul li li a:focus{  background : #000;  color : #580907!important;}
			
		#nav-boutique {padding : 2px 5px;}
	#nbArticlesPanier  {
		position : absolute; 
		top : 2px;right : 12px;
		font-size : 90%;
		font-weight: 700;
		line-height : 1em;
		background : #B11B1C;
		border-radius : 20px;
		padding : 5px 7px;
		color : #fff;
	}
	
	#disconnect {
		position : absolute; 
		top : -7px; 
		right : 4px;
	}
			
			
		#nav-cache {
			position: fixed;
			background :#000;
			top:0;
			bottom:0;
			height:100%;
			width:100vw;
			left:-100vw;
			overflow-y : auto;
			z-index:9999;
		}

		a#open-right {
			display : none;
			color : #fff!important;
			font-size : 170%;
			background : #000; 
			text-align : right;
			position : absolute;
			padding : 0 10px;
			left : 0;
			top : 0;
			z-index : 200;

		}

		a.close-right {color : #fff; float : right; text-transform : uppercase; font-weight : bold; font-size : 1.2em; margin-right : 5px;}
		#nav-responsive {margin-top : 40px;}
		#nav-responsive  li { list-style-type : none;}
		#nav-responsive  ul { margin-left: 45px;}
		#nav-responsive  li  li{ list-style-type : disc;}
		#nav-responsive a{
			display : block;
			color : #fff;
			padding : 1vh 10px;
		/*	border-bottom : 1px solid #580907; */
			text-transform : uppercase;
			font-size : 1em;
		}
		
		#nav-cache  {
			margin-right : 0;
		}
		#nav-responsive  li li{ font-size : 90%;}
		#nav-responsive a.nav-mang-mobile {
			padding : 10px;
			float : left;
			border : none;
		}

				
		.nav_compte li{
			display : inline-block;
		}
		
		
		.nav_compte li a{
			padding : 0 10px;
			border-left : 1px solid #fff;
			line-height : 1;
			text-transform : uppercase; 
			font-size : 70%;
		}
		
		.nav_compte li:first-child a {border : none;}
	/*** boutique   *****************************************/
	a.ecSousRubrique, .ecSousRubrique  {
		display : block;
		color : #fff!important;
		width : 100%; 
		overflow : hidden;
	}
	
	.ecSousRubrique  strong{
		font-weight : 400;
	}
	
	.ecSousRubrique div {
		width : 100%;
		text-align : center;
	}
	
	.ecSousRubrique img {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
		overflow : hidden
	}



		.ecSousRubrique:hover img,  .ecSousRubrique:focus img {
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			opacity: 0.8;
			-moz-transform: scale(1.1,1.1);
			-ms-transform: scale(1.1,1.1);
			-webkit-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
		}
	

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

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

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

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

	.article_panier {
	  -ms-grid-row: 1;
	  -ms-grid-column: 5;
	  grid-area: panier;
	}
	.article_descriptif {
	  -ms-grid-row: 3;
	  -ms-grid-row-span: 3;
	  -ms-grid-column: 3;
	  grid-area: descriptif;
	}
	.article_rassurance {
	  -ms-grid-row: 3;
	  -ms-grid-row-span: 3;
	  -ms-grid-column: 5;
	  grid-area: rassurance;
	}
	
/*** liste + paragrahe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
		margin-bottom : 1em;
	}
		ul.list li{color: #580907;}
			ul.list li span{color: #000;}
	
	.bg_noir ul.list li span{color: #fff;}
	.color_blanc ul.list li span{color: #fff;}
	
	ul.list_qui li{
		display: inline-block;
		padding: 0 15px;
	}
	
	ul.nav_rs li{
		display : inline-block;
		padding : 0 10px 0 0;
	}
	
	ul.nav_rs_article{border: 1px solid #818181; padding: 5px;}
	ul.nav_rs_article li{
		display : inline-block;
		padding : 0 10px 0 0;
		color: #818181;
	}
	
	.section  ol {margin-bottom : 0.5em; list-style-position : inside;}
	.section  p {margin-bottom : 1em;}
	
	.img_100 {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}
	
	ul.inline li {
		display : inline-block;
		padding : 10px;
	}

				
	
	.small {font-size : 80%;}
	.big {font-size : 120%;}
	.citation { 
		font-size : 150%; 
		font-family: 'Playfair Display', serif;
		font-weight: normal;
	}
	
/*** lien   *****************************************/

	.btn_suite {
		display : inline-block;  
		padding : 5px 10px;
		font-weight: 300;
		font-size : 110%;
		background : #d7cdbc;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		color : #a66e3e!important;
	}

	.btn_gamme {
		text-transform: none;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 300;
		font-size : 16px;
		display: inline-block;
		line-height: 1;
	}

	
	.bg_bordeau .btn_suite {color : #000!important;}
	.ecArticleResume .btn_suite {margin-top : 20px;}
	.btn_border_top {
		display : inline-block; 
		border-top : 1px solid #a66e3e; 
		padding : 5px 10px;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		text-transform : uppercase;
		color : #a66e3e!important;
	}
	
	.btn_actu {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		color : #a66e3e!important;
		padding-bottom : 10px
	}
	
	.color_blanc a.btn_suite:link,
	.color_blanc a.btn_suite:visited {
		color : #fff!important;
	}

	.btn_noir {
		color : #000!important;
		border-color : #000; 
	}
	
	
	.btn_noir:hover, .btn_noir:focus {
		color : #fff!important;
	}
	
	.btn_border_top:hover, .btn_border_top:focus {
		background : #a66e3e; 
		color : #fff!important;
	}
	
	.btn_suite:hover, .btn_suite:focus {
		background : #a66e3e; 
		color : #d7cdbc!important;
	}



	
	.btn_small {font-size : 80%;}
	a.next_section {
		display: block;
		margin : 20px auto;
		z-index : 30;
		color : rgba(215,205,188, 0.8)!important;
		text-align: center;
	}

/*** popup *************************/
#popup-legal {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	min-height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.popupTitre {
	position: absolute;
	top: calc(50vh - 19vw - 60px);
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 130%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5em;
}
.pop-up-content  {
	width : min(100%,620px); 
	margin: auto;
}

.btn-pop-up-legal {
	display: inline-block;
	padding: 2px 10px 0; 
	font-weight: 400; 

	text-transform: uppercase;
	color : #000!important;
}


/*** footer   *****************************************/


ul.rassurance li {width : 32%; padding : 20px 30px; text-transform: uppercase; vertical-align: middle;}
ul.rassurance li.rass::before {
	font-family : fontAwesome; 
	padding : 5px;
	font-size : 200%;
	display : block; 
	padding-bottom : 5px;
}


.rassurance li.rass_01::before {content : '\f023'; }
.rassurance li.rass_02::before {content : '\f0d1'; }

footer{
	font-size: 90%;
}

	#footer_newsletter input[type=submit]{
		border : none; 
		background : transparent;
		color : #fff;
		text-transform : uppercase;
	}

	#footer_newsletter input[name=email]{
		background : transparent;
		color : #fff;
		border 	: 1px solid #fff;
	}
	
	

	.mentions {padding : 20px 0 0 0;}
	.mentions li{
		display : inline-block; 
		padding : 0 5px; 
		border-left: 1px solid;  
		line-height:1 ;
		font-size: 90%;
	}
	.mentions li:first-child { border-left:none;}
	.mentions 	a {display: block; line-height: 1}
	
		.borderLeftFooter {border-left : 1px solid;}
	
	.list_footer li{display: inline-block; padding-right: 5px;}
	.list_footer li:last-child{ padding-right: 0;}
	
	.logoFooter {max-width : 440px;}
	
/*** titre *****************************************/
	h1, h2.like_h1{
		font-size: 180%;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		text-transform: uppercase;
		line-height : 1.3em;
		margin-bottom : 0.5em;
	}
		
		#top h1{
			margin : 5px 0 0 0;
			text-transform: none;
			font-size : 80%;
			
		}
	
	h1.traitH1, h2.traitH1 {
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		position: relative;
		letter-spacing : 2px;
		font-size: 220%;
	}
	
		h2.traitH1 {font-size : 160%; 
		margin-bottom : 1em;}
	
	.bg_blanc h1.traitH1 span, .bg_blanc h2.traitH1 span{
		background : #fff;
		z-index : 20;
		position : relative; 
		padding : 0 10px;
	}
	
	h1.traitH1::after, h2.traitH1::after { 
		content : "";
		background : #580907; 
		height : 1px; 
		width : 100%;
		position : absolute; 
		bottom : 12px;
		left : 0;
		display : block;
		z-index : 10;
	}
	h2.traitH1::after { bottom: 9px;}
	h2, h2 a:link, h2 a:visited, h1.like_h2{
		font-size: 150%;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		line-height : 1.3em;
		letter-spacing : 2px;
		text-transform: uppercase;
		
	}
	h1.traitBottom {
		
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid;
	}

	h2.h2_small {
		font-size : 120%;
	}
	h3, h3 a:link, h3 a:visited{
		font-size: 150%;
		text-transform: none;
		font-weight : 400;
	}

	
	#caddie-popup h3 {font-size : 120%;}
	
	h4 {
		font-size: 110%;
		text-transform: none;
		font-weight : 400;
	}

	h5{
		font-size: 13px;
		font-weight: normal;
		color: #000;
	}


	
/* 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:#000;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}
	
	/*** mansory ***********************************************/
.grid-sizer  {
	width : 25%;
	padding : 20px;
	box-sizing : border-box;
	line-height : 1;
	float : left;
	position: absolute;
}


/* =tags */
.cn-liste-tags li {display: inline; padding: 0 0.3em;}

/* =e-commerce */

/* rubriques */



.autresRubriquesCatalogue {
	min-height : 350px;
}

.ecRubriques {
    position: relative;
    margin-bottom: 1em;
    border-bottom: 1px solid #580907;
    padding-bottom: 2em;
    width: 100%;
    float: left;
    clear: both;
}

.ecRubriques .left {float: left;}
.ecRubriques .right {float: right;}

/* rubrique */

.ecRubrique {/*padding-bottom: 0.5em; margin-bottom: 3em;*/}
#ecRubrique {
    color : #000;
    border-bottom: 1px solid #580907;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}

#ecRubrique .tri form, #ecRubrique .tri select, #ecRubrique .tri input, #ecRubrique .tri strong, #ecRubrique .tri span {
    display : inline-block;
    padding-right : 5px;

}

#ecRubrique .tri strong {font-size : 1.2em; font-weight : 700;}
#ecRubrique .tri span { text-transform : uppercase; padding : 0 50px 0 10px;}

.ecRubriqueDesc {margin-bottom: 1em; /*text-align: justify; font: 0.9em Arial,sans-serif;*/}
.ecrubriqueDesc img {width : auto; max-width : 100%; } 
#ecRubriqueDetail, .slideRubrique {
    color: #FFFFFF;
    font-size: 1.2em;
    /*height: 354px;
    overflow: hidden;*/
    padding: 35px 0 10px 0px;

}


#ecRubriqueDetail h2, .slideRubrique h2 {
    font-family : 'Nunito',cursive;
    font-weight : 300;
    font-size : 18px;
}

#ecRubriqueDetail h2 strong, .slideRubrique h2 strong{
    font-weight : 800;
    font-size : 32px;
    /*display : block;*/
    margin-top : 5px;
    text-transform : none;
    line-height : 31px;
    /*text-shadow: #644653 3px 1px, #644653 -3px 1px, #644653 -3px -1px, #644653 3px -1px;*/
}

.ecRubriqueDescResu {}
.cnJS .ecRubriqueDescComp {display: none;}

.ecRubriqueImg {display: block; margin-bottom: 10px;}
.ecRubriqueDocs {}

.ecAffinezSelection strong {display: block; margin-bottom: 0.5em;}
.ecAffinezSelection a {float: left; width: 29%; margin: 1% 2%;}

.sousRubriqueArticle .tous_les_articles, .cmsSousRubriques .tous_les_articles {
    float: right;
    border: none;
    color : #fff;
    padding : 5px 10px;
    background: #FAAA00;
    font-size : 1.4em;
    cursor: pointer;
}

/* articles */

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

.ecListeArticle {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.ecListeArticle th, .ecListeArticle td {padding: 2px 4px; border-bottom: 1px solid #c0c0c0;}
.ecListeArticle .ecNumAffArticle {display: inline-block; min-width: 30px; padding-right: 15px; font-weight: bold;}
.ecListeArticle .ecGroupe {visibility: hidden;}

.ecArticlesRubrique, .ecArticlesAssocies {
    margin-bottom: 20px;
    width : 100%;
}
.cache {display : none;}


#accueil .ecArticlesRubrique {margin : 0;}

.ecArticleDocuments {
	margin-top : 20px;
}


.ecArticlePlus .ecApercuArticle {margin-left: 19px;}
.ecArticlesAssocies .ecApercuArticle, .articlesCorpsAssocies .ecApercuArticle {
    /*width: 250px;*/
    height : 188px;
    font-size : 90%;
}
.articlesCorpsAssocies .ecArticleResume {width : 310px;}

.articleVenteFlash {background : none; width :292px; height : 65px; padding : 5px 0; }

.ecArticleResume {
   /* margin: 10px 2px 10px 0;*/
}

.ecArticleResume:first-child {margin-left: 0;}

.contentArticle{
	border: 1px solid #000;
}



.ecArticleResume .ecLibelleArticle {
	height : 100px;
    overflow : hidden; 
	font-size : 70%;
	padding : 20px 0;
}

.ecLibelleDeclArticle {
	color : #000;
    display : block;
	font-weight : 400;
	font-size : 130%;
	padding: 0 10px;
}

#ecBlocArticle .ecLibelleDeclArticle {font-size : 140%;}

	


.articleVenteFlash   a.ecLibelleArticle:link, .articleVenteFlash   a.ecLibelleArticle:visited{
    color : #fff;
    float : left;
    width : 150px;
}


.ecVignetteArticle {
	display: block;
    height: 220px;
    overflow: hidden;
}
.ecVignetteArticle .img_100{
	margin : 0 auto;
	height : auto;
	max-height : 100%;
}
/*.ecVignetteArticleVF { float : left; margin-right : 5px; width : 60px; height : 60px; }
.ecArticlesAssocies  .ecVignetteArticle, .articlesCorpsAssocies  .ecVignetteArticle{width : 110px; height : 168px; }*/
.ecArticleResume .ecDetailArticle {
	
}

.ecArticlePanierResume {text-align : right; }
.ecArticlePanierResume .ecArticleConditionnement, .ecArticlePanierResume .ecArticleRef {
    font-size : 0.7em;
    color : #727071;
    float : none;
    display : block;
}

.ecArticleResume .ecDescCourtArticle {}
.ecArticleResume .ecDescCourtTexte {}

.ecArticleResume .ecTarif, .ecArticleResume .ecTarifNormal, .ecArticleResume .ecTarifSurDemande ,
.ecArticleResume .ecTarifPromo {display: block;   margin: 5px 0;  }
.articleVenteFlash .ecTarifPromo { margin: 5px 0 20px 5px;  float : right; width : 72px; }

.ecArticleResume .ecTarif, .ecArticleResume .ecTarifPromo, .ecArticleResume .ecTarifSurDemande {font-size: 100%; font-weight: 400; margin: 0 0 5px 0;}
.articleVenteFlash .ecTarif, .ecArticleResume .ecTarifPromo, .articleVenteFlash .ecTarifSurDemande { color : #fff; }
.ecArticleResume .ecTarifPromo {margin-left : 5px;}
.ecArticleResume .ecTarifSurDemande  {font-size: 110%; margin-bottom : 10px;  height: 60px; }
.ecArticleResume .ecVoirDetailArticle, .ecArticleResume .ecAjoutPanier  {
    display : block;
    margin-top : 10px;
}


.ecVoirDetailArticle{
    /*width : 104px;*/
    position : absolute;
    right : 10px; bottom : 10px;
}


.ecAjoutPanier, .detailsArticle {
   padding : 5px 10px; 
   background : #d7cdbc;
    cursor: pointer;
    box-sizing : border-box;
    display : block;
	border : none;
	text-align: center;
	color : #a66e3e!important;
	text-transform : none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.detailsArticle::before{
	font-family: fontAwesome;
	content: '\f00e';
	padding-right: 5px;
}

.ecAjoutPanier:focus, .ecAjoutPanier:hover{background: #a66e3e; color : #d7cdbc!important;}


button.ecAjoutPanier {
	font-family: 'Josefin Sans', sans-serif;
	font-weight : 400;
	font-size : 110%;
}

.ecArticleResume {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border : 1px solid transparent;
}
	
 
.ecArticleResume h2{
	font-size : 120%;
	height : 100px; 
	overflow : hidden;
	margin-bottom : 10px;
	padding-bottom : 10px;
	border-bottom : 1px solid #d7cdbc;
}
.ecArticleAction {
	opacity : 0;
	height : 100%; 
	width : 100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	position : absolute; 
	top : 0;
	 left : 0;
	 background: rgba(255,255,255,0.5);
}

.ecArticleAction .block_center{ width : 85%;}
.ecArticleResume:hover, 
.ecArticleResume:focus  {border-color : #580907;}
.ecArticleResume:hover .ecArticleAction, 
.ecArticleResume:focus .ecArticleAction {
	opacity : 1;
}

.bn_complet {
	background : #b15f1b;
	color : #fff;
	text-transform : uppercase; font-weight : 300;
	padding : 5px 10px;
	margin-top : 25px;
}

.ecAjoutPanierReserve .fa{
	float : left;
}

.ecAjoutPanierReserve span{
	float : left;
	padding : 5px 0 0 5px;
}

#ecBlocArticle .ecAjoutPanier {float: left;}

#ecBlocArticle .ecAjoutPanier span{
	padding : 7px 0 0 0;
}


#ecBlocArticle .ecAjoutPanier i {
	float: left;
}

.ecVoirDetailArticle a span  { background : none; padding : 5px 5px 5px 30px; }

.ecArticlePanier .ecArticleSelectQuantite {
	margin : 0 10px 0 0;  padding: 7px 0; float: left;
	/* border : 1px solid #491422;*/
}



.ecTarif {white-space: nowrap;}
.ecTarifPromo {color: #FAAA00 !important; white-space: nowrap;}
.ecTarifNormal {
    color: #000000;
    font-size: 140%;
    text-decoration: line-through;
    white-space: nowrap;
    line-height : 1.0em;
}

.borderPanier {
	border-top : 1px solid #9f9f9f;
	border-bottom : 1px solid #9f9f9f;
	padding : 20px 0;
	margin : 20px 0;
	
}


/*.ecArticle {}*/


.ecArticlePhoto {
	max-height : 600px;
}

.ecArticle .ecArticleDesc {margin-top : 15px;}
.libelleDesc {

    font-size: 110%;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ecArticlesAssocies .ecArticleDescC, .articlesCorpsAssocies  .ecArticleDescC {height : 80px; overflow : hidden;}

.ecArticleResume .ecArticleDesc {height : 142px; overflow : hidden;}
.ecArticleDescResume {font-weight :400;}

.ecArticleDescBloc {margin-bottom : 10px;}



b.les_plus {
	width : 29px;
	height : 29px; 
	display : inline-block;
	background : transparent url(/style/produit/plus_crocdelidrome.gif) no-repeat left top;
}
.ecArticleDetail {position : relative}
.fa-attr  {
	
	color : #B11B1C;
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
.ecArticleResume  {position : relative;}

.ecArticleResume  .fa-attr {   font-size: 150%; }

.pastille-news {
	position : absolute;
	right: 15px;
	top: 15px;
}

.borderTopDesc{
	border-top: 1px solid #EBEBEB;
}

.ecArticleResume   .pastille-news {font-size: 200%; }

.pastille-news span{
	-ms-transform: rotate(27deg); 
	-webkit-transform: rotate(27deg); 
	transform: rotate(27deg);
	position : absolute; 
	top:9px; 
	left : 5px; 
	color  :#fff; 
	font-size : 20%;
}

	.ecArticleResume .pastille-news span{
		
		font-weight: 700;
		position: absolute;
		top: 11px;
	}

.ecArticleFiche  .ecArticleContent {float : left; width : 75.5%;}

.ecArticleFiche .ecZoom .bandeau_img, .ecArticleResume .ecVignetteArticle .bandeau_img {
    position : absolute;
    left : 0;
    top : 0;
    z-index : 300;
    display : block;
}

.ecArticleFiche .ecZoom .bandeau_promo {
    width : 129px;
    height : 52px;
    background : transparent url(/style/ecommerce/promo.png) no-repeat left top;
}


 .bandeau_vendu {
    width : 133px;
    height : 98px;
    background : transparent url(/style/ecommerce/vendu.png) no-repeat left top;
}
.bandeau_nouveaute {
    width : 122px;
    height : 86px;
    background : transparent url(/style/ecommerce/new.png) no-repeat left top;
}

.bandeau_coups_de_coeur {
    width : 94px;
    height : 87px;
    background : transparent url(/style/ecommerce/coup-de-coeur.png) no-repeat left top;
}

.bandeau_vente_flash {
    width : 121px;
    height : 105px;
    background : transparent url(/style/ecommerce/vente-flash.png) no-repeat left top;
}

.ecArticleResume  .bandeau_img {
    display : block;
    height : 45px;
}

.ecArticleResume .bandeau_promo {
    width : 129px;
    height : 52px;
    background : transparent url(/style/ecommerce/promo.png) no-repeat left top;
}
.ecArticleResume .bandeau_vendu {
    width : 54px;
    background : transparent url(/style/ecommerce/vendu-small.png) no-repeat left top;
}
.ecArticleResume .bandeau_nouveaute {
    width : 67px;
    background : transparent url(/style/ecommerce/new-small.png) no-repeat left top;
}

.ecArticleResume .bandeau_coups_de_coeur {
    width : 46px;
    background : transparent url(/style/ecommerce/coup-de-coeur-small.png) no-repeat left top;
}

.ecArticleResume .bandeau_vente_flash {
    width : 53px;
    background : transparent url(/style/ecommerce/vente-flash-small.png) no-repeat left top;
}


.ecArticleFiche .ecZoom .ecTriggerGalerie {display: block;}

.ecArticleContent {
    overflow : hidden;
}

.ecArticleDetail {
}
.ecArticlePanier {margin: 15px 0 0 0; position: relative;}
.ecArticlePanier .ecAjoutArticlePanier {
	border : none;
	background-color: #a66e3e;
	color: #d7cdbc;
	font-size : 100%;
	font-weight : 400;
	padding : 10px 15px; 
	cursor : pointer;
	float: right;
	font-family: 'Josefin Sans', sans-serif;
	
}

.ecArticlePanier .ecAjoutArticlePanier:hover, .ecArticlePanier .ecAjoutArticlePanier:hover  {
	background : #d7cdbc; 
	color: #a66e3e;
}

.ecArticlePanierRight { float : right; width : 190px; padding-left : 20px;}
.ecArticlePanierLeft {margin-top : 20px; float : left; width : 345px;}

.ecArticlePanier fieldset {
    /*	margin-bottom: 10px;
        border-bottom: 2px solid #eaeaea;
        padding-bottom: 10px;*/

}

.prixDetailsArticle {}

.transaction_panier{
	color: #525252;
	font-weight: 300;
}

.transaction_panier::before{
	font-family: fontAwesome;
	content: '\f023';
	padding-right: 15px;
}

.ecArticlePartage a:link, .ecArticlePartage a:visited{
    color: #525252;
}




.ecArticlePartage iframe{float : left;}
.ecArticlePartage .titrePartage {
    display : block; float : left; margin-right : 5px; margin-top : 9px;
}
.ecArticlePartage #toolbox {
    float : left;
}

.nav-rassurance li::before {
	font-family : fontAwesome; 
	font-size : 100%;
	padding-right : 10px;
}


.nav-rassurance li#nav-liv::before { content : "\f0d1";}
.nav-rassurance li#nav-paiement::before { content : "\f023"; float : left; display : block;}
.nav-rassurance li#nav-echange::before { content : "\f061";}
.nav-rassurance li#nav-pdf::before { content : "\f1c1";}

.nav-rassurance li {
	font-size : 110%;
	font-weight : 500;
	margin-bottom : 10px;
}
	
.nav-rassurance li#nav-paiement span {overflow : hidden; display : block;}
	.nav-rassurance li#nav-paiement i {padding-top : 5px; font-size : 150%;}

.ecArticleDesc ul{
	margin-bottom : 1em;
}

.ecArticleDesc ul li{margin-left : 15px; list-style-type : disc;}

.ecArticleModelesList select {
    display: block;
    width: 100%;
    margin-top: 0.5em;
}

.ecArticleModeles {}
.ecArticleModeles .active {text-decoration: underline; }

* html .ecArticleModeles {position: absolute; top: 0; left: 0;}

select.ecArticleModeles {display: none;}
/*select.ecArticleModeles {padding : 5px 0;}
select.ecArticleModeles option{padding : 5px 0;}*/
.cnJS select.ecArticleModeles {display: inline;}

.ecArticlePanier .ecArticleConditionnement {font-size : 90%;}

.ecArticle .ecTarif, .ecArticle .ecTarifPromo, .ecArticle .ecTarifNormal {
    font-size: 220%;
    color : #580907;
	line-height : 1.5em;
}

.smallRed {
	color: #ff0000!important; 
	font-size: 90%;
}

.ecArticle .ecTarifSurDemande {
    font-size: 150%;
	font-weight: 600;
    color : #580907;
}

.ecArticle .ecTarifNormal {
    font-size: 190%;
    color : #000;
}

.ecArticle .ecTarifPromo {
    display: block;
    min-height: 25px;
    /*background: transparent url(ecommerce/elements.png) no-repeat 0 -142px;*/
    font-size: 250%;
    font-weight: bold;
    line-height: 1;
}
.ecArticle .ecMontantEconomise {display:block; clear: both; /*text-align: right;*/}

.ecArticleStock {
    color : #fff;
    padding : 5px 5px 2px 5px;
    font-size: 90%;
	text-transform: uppercase;
	font-weight: 400;
	/*display:block;
	width: 50%;*/
	display : inline-block; 
	text-align : right;
	text-align: center;
	margin: 5px 0 0 0;
}

.ecArticleStock-1 {background : #539742; }
.ecArticleStock-0 {background : #960f0f;}

.ecArticleLabelQuantite {
	float: left;
	padding: 5px 7px 0 0;
	 
	font-weight : 400;
}
.ecArticleQuantite {
    background: none repeat scroll 0 0 #313131;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 1.4em;
    height: 32px;
    line-height: 1em;
    margin-left: 5px;
    vertical-align: bottom;
    width: 25px;
}

.cadd-mini-qte {
    display: flex;
    font-size: 80%;
}
.ecArticleQuantite2 {
    border: none;
    width: 25px;
    height: 25px;
    background: #f6f5f4;
    color: black;
}
.ecArticleSelectQuantite2 {
    border: 1px solid #f6f5f4;
    padding: 2px;
    width: 40px;
    text-align: center;
}

.desc-article-recompenses {
	background : transparent url(/style/ecommerce/recompense.png) no-repeat left center;
	padding-left : 60px;
	min-height : 57px;
}

.ecPlus {background-position: -21px 0px;}
.ecMoins {}

.section_next {
	transform : translate(-50%,-50%); 
	color : #076982; 
	font-size : 90%; 
	text-transform : uppercase; 
	position : absolute; 
	left : 50%; 
	bottom : 5px;
}


.ecArticleVignettes, .ecArticleTarification {margin-top: 10px;}

.ecArticleVignettes {float: left; width: 100%;}
.ecArticleVignettes img {float: left; margin: 0 5px 5px 0;}

.ecArticleTarification {line-height: 1.2;}
.ecArticleTarification span {color: #FAAA00;}


.ecArticleInfo {
    width: 58%;
    margin-left: 2%;
    padding: 10px 0;
}

.ecArticleRef {
    /*width: 33%;
    margin-right: 2%;
    padding: 10px 0;*/
}

/* vente flash */

.ecVenteFlash {
    font-size : 1em;
    background : #fff;
    padding : 4px 5px 0 30px;
    background : rgba(133, 8, 126 ,0.8) url(/style/ecommerce/chrono.png) no-repeat 5px center;
    color : #fff;
    margin-bottom : 15px;
    min-height : 20px;
}

.ecArticle .ecVenteFlash {padding-top : 5px;}

.ecArticleResume  .ecVenteFlash, .photoProduit .ecVenteFlash  {
    position : absolute;
    left : 0;
    bottom : 0;
    width : 125px;
    margin-bottom : 0px;
}
.articleVenteFlash  .ecVenteFlash {left : 60px;  bottom: 5px; background-color : transparent; width : 125px;}


.ecVenteFlash > span {
    float : left;
    padding-right : 3px;
}

.ecVenteFlash .dash {
    width: 25px;
    height: 20px;
    float: left;
    position: relative;
}

.ecVenteFlash .dash .digit {
    float: left;
    text-align: center;
    position: relative;
    width : 8px;
}

.ecVenteFlash .dash_title {
    font-size : 0.9em;
    float : left;
}

.ecVenteFlash .seconds_dash  {width : 30px;}
.ecVenteFlash .minutes_dash  {width : 40px;}

/* =commentaires */
.ecComment {margin-bottom: 20px;}

.ecCommentNote {
    display: inline-block;
    width: 88px;
    height: 16px;
    float : left;
    margin-right : 10px;
    background: transparent url(ecommerce/stars.png) no-repeat;
}

.ecArticleCommentaires {
    border-top: 3px dotted #CBC9C9;
    margin: 20px 0 0 0;
    padding: 20px 0;
}

.ecArticleCommentaires .ecCommentNote {display: block; margin-top: 2px;}

.ecCommentStar50 {background-position: 0px 0px;}
.ecCommentStar45 {background-position: 0px -18px;}
.ecCommentStar40 {background-position: 0px -36px;}
.ecCommentStar35 {background-position: 0px -54px;}
.ecCommentStar30 {background-position: 0px -72px;}
.ecCommentStar25 {background-position: 0px -90px;}
.ecCommentStar20 {background-position: 0px -108px;}
.ecCommentStar15 {background-position: 0px -126px;}
.ecCommentStar10 {background-position: 0px -144px;}
.ecCommentStar5 {background-position: 0px -162px;}
.ecCommentStar0 {background-position: 0px -180px;}

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

#ecArticlePoll {}

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

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

#ecArticlePoll .ecPoll-0 {display: none;}

.cnJS #ecArticlePoll {float: left; width: 100%; clear: both;}
.cnJS #ecArticlePoll select {display: none;}
.cnJS #ecArticlePoll .ecPoll-0 {display: block;}

.ecDetailsCommentaires {
    float : left;
}

.ecArticleCommentaires .titre_h6 {
    display : block;
    /*float : left;
    width : 160px;*/
}

.ecDetailsCommentaires a:link, .ecDetailsCommentaires a:visited {
    color : #000;
}

.ecDetailsCommentaires .ecLiensCommentaires {
    /*float : left;
    width : 200px;*/
}

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

#breadcrumb ul, #breadcrumb li {display: inline;}
#breadcrumb span:after {content: "\0020 \3E";}
#breadcrumb li:last-child {font-weight: bold;}

* html #breadcrumb li {
    margin-right: 5px;
    border-right: 2px solid #e1e1e0;
}

.colisage{font-size: 85%;}
	.colisage h3{
		text-transform: none;
		font-size: 110%;
		font-weight: 600;
	}
	.colisage h3::before{font-family: fontAwesome; content: '\f0d1'; padding-right: 10px;}

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

/******* =caddie *******/


	
	/** mini panier **/
	.modal-overlay {
		z-index: 800;
		display: none;
		background-color: #1a1919;
		opacity: 0;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		pointer-events: all;
		transition: all 0.4s ease-in-out;

	} 
	
	body.ouvert .modal-overlay {display : block; opacity: .8;}
	body.ouvert {
		width: 100%;
		height: 100vh;
		position: fixed;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	#miniPanier {
		color : #000;
		background-color: #fff;
		position : absolute; 
		height : 100%; 
		right : -100%;
		top : 0;
		max-width : 520px; 
		width: 100%;
		z-index : 900;
		padding : 0;
		text-transform: uppercase;
		transition: all 0.4s ease-in-out;
		height: 100vh;
	}

	#miniPanierContent {
		position: relative;
		height: 100%;
		overflow-y: auto;
	}

	.ouvert #miniPanier {
		right : 0;
	}

		#miniPanier h2{
			text-align : center;
			font-size : 180%;
			text-transform: uppercase;
			font-weight: 300;
			font-family: 'Open Sans', sans-serif;

		}
	 
	 .miniPanierBottom {
	 	border-top: 1px solid  #d5d3d2; 
	 	position: absolute;
	 	bottom : 0;
	 	right: 0;
	 	width: 100%;
			text-transform: uppercase;
			font-weight: 300;
	 }

	 	.miniPanierArticle {border-bottom : 1px solid #d5d3d2; }

	#miniPanierContent .closePanier {
		position : absolute;
		top : 30px;
		left : 30px;
	}

	.miniPanierBottom {
		background : #d7cdbc;
	}
	
	.miniPanierBottom {}


	.miniPanierBottom .btn_suite, .miniPanierBottom .ecFormInputSubmit{
		font-size : 80%;
	}

	.miniPanierArticle a:link, .miniPanierArticle a:visited {
		color : #000;
		line-height: 1.1em;
	} 
	.miniPanierArticle img {max-height: 120px; }

	a.closePanier:link, a.closePanier:visited {color : #000;} 


#contentHoverPanier {opacity : 0;}
#encartCaddieHover {
    width : 300px;
    position : absolute;
    top : 20px;
    right : 0;
    background : #fff;
    -moz-box-shadow: 5px 5px 10px 5px #b4b4b4;
    -webkit-box-shadow: 5px 5px 10px 5px #b4b4b4;
    -o-box-shadow: 5px 5px 10px 5px #b4b4b4;
    box-shadow: 5px 5px 10px 5px #b4b4b4;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b4b4b4, Direction=134, Strength=10);
    padding: 8px;
    box-sizing : border-box;
}


#articlePopupPanier {margin : 5px 0 10px 0;}

.encartCaddieHoverContentArticle  {
    padding : 10px 0;
    border-bottom :1px solid #BDB8B8;
}

.totalCaddieHover {
    font-size : 130%;
    font-weight : 600;
    padding : 10px 0;
}

#articlePopupPanier img, .encartCaddieHoverContentArticle img {
    float : left;
    margin : 0 10px 0 0;
    max-width: 110px;
    width: 33%;
}

.encartCaddieHoverContentArticle img {	width : 33%;}


#articlePopupPanier div, .encartCaddieHoverContentArticle div {overflow : hidden;	}


#encartPanier {
    background : #bab4b4;
    padding : 10px;
    color : #000;
    margin-bottom : 1em;
}

#encartPanier h4{
    text-transform : uppercase;
    font-size : 1.1em;
    padding-bottom : 10px;
}


.nav-etape li{
    display : inline-block;
    margin-bottom : 20px;
}
.nav-etape li a{
    color : #000;
    padding : 10px 20px;
    background : #fff;
    position: relative;
    margin-right : 20px;
    font-weight : 400;
    font-size : 1.2em;
}

.nav-etape li a:after {
    left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}

.nav-etape li a:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 21px; margin-top: -21px; }
/*.nav-etape li a:before { border-color: rgba(0, 0, 0, 0); border-left-color: #000; border-width: 21px; margin-top: -21px; }*/



.nav-etape li.actif a{background : #000; color : #fff;}
.nav-etape li.actif  a:after { border-color: rgba(0, 0, 0, 0); border-left-color: #000; }


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


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

.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: 20px 0; font-size : 120%;}
#cn-caddie-erreur p {margin-bottom: 4px!important;}
#cn-caddie-erreur li {padding-left: 26px;}

.ecModePaiement {margin-bottom: 10px;}
.ecModePaiementLogo {margin: 5px 0 0 16px;}
.ecModePaiementLogo img {max-width : 100%;}

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

.ecmPoursuivreAchat,   a.ecmRetourAccueil {
	color : #000;
		display : block;
		float : left;
		min-width : 160px;
		font-size : 90%;
		text-transform : uppercase;
		padding : 2px 5px;
		margin-bottom : 10px;
		clear : both;
		border : 1px solid #000;
}

.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 {
    background: #ddd;
    line-height: 1.4;
    margin-bottom: 1em;
}

.cadd-warning {
    padding: 20px;
    background: #a79f93;
    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; float: right;}
.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 {background : #E8E8E8;}
		

.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, .ecTerminerAchat {
    padding : 5px 10px; 
   background : #580907;
    cursor: pointer;
    box-sizing : border-box;
    display : block;
	border : none;
	float : right;
	color : #fff!important;
	text-transform : uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight : 400;
	font-size : 110%;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	float: right;
}

.ecFormInputSubmit[disabled="disabled"] {
    opacity: 0.2;
    cursor: default;
}

.sectionCodePromo {
	position:  relative;
}

.sectionCodePromo input[type=text]{width : 100%; padding : 5px 10px;}
.sectionCodePromo input.ecFormInputSubmitCode{position : absolute; color : #fff; top : 5px; right : 0; border : none; text-transform : uppercase; background : grey; padding : 5px 10px;}

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-cell {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 5px;
}
.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;
}
/* compte client */
.menuCompteClient li {clear: both; padding: 15px 0 0 0; }
.menuCompteClient strong {font-weight : 600; font-size : 120%;}
.menuCompteClient i {float : left;}
.menuCompteClient a.highlight {overflow : hidden;   display: block; }


/*.menuCompteClient li span {
    height: 48px;
    width: 48px;
    float: left;
    margin-right: 15px;
    background: transparent;
    background-image: url(ecommerce/elements.png);
    background-repeat: no-repeat;
}

    .menuCompteClient .mesCommandes span {background-position: -58px -21px;}
    .menuCompteClient .mesInfos span {background-position: -174px -21px;}
    .menuCompteClient .mesAdresses span {background-position: 0 -21px;}
    .menuCompteClient .monMotDePasse span {background-position: -116px -21px;}*/

/* =print-this */
.print-this {
    display: block;
    text-align: right;
}

/* =impression */
@media print {
    html {background: #FFF;}
    body {color: #000;width: auto;background: #FFF;margin: 28px 0;}
    #header {height: auto;background: #FFF;}
    #header .content {height: auto;}
    #header h1 {display: block;}
    #nav-main, #nav-lang, #leftcol, #footer,.noprint {display: none;}
    #main {border: none;width: 100%;}
    #maincol h2 {color: #000;background: #FFF;}
}

/* =cms */

.cmsRubrique {}

.cmsRubriqueTitre {}
.cmsRubriqueImg {float : left; margin : 0 15px 5px 0; width : 350px;}
.cmsRubriqueDesc {}
.cmsRubriqueDocs {}

.cmsAffinezSelection {margin-bottom : 15px;}

.cmsArticlesRubrique {}
 
.cmsArticleResume {
    margin: 0 0 10px  0;
    padding: 0 0  10px 0;
	border-bottom : 1px solid #580907;
}

.cmsApercuArticle {overflow : hidden; position: relative;}

.cmsArticlePresse, #cmsPresse .grid-sizer  {
    width : 33%;
    padding : 10px  10px 10px 10px;
    box-sizing : border-box;
    line-height : 1;
    float : left;
}



#cmsPresse  .grid-sizer {
    position: absolute;
}

.cmsArticlePresse a{display : block; position : relative;}
.cmsArticlePresse span{
    opacity : 0;
    color : #fff; text-transform : uppercase; background : rgba(0,0,0,0.7); padding : 10px 5px; position : absolute; left : 0; bottom : 0; display : block; width : 100%; box-sizing : border-box;


    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */

}
.cmsArticlePresse a:hover span, .cmsArticlePresse a:focus span{
    opacity: 1; /* opacite au survol */
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE 8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}


.cmsArticlePresse img {width : auto; max-width : 100%; 	line-height : 1;}
/*#cms-root-3 .cmsArticleResume {width : 234px; float : left; margin-left : 7px; text-align : center;}
#cms-root-3 .cmsArticlesRubrique .cmsArticleResume:first-child {margin-left : 0;}
    #cms-root-3 .cmsArticlesRubrique  {display : table;}
    #cms-root-3 .cmsArticlesRubrique .cmsArticlePhoto  {display : table-cell; text-align : center; vertical-align : middle; width : 100%;}*/
.cmsApercuArticle {}

.cmsSousRubriques {
    margin : 10px 0;
}
h4.cmsSousRubriqueLibelle a{color : #fff; font-size : 1.4em;  text-transform : uppercase;}

.cmsArticle, .articlesCmsAssocies {
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
}

.cmsArticle {}

.cmsArticleFiche {overflow : hidden;}

.cmsArticlesAssocies {}

h4.cmsTitreArticle {font-size : 1.4em; margin-bottom : 2px; }
a.cmsTitreArticle {color : #000; font-size : 1.4em; display : block;}
.cmsSousTitreArticle {}
.cmsDateArticle {font-style: italic; font-size: 80%; padding-bottom: 5px; font-weight: 600;}
.cmsDescriptifArticle {}
.cmsArticlePhoto {float: right; margin: 0 0 10px 20px; display : block;}
.cmsDossierDetails {overflow : hidden;}

.cmsArticlePhoto img { margin: 0 0 10px 0;}
img.cmsArticleRubriquePhoto {height : 250px; margin : 0 auto;}
.cmsArticleDesc {}

.cmsArticleDescBloc {}

.cmsArticleDocuments {}
.cmsArticleVignettes {}

.cmsVideosArticle {margin-top : 20px; }

.simple fieldset > div {margin-bottom: 20px;}
.simple blockquote {
    margin-bottom: 0.3em;
    padding-left: 26px;
    line-height: 16px;
    background: transparent url(icons.gif) no-repeat 0 -792px;
}

/* loading */
.loading {padding: 0 0 0 40px; min-height: 40px; background: transparent url(/style/zoomloader.gif) no-repeat left top;}

.ecFormuleExpedition {margin-bottom: 10px; padding: 10px; background: #ddd;}
.ecFormuleExpeditionEntete {}
.ecFormuleExpeditionLibelle {float: left;}
.ecFormuleExpeditionLibelle input {margin-right: 15px;}
.ecFormuleExpeditionTarif {float: right;}
.ecFormuleExpeditionDetail {}
.ecFormuleExpeditionAdresse {padding: 10px 0 10px 30px;}

.ecFormuleExpeditionLogo {vertical-align: middle;}

.ecFormuleExpeditionAdresse a {}
.ecFormuleExpeditionAdresse a:before {content:"[";}
.ecFormuleExpeditionAdresse a:after {content:"]";}

.ecFormExpeDescription {float: left;}
.ecFormExpeChange {float: right;}
.ecFormExpeAdresse {margin-top: 10px;}

a.cn-important {color:rgb(242, 37, 8)!important;}

.overlayFixe {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index:1000;
    background-color: rgba(0,0,0,0.7);
}

#socolissimo-mo {
    width: 710px;
    height: 1100px;
    border: none;
}



.white-popup {
    position: relative;
    background: #FFF;
   /* padding: 20px;*/
    width: auto;
    max-width: 750px;
    margin: 20px auto;
    color: black;
}
#caddie-popup{padding : 20px;}
#rubrique-popup {
	max-width: 1000px;
}


#cgv-popup{
	padding : 20px;
}


#rubrique-popup p, #rubrique-popup ul {margin-bottom : 0.5em;}
/* expédition */

/* 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 {
    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 : "fontAwesome";
	font-size: 140%;
	line-height: 1;
}

.ecPointRetrait-horaires a:before {
	content : "\f017";
	padding-right : 5px;
	font-family : "fontAwesome";
	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;
}


	a.pdf::before, a.zip::before, a.extension::before {
		content : '\f1c1';
		font-family : "fontAwesome";
		padding-right : 5px;
		
		font-size : 150%;
	}
	
	a.pdf::before {color : #D61E00;}
	a.zip::before {content : "\f1c6";}
	a.audio::before {content : "\f1c7";}
	a.video::before {content : "\f1c8";}
	a.word::before {content : "\f1c2"; color : blue;}
	a.excel::before {content : "\f1c3"; color : green;}
	a.powerpoint::before {content : "\f1c4";  color : orange;}
	a.image::before {content : "\f1c5";}
	a.defaut::before {content : "\f016";}
	

	.ico::before {
		font-family : "fontAwesome";
		padding-right : 10px;
		
		float : left;
		font-size : 100%;
	}


	.ico.ico-centre::before {float : none; display : inline; color : #c2c2c2;}
	.ico:not(.ico-centre) a, .ico:not(.ico-centre) span {display : block; overflow : hidden;}
	/*.ico a, .ico_carnet span {padding-top : 13px;}*/
	.ico_map::before {content : "\f041";}
	.ico_plan::before {content : "\f279";}
	.ico_horaire::before {content : "\f017";}
	.ico_tel::before {content : "\f095"; }
	.ico_fax::before {content : "\f1ac"; }
	.ico_mail::before {content : "\f0e0"; }
	.ico_web::before {content : "\f0ac"; }
	.ico_info::before {content : "\f05a"; }
	.ico_carnet::before {content : "\f2bc"; }
	.ico_clock::before {content :  '\f017'; }
	.ico-pdf::before { content : "\f1c1"; font-weight : bold; color : red;}
	.ico_gps::before {content :  '\f276'; }
	
	.ecArticleRassurance ul.inline li {border-left : 1px solid; font-size : 110%;}
	.ecArticleRassurance  ul.inline li:first-child {border-left : none; }
	
	.adresse_rev .ico::before {font-size : 100%; padding-right : 10px;}
	
	ul.inline li.ico-cb , 
	ul.inline li.ico-tel,  
	ul.inline li.ico-livraison, 
	ul.inline li.ico-map { 
		padding : 70px 50px 10px 50px; 
		background : transparent none no-repeat center 20px;
	}
	
	ul.inline li.ico-tel { 
		padding : 35px 50px 10px 80px; 
		background : transparent none no-repeat 20px 20px;
	}
	  
	
	ul.inline li.ico-cb { background-image : url(/style/produit/paiement-securise.gif);}
	ul.inline li.ico-tel {background-image : url(/style/produit/contact.gif); }
	ul.inline li.ico-livraison { background-image : url(/style/produit/livraison.gif);}
	ul.inline li.ico-map {background-image : url(/style/produit/ou-trouver-ce-produit.gif); }
	
	
	ul.inline li.ico-cb  span{background : transparent  url(/style/produit/cadenas.gif)  no-repeat left; padding-left : 30px; min-height : 27px; display: block;}
	
	
	.icoType {
		background : transparent none no-repeat left top; 
		padding-left : 60px;
		display : block;
		line-height : 1.2em;
		min-height : 60px;
	}
	
	.icoResto {background-image : url(/style/accueil/picto-resto.png);}
	.icoRevendeur {background-image : url(/style/accueil/point-de-vente-crocdelidrome.png);}
	
	#img_slide {display : none;}

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

    a#open-right {display : block; }
	.headerNav  {
		position : absolute;
		top : 50px;
		width : 100%;
	}
	#logo {float : none; width : 100%;}
	#logo  .img_100{margin :0  auto;}
	#top {	padding-left: 50px;}	
/*	header .ico_tel {color : #fff!important; position : fixed; top : 5px; left : 10px; z-index : 300;}
	header  .ico_tel a {color : #fff!important;}
	*/
	nav {display : none;}
	/*header h1 {color : #fff; position : fixed; top : 5px; left : 50%; transform : translate(-50%,0);  z-index : 300;}*/
	.nav_rs {display : none;}
	img.width_100RS {width : 100%; max-width : inherit;}
	#sectionA2 .col1-2, #sectionA2 .col1-3rs, #sectionA2 .col2-3rs  {float : none; width : 100%;}
	#sectionA2 .absoluteCenterLeft  { left : 20px; top : 20px; transform : translate(0,0);}
	.bg_verre, .bg_franco {background-image : none; font-size : 80%;}
	.col1-2-rs {float : left; width : 50%;}
	
	.nav-fix .headerNav {display : none;}
 
	#introAccueil .img_100 {
		width: 100%; 
		max-width: inherit; 
	}  
}




@media all and (max-width:780px) {
	
	header.bg_img, #slider { max-height: 300px; }
	
	.float_left {float  : none;}
 .ecArticlesRubrique .flex1-4 {width : 50%;} 
  

#sectionA2 img.float_right{float : none;}
	#slide, 	header h1 {display : none;}

	 .borderLeftFooter {border-left : none;}
	 
	.ecArticleRassurance {display : none;}
	.ecArticleRassurance ul.inline li{
		display : block;
	}
	.sectionA2Bouteille {max-height : 400px; margin : 0 auto;}
	.align_center.rassurance li  {padding : 10px 20px;}
	.align_center.rassurance  {text-align : left;}
	
	ul.inline li.ico-tel {background-position : center 20px; padding-top : 60px;}
	ul.inline li.ico-cb span {background : none;}
	#sectionA2 .flex1-4 {width : 100%;}
	.bg_actu {border : none;}
	.column3 {
		-moz-columns: 1 auto;
		columns: 1 auto;
		-webkit-column: 1 auto; 
		-webkit-column-gap: 20px; 
		-moz-column-gap: 20px; 
		column-gap: 20px;

	}

	
	a.suite:link, a.suite:visited, span.suite {right : 20px;}
	
	.align_right {text-align : left;}
	
	

	
	#ecBlocArticle .ecAjoutPanier, #ecBlocArticle .prixDetailsArticle {
		float: right;
	}
	
    .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: auto;
        overflow-y: inherit;
    }
    .ecPointsRetrait-carte {padding-left : 0;}

    .cn_phone .ecPointsRetrait-carte #map{display : none;}
    
 
    a#open-right {display : block;}

   nav, .lien_cache {display : none;}
   
   #articlePopupPanier img, .encartCaddieHoverContentArticle img {
		float : none;
		margin : 5px auto;
		display : block;
   }

    .leftCol, .rightCol {float : none; width : 100%; padding : 15px;}

    .col1-2, .col1-3, .col2-3, .col1-4 , .col3-4, .col1-6  {float : none; width : 100%!important; }
	.col1-8  {float : left; width : 50%;}
	
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4, .flex2-5 , .flex1-5  {width : 100%;}
	
	
	.ecRubrique h1 {margin : 0;}
	.ecArticleModule .ecLibelleArticle {font-size : 130%;}
	
	.col1-7 {width : 50%;}
	footer .col1-4 {padding-top : 0; }

		.ecArticleResume.col1-5 {width : 100%; float : none;}
	
		
		.ecArticleResume .ecTarif, .ecArticleResume .ecTarifPromo {font-size : 185%;}
		.ecArticleResume .col3-4.align_right { text-align : center;}
	
    .encart { min-height : 100px;}
    #ecRubrique, .slideRubrique {padding : 5px 10px;}
    .ecArticleResume {
        float : none;
        width : 100%;
        padding : 5px 10px;
		margin : 10px 0 30px;
    }

		.blocPrix {padding : 0; text-align: center;}
		.blocAjoutPanier {
			padding-top : 0; 
			border-bottom : 1px solid #076982;
		}


	
	
	.ecLibelleEntierArticle {
		height: auto;
		padding-bottom : 5px;
	}
	
	.prixDetailsArticle {padding : 5px 0 0 0px;}
	
	.ecArticleDetail a.suite{
		display : none;
	}
	
    .ecArticleFiche .ecZoom , .ecArticleDetail, .ecArticlePanier , .ecArticleFiche .ecArticleContent {float : none; width : 100%;}
    .ecArticlePanier {text-align : left;}

    .ecArticlesRubrique, .ecArticlesAssocies {margin-bottom : 0; }
    #ecRubrique {display : none;}
    .ecArticlePlus {margin : 0 10px;}
    .ecArticlePlus .encartArticlesAssocies, .articlesPlante .encartArticlesAssocies, .ecArticlePlus .ecArticlesAssocies .ecArticleResume  { width : 100%; border-radius : 5px; box-sizing : border-box; height : auto;}
    .ecArticlePlus .encartArticlesAssocies:after, .articlesPlante .encartArticlesAssocies:after {border-width : 0;}


    .ecArticlesAssocies .ecArticleResume, .articlesCorpsAssocies .ecArticleResume {float : left; width : 50%; padding : 10px 5px;}
    .ecArticlePlus .ecApercuArticle {margin : 0;}
    .ecArticlesAssocies .ecApercuArticle, .articlesCorpsAssocies .ecApercuArticle  {height : auto;}
     /** panier **/
    .nav-etape {display : none; }
    /*.nav-etape {margin : 0 0 5px 0px; background : #fff; border-radius : 5px; }
    .nav-etape li{
        display : block;
        margin : 0  0 2px 0px;
    }

    .nav-etape li a, .nav-etape li span {
        width : 100%;
        display : block;
        padding: 5px 10px;
        font-size : 1.1em;
        box-sizing : border-box;

    }


    .nav-etape li a:after, .nav-etape li span:after {
        border : none;
        position : static;
    }
    .nav-etape li a:after, .nav-etape li span:after { margin-top :0;}*/

    .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;}
    .ecCaddieSection .ecCaddieSectionLivraison, 	.ecCaddieSection .ecCaddieSectionExpedition,
    .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonAdresse, .ecCaddieSection .ecCaddieSectionLivraison .ecCaddieSectionLivraisonMode  {
        float: none; width: 100%;   max-width: 100%; border : none;
    }
    .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 {float  : none; }
    .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 {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; 
	}


    #main div.left, #main div.right {
        float: none;
        width: 100%;
        padding: 15px 0;
    }

    .ecArticleResume .ecVoirDetailArticle, .ecArticleResume .ecAjoutPanier {
        width : 100%;
    }
/*
    .ecArticlePanier .ecAjoutArticlePanier,
	.ecVoirDetailArticle, 
	.ecArticleResume .ecAjoutPanier a:link, .ecArticleResume .ecAjoutPanier a:visited {
        background : #580907;
        width : 100%;
        padding : 5px 15px; 
		text-transform : uppercase;
		
    }
*/

    .ecArticleAttributs, .ecArticleVideo {
        float : none;
        width : 100%;
    }

    .ecVoirDetailArticle {right : 0;}

    .ecVoirDetailArticle a span {padding : 5px; text-align : center;}


    .cmsArticlePhoto {float : none; margin : 0; width : 100%;}
    .cmsArticlePhoto img{ }


    .grid-sizer  {width : 50%;}

    ul.rassurance{text-align: center}
    ul.rassurance li{
    	display: block; 
    	width: 100%;text-align: center;
    }
    ul.rassurance li.rass::before {
	    font-size: 140%;
	}
}



@media all and (max-width: 600px) {
.contentSlideResponsive {width : 100%;}
.cacheResponsive, .navProduits  {display : none;}
 .ecArticlesRubrique .flex1-4 {width : 100%;} 
 
 .article {
		padding : 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";
	}
  .article .article_photo img {max-height: 400px;}
 #sectionA2 .col1-2-rs  {float : none; width : 100%;}
 #sectionA2 .col1-2-rs .img_100 {display : none;}
	#sectionA2 .absoluteCenterLeft, #sectionA1 .absoluteCenterLeft {position : relative; left : inherit; top : inherit; transform : translate(0,0);}
	.list_qui {display : none;}
	.bg_verre, 
	.bg_franco {
		background-position :  20px center; 
		background-repeat : no-repeat; 
	} 
	
	.bg_verre .absoluteCenterLeft, .bg_franco  .absoluteCenterLeft {padding-left : 100px; min-height : 100px;}
	.bg_verre {background-image : url(/style/accueil/picto-offre.gif);}
	.bg_franco {background-image : url(/style/accueil/picto-livraison.gif);}
	
	.col1-3rs   .color_blanc, .color_blanc ul.list li span {color : #000!important;}
	
	#sectionA1 .width70 {width : 100%;}
    .grid-sizer  {width : 100%;}
	 .column2 {
		-moz-columns: 1 auto;
		columns: 1 auto;
		-webkit-column: 1 auto; 
		-webkit-column-gap: 20px; 
		-moz-column-gap: 20px; 
		column-gap: 20px;

	}
    .ecArticlesAssocies .ecArticleResume, .articlesCorpsAssocies .ecArticleResume {width : 100%;}
    .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;
    }


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

    #ec-root-catalogue .bg_img {
	    background-size: 100% auto;
	}
}