/* --- STYLES DE BASE : CSS RESET --- */ 
HTML {}
body {background:white;margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-weight: 400; font-size:13px;-webkit-text-size-adjust: 100%; overflow-x:hidden;} 
html, body {position:relative;}

ul, ol{padding:0px; margin: 0;list-style-position: inside;} 
p {margin: .75em 0; padding:0;} 
address {margin: .75em 0; font-style: normal;} 
a, a:visited, a:active{color:#323232;cursor:pointer; outline:none;text-decoration:none;} 
a:hover {color:#EC3B6E;}
a img {border: none;} 
em {font-style: italic;} 
strong{font-weight: bold;} 
form, fieldset {margin: 0;padding: 0;border: none;} 
input, button, select {vertical-align: middle;}
textarea {resize:none;}
.cleaner{margin:0; padding:0; width:0; height:0; overflow:hidden;clear:both;}

#bara.konami, #bara.konami .titre_rubrique .ct {background:pink;}
#bara.konami * {}

.btn.back+.fb-share-button{
	top: 2px;
	left: 10px;
}


#is_desktop, #is_tablet, #is_phone {display:none;} 

/* -------------------------- Classes gÃ©nÃ©riques -------------------------- */
.text_help{position:absolute;left:-999999px;}
.text_help a:focus{position:static} 
.hidden {display:none;}
.sprite{background:url(/images/sprite.png); display:inline-block;vertical-align:middle;}
.loupe {width:80px;height:42px;background:url(/images/sprite.png) -83px -154px black;text-indent:100px;overflow:hidden;border:0;border-radius:3px;}

.wrap_desktop {max-width:1370px;padding:0 5px;margin:auto;position:relative;}
@media(max-width:1280px){
    .wrap_desktop {max-width:1170px;padding:0 5px;margin:auto;position:relative;}
}



INPUT.styled, TEXTAREA.styled {height:30px;padding:6px;border:1px solid #D9D9D9;border-radius:3px;background:white;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;color:#404040;-webkit-appearance: none;}
TEXTAREA.styled {height:auto;}
SELECT.styled_pink {background:url(/images/select.jpg) right center no-repeat white;box-sizing:border-box;-moz-box-sizing:border-box;border:0;color:#323232;border-radius:3px;box-shadow:none;
		padding:10px 39px 10px 8px;font-size:17px;
		text-indent: 0.01px;text-overflow: "";position: relative;
		-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
		vertical-align:middle;
	}
select.styled_pink::-ms-expand {display:none;}

.sans_serif {font-weight: 300;}

.pagination {text-align:center;color:#CCC;margin:30px 0 0 0;padding:10px 0;border-top:1px solid #D9D9D9;}
	.pagination A {color:#EC3B6E;display:inline-block;padding:0 3px;vertical-align:middle;}
	.pagination A.current {color:#323232;}
	.prev_arrow {background-position:-48px -271px;width:10px;height:14px;margin:0 4px;}
	.next_arrow {background-position:-48px -295px;width:10px;height:14px;margin:0 4px;}
	
.pager .dot {cursor:pointer;display:inline-block;vertical-align:middle;border-radius:50%;border:0px;width:8px;height:8px;background:#B3B3B3;margin:0 4px;}
	.pager .dot.actif {border:2px solid #8B0029;width:7px;height:7px;background:transparent;}

.tinyNav {display:inline-block;margin:0;padding:0;list-style:none;}
	UL.tinyNav LI {display:inline-block;margin:0;padding:0;}
	UL.tinyNav LI:before {content:"|";}
	UL.tinyNav LI:first-child:before {content:"";}
	SELECT.tinyNav {display:none;}

.err {max-width:600px;margin:100px auto;} /* message d'erreur simple (ex : "Aucun rÃ©sultat pour votre sÃ©lection ...") */

/* -------------------------- Mise en forme publi -------------------------- */
.titre_rubrique {font-weight: 300;color:#808080;text-transform:uppercase;font-size:14px;font-weight:bold;display:block;position:relative;margin:5px 0 10px;padding:0;}
	.titre_rubrique.js:after {content:" ";display:block;position:absolute;width:100%;left:0;height:1px;bottom:8px;background:#D9D9D9;z-index:1}
	.titre_rubrique .ct {display:inline-block;background:#EFEFEF;padding-right:10px;position:relative;z-index:2;}

.exergue {padding:20px 30px;border:1px solid #E1E1E1;background:#F2F2F2;margin:25px 0 40px;}
	.exergue .titre_rubrique .ct {background:#F2F2F2;font-size:14px;text-transform:uppercase;color:#8b0027;}
	.exergue P {margin:0;padding:0;color:#535353;line-height:150%;}

.main_col {margin-bottom:40px;line-height:135%;}
.main_col ul, .main_col ol{margin-left:15px;list-style-position:outside;}
.main_col A, .main_col A:visited, .main_col A:active, .default, .default:visited, .default:active {color:#EC3B6E;text-decoration:underline;}
.main_col A:hover, .default:hover {color:#EC3B6E;text-decoration:none;}
.main_col .btn, .main_col .btn:visited, .main_col .btn:active, .main_col .btn:hover {color:white;text-decoration:none;}
.main_col H1, .main_col .h1 {font-size:36px;font-weight:bold;margin:40px 0 30px;padding:0;color:#323232;}
.main_col H2, .main_col .h2 {font-size:24px;font-weight:bold;margin:25px 0 18px;padding:0;color:#EC3B6E;line-height:120%;}
.main_col H3, .main_col .h3 {font-size:17px;font-weight:bold;margin:15px 0;padding:0;color:#323232;line-height:120%;}
.main_col .accroche {font-size:18px;font-weight:bold;margin:15px 0;padding:0;color:#323232;line-height:120%;}
.main_col P, .main_col .default_text {font-size:13px;margin:15px 0;padding:0;color:#323232;}
.main_col .block {background:black;color:white!important;padding:25px 30px;}
	.main_col .block:before, .main_col .block:after {content:" ";display:block;margin:0;clear:both;}
	.main_col .block>:first-child{margin-top:0;}
	.main_col .block>:last-child{margin-bottom:0;}
	.main_col .block A, .main_col .block A:active,  .main_col .block A:visited {color:white;}
.main_col .fl_left {float:left;max-width:35%;margin-right:15px;margin-bottom:15px;}
.main_col .fl_right {float:right;max-width:35%;margin-left:15px;margin-bottom:15px;}
.main_col IMG.fl_left, .main_col IMG.fl_right {height:auto;}
.main_col img{
	max-width: 100%;
	height: auto;
}
.main_col HR {height:1px;border:0;margin:15px 0;background:#D9D9D9;clear:both;}

.grey-wrapper{
	/*
        padding-top: 30px;
	padding-bottom: 30px;
        margin-bottom: -30px;
        */
        margin-top: 20px;
	background: #EFEFEF;
	position: relative;
	
}

.grey-wrapper-none{
    margin-top: 0px;
}

.noir-wrapper{
	padding-top: 5px;
	padding-bottom: 30px;
	background: #323232;
	position: relative;
	margin-top: 0px;
	margin-bottom: -20px;
}

@media(min-width: 1200px){
	.grey-wrapper:before, .noir-wrapper:before{
		content: ' ';
		width: 2000px;
		left: -2000px;
		bottom: 0;
		top: 0;
		background: #EFEFEF;
		position: absolute;
	}

	.grey-wrapper:after, .noir-wrapper:after{
		content: ' ';
		width: 2000px;
		top: 0;
		right: -2000px;
		bottom: 0;
		background: #EFEFEF;
		position: absolute;
	}
}

.main_menu .mega_menu .ul_mega_menu .coup_coeur{
	display: none;
}


/* -------------------------- Menu (desktop/tablette) -------------------------- */
@media (min-width: 768px) {
	.main_menu {float:left; width:100%;margin:0;background:#EC3B6E;height:auto;}
	.main_menu:after {clear:left;content:" ";display:block;}
	.main_menu ul {padding:0;margin:0;list-style-type:none;}
	.main_menu ul li.root_level{float:left;}
	.main_menu ul li a{color:white;font-weight: 300;font-size:16px;float:left; display:block; text-decoration:none; padding:14px 18px 16px; text-transform:uppercase;}
	.main_menu ul li:hover {width:auto;}
	.main_menu ul li .mega_menu {
            display: none;
            position:absolute;
           
            border:5px solid #323232;
            left:0;
            z-index:999;
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            padding:0;
            background:#FFF;
            box-shadow: 0 10px 10px rgba(0,0,0,0.5);
            overflow: hidden;
            width:100%;
        }
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level .mega_menu{
		left: auto;
		right: 0;
	}
	
	.main_menu ul li.hover .mega_menu {display:block;}
	.dots-more {float:right;cursor:pointer;padding:15px;font-size:18px;color:white;background:#323232;}
		.dots-more.lefted {float:left;}
	
	.main_menu .root_link{
		position: relative;
		float: none;
	}
	
	.main_menu .root_level+.root_level .root_link:after{
		content: ' ';
		background: #323232;
		position: absolute;
		top: 10px;
		bottom: 10px;
		width: 1px;
		left: 0;
	}
	
	.main_menu .root_level.hover .root_link{
		background: #323232 !important;
		color: #FFF !important;
	}
	
	.main_menu .root_level.hover .root_link:after{
		display: none;
	}
	
	.main_menu .mega_menu a{
		color: #323232;
		padding: 0;
		
		font-size: 12px;
		height: auto;
		background: transparent;
		float: none;
		text-transform: none;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li{
		float: left;
                width:100%;
		padding: 25px;
		display: block;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li > a{
		display: block;
		
         
		color: #EC3B6E;
		font-size: 14px;
		text-transform: uppercase;
		float: none;
		margin-bottom: 10px;
		position: relative;
	}
	.main_menu .mega_menu .ul_mega_menu > li > a:before{
		position: absolute;
		content: ' ';
		top: 10px;
		left: 0;
		right: 0;
		height: 1px;
		background: #cccccc;
		z-index: -1;
	}
	.main_menu .mega_menu .ul_mega_menu > li > a > span{
		background: white;
		display: inline-block;
		padding-right: 15px;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li{
		background: #EFEFEF;
		position: relative;
	}
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li+li{
		background: #FFF;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li:before{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 500px;
		background: #EEE;
		content: ' ';
		z-index: -1;
	}
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li+li:before{
		display: none;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li > a{
		color: #808080;
	}
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li+li > a{
		color: #EC3B6E;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li > a:before{
		display: none;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li > a > span{
		background: transparent;
	}
	
	.main_menu .mega_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li > a:before{
		position: absolute;
		content: ' ';
		top: 10px;
		left: 0;
		right: 0;
		height: 1px;
		background: #cccccc;
		z-index: -1;
	}
	.main_menu .mega_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li > a > span{
		background: white;
		display: inline-block;
		padding-right: 15px;
	}
	
	.main_menu .mega_menu .ul_mega_menu .level_1 > ul{
		display: block;
		/* max-width: 650px; */
                max-width:100%;
		margin-left: -7.5px;
		margin-right: -7.5px;
	}
	
	.main_menu .mega_menu .ul_mega_menu .level_2{
		display: block;
		width: 33%;
		float: left;
		padding: 0 7.5px;
	}
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu .level_2{
		float: none;
	}
	
	.main_menu .mega_menu .ul_mega_menu > .level_1+.level_1 > ul{
		max-width: 280px;
	}
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > .level_1 > ul{
		max-width: none;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li .level_2{
		width: 125px;
	}
	
	.main_menu .mega_menu .ul_mega_menu .level_2 a{
		display: block;
		padding: 5px 0;
	}
	
	.main_menu .mega_menu .ul_mega_menu > li+li .level_2 a{
		font-size: 12px;
		color: #606060;
		display: block;
		padding: 5px 0;
		border-bottom: 1px solid #d7d7d7;
	}
	
	.main_menu .root_level+.root_level+.root_level+.root_level+.root_level+.root_level .ul_mega_menu > li+li .level_2 a{
		border: 0;
		font-size: 13px;
		color: #323232;
	}
	
	.main_menu .image_selection a{
		margin-top: 25px;
	}
	
	.main_menu .image_selection .selection_text{
		display: none !important;
	}
	
	.main_menu .mega_menu .ul_mega_menu .coup_coeur{
		display: inline;
		position: relative;
		top:10px;
		margin-bottom: 0;
	}
}

/* -------------------------------- HEADER ------------------------------ */
#header .sup_header {padding:2px 0;}
.sup_header .wrap_desktop {text-align:left;}
#links_header {display:inline-block;list-style:none;margin:0;padding:0;vertical-align:middle;font-size:12px;}
#links_header LI {display:inline-block;padding:0 12px 0 0;vertical-align:middle;}
#links_header LI:before{content:"";display:inline-block;width:12px;height:14px;border-left:1px solid #EC3B6E;vertical-align:middle;}
#links_header LI:first-child:before{display:none;}
#links_header A {color:#323232;}
#links_header A:hover {color:#EC3B6E;}
#header .content {position:relative;margin: 0 auto 13px auto;}
	#formRecherche {position:absolute;left:320px;top:50%;margin:-20px 0 0 0;}
        #formRecherche FORM {width:255px;height:16px;padding:10px 0px 10px 10px;position:relative;} /* A modifier pour responsive */
        #formRecherche #recherche {border:0;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;color:#404040;margin:0;}
        #formRecherche #search_submit {position:absolute;right:9px;top:9px;background-position:-198px -6px;width:19px;height:20px;border:0;padding:0;overflow:hidden;text-indent:30px;cursor:pointer;}
	#ecomm_links {position:absolute;right:20px;top:50%;margin-top:-22px;}
		#ecomm_links A {position: relative;display:inline-block;padding:12px;vertical-align:middle;font-size:15px;font-weight:bold;
		}
		#ecomm_links .link_panier {
			border-left: 1px solid #eaeaea;
		}
		
		#ecomm_links A .indicator{
			position: absolute;
			bottom: 10px;
			left:44px;
			color: #8B0021;
			font-size: 11px;
			font-family:'Droid Serif', serif;
			text-decoration: underline;
			font-weight: normal;
		}
		#ecomm_links A .indicator:after{
			content: '\00202F>';
			text-decoration: none;
			font-size: 8px;
		}
		
		@media(min-width: 768px){
			#ecomm_links A .panier_nb_item .nb{
				display: none;
			}
			
			#ecomm_links .to-up{
				position: relative;
				top: -5px;
			}
		}
		@media(max-width: 767px){
			#ecomm_links A .indicator{
				display: none;
			}
		}
		
			.compte {background-position:-225px -6px;width:26px;height:29px;vertical-align:middle;margin-right:4px;}
			.panier_nb_item {background-position:-225px -44px;width:23px;height:29px;vertical-align:middle;margin-right:4px;position:relative;}
				.panier_nb_item .nb {display:block;position:absolute;right:-5px;bottom:-3px;background:#870025;padding:0 3px;border-radius:3px;font-size:11px;color:white;}
	#header .lnk_logo{
		display: block;
		margin-top: 20px;
		width: auto;
                float:left;
	}			
@media(min-width: 768px){
	#header .lnk_logo{
		display: block;
		margin-top: 5px;
		width: auto;
	}
	
	#ecomm_links{
		border: 1px solid #eaeaea;
		border-radius: 5px;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		box-shadow: 0 2px 2px #DDD;
	}
}

/* -------------------------- FOOTER -------------------------- */
#footer .separator {height:1px;background:#E5E5E5;}
#footer .content {margin:38px auto;position:relative;}
	#widg_footer .text_widg {}
	#widg_footer .link {font-size:12px;color:#EC3B6E;text-decoration:underline;display:none;}
	#formNewsletter {float:left;}
		#inp_newsletter_wrap {display:inline-block;position:relative;white-space:nowrap;padding:0 0 0 22px;}
			#inp_newsletter_wrap:before {content:" ";display:block;width:22px;height:28px;border:1px solid #D9D9D9;border-right:0px;border-radius:3px 0 0 3px;background:url(/images/sprite.png) -193px -27px;position:absolute;top:0;left:0;}
			#inp_newsletter {display:inline-block;width:250px;z-index:2;border-left:0px;border-radius:0 3px 3px 0;-webkit-appearance: none;}
	.link_catalogue {float:right;}
		
	#coordonnees {float:left;}	
		#coordonnees #visuel_adresse {float:left;margin-right:18px;margin-bottom:20px;}
		#coordonnees .texte {float:left;width:260px;}
			#coordonnees .titre {font-weight:bold;text-transform:uppercase;color:#8a0027;font-size:14px;padding-bottom:3px;}
			#coordonnees .ct {color:#323232;font-size:12px;line-height:180%;}
	#links_footer {float:right;width:550px;}
		#links_footer .col_link {float:left;width:260px;list-style:none;margin:0 0 0 30px;padding:0;}
			#links_footer .col_link:first-child {margin-left:0px;}
			#links_footer .col_link LI {margin:0;padding:0 0 8px;}
	
#footer #sub_footer {background:#f2f2f2;font-size:11px;color:#8C8C8C;padding:15px 0;position:relative;border-top:1px solid #e2e2e2;}
	.legals_vins {text-align:left;float:left;}
		.ligne1 {margin-bottom:3px;}
	.moyens_paiement {clear:both;}
		.moyens_paiement SPAN {display:inline-block;width:33px;height:20px;vertical-align:middle;margin:0 2px;white-space:nowrap;text-indent:50px;overflow:hidden;}
		.moyens_paiement .mastercard {background-position:-85px -211px;margin-left:0;}
		.visa {background-position:-127px -211px;}
		.carte_bleue {background-position:-170px -211px;}
	.link_hdr {/*position:absolute;right:0;top:10px;*//*top: 30px;*/ text-align:right;padding-top: 8px;}
	.link_hdr span {color: #bcbcbc; font-size: 10px;}
	.link_hdr IMG {vertical-align: middle;}
	.link_hdr span.footer_no_smart {padding:0;border:0;}
	.link_hdr a, .link_hdr a:hover {color:#bcbcbc;text-decoration:none;}
	
/* -------------------------- Fil d'ariane -------------------------- */
#trailer {margin-bottom:0px;background-color: #2a2a2a; padding:16px 0px;}
#trailer .wrap_desktop UL, #trailer LI {display:inline-block;color:#909090;vertical-align:middle;}

#trailer a{text-decoration:none;color:white;display:inline-block;vertical-align:middle;}
.home_btn {width:18px;height:18px;background-position:-85px -309px;vertical-align:middle;margin-right: 5px;}
#trailer i {width:5px; background-position:-144px -91px;vertical-align:middle;margin:0 7px;}


/* -------------------------- Page d'accueil -------------------------- */
#bloc_actu_home {background:url(/images/bg_top.jpg) center top no-repeat #2A2A2A;background-size:cover;padding-top:35px;margin-left:-5px;margin-right:-5px;}
@media(max-with: 767px){
	#bloc_actu_home {
		margin-right: 0;
		margin-left: 0;
	}
}
#actualites {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;overflow:hidden;position:relative; padding-right: 5px; padding-left: 5px;}
	#list_actus {width:100%;height:100%;overflow:hidden;position:relative;}
		.actu_home {position: relative;display:block;}
			.actu_home A, .actu_home IMG {display:block;width:100%;height:auto;}
			.actu_home .contenu {position:absolute;bottom:0;left:0;background:black; background:rgba(0,0,0,0.5);padding: 0 30px 60px 30px;box-sizing:border-box;-moz-box-sizing:border-box;font-size:26px;line-height:100%;width:auto;}
				.actu_home .contenu:after {content:"En savoir plus";color:white;text-transform:uppercase;display:block;position:absolute;bottom:20px;left:30px;padding:6px 18px;font-weight:bold;border-radius:3px;font-size:14px;background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 0%, #010101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#010101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 0%,#010101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 0%,#010101 100%); /* IE10+ */
background: linear-gradient(to bottom, #333333 0%,#010101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#010101',GradientType=0 ); /* IE6-9 */}
				.actu_home .titre_actu {display:inline-block;max-height:100%;overflow:hidden;vertical-align:middle;color:white;margin:0;padding:0; text-transform:uppercase;}
				.actu_home .sous_titre_actu{
					color: white;
					text-transform:uppercase;
					font-size: 21px;
					display: inline-block;
				}
	#actualites .pager {position:absolute;bottom:132px;left:185px;max-width:150px;white-space:nowrap;padding:15px 0;}
	
	@media(min-width: 768px){
		.actu_home .titre_actu {margin-top: 10px;}
		.actu_home .sous_titre_actu{
			margin-top: 10px;
		}
		#actualites .pager { bottom: 17px; }
	}
	
	#header_home .wrap_desktop{
		position: relative;
		z-index: 2;
	}
	
	.actus-right .bloc-promo{
		position: relative;
		display: block;
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.actus-right .bloc-promo em{
		font-size: 12px;
		font-style: normal;
	}
	
	.actus-right .bloc-promo em .fa{
		font-size: 8px;
	}
	
	.actus-right .bloc-promo img{
		display: block;
	}
	
	.actus-right .bloc-promo .caption{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 160px;
		color: white;
		background: black;
		background: rgba(0,0,0,0.5);
		padding: 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	.actus-right .bloc-promo+.bloc-promo .caption{
		left: auto;
		right: 0;
	}
	
	.actus-right .bloc-promo h2{
		color: white;
		text-transform: uppercase;
		line-height: 1.1em;
		font-size: 20px;
		font-weight: 700;
		
		margin: 0 0 20px 0;
	}
	
	#accords_mets{
		width: 25%;
		float: right;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		margin-right: -7.5px;
		padding: 7.5px;
	}
	
@media(max-width: 1200px){
	#accords_mets{
		width: 50%;
	}
}

@media(max-width: 767px){
	#accords_mets{
		width: 100%;
	}
}

#accords_mets .caption{
	background: #3b3b3b url('/images/bg_accord_met_vins.png') no-repeat;
	padding: 20px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

#accords_mets h2{
	margin: 0 0 10px 0;
	color: white;
	
	font-size: 16px;
	line-height: 1.375;
	text-transform: uppercase;
}

#accords_mets select{
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom: 11px;
	font-size: 13px;
}

#accords_mets .loupe{
	float: right;
	background: #323232;
	background: -moz-linear-gradient(top, #323232 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#000101));
	background: -webkit-linear-gradient(top, #323232 0%,#000101 100%);
	background: -o-linear-gradient(top, #323232 0%,#000101 100%);
	background: -ms-linear-gradient(top, #323232 0%,#000101 100%);
	background: linear-gradient(to bottom, #323232 0%,#000101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000101',GradientType=0 );
	text-align: center;
	text-indent: 0;
	cursor: pointer;
}

#accords_mets .loupe .icone-loupe{
	display: inline-block;
	width: 18px;
	height: 19px;
	background: url(/images/sprite.png) -238px -261px;
}

#accords_inner .loupe{
	background: #323232;
	background: -moz-linear-gradient(top, #323232 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#000101));
	background: -webkit-linear-gradient(top, #323232 0%,#000101 100%);
	background: -o-linear-gradient(top, #323232 0%,#000101 100%);
	background: -ms-linear-gradient(top, #323232 0%,#000101 100%);
	background: linear-gradient(to bottom, #323232 0%,#000101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000101',GradientType=0 );
	text-align: center;
	text-indent: 0;
	cursor: pointer;
	height: 40px;
}

#accords_inner .loupe .icone-loupe{
	display: inline-block;
	width: 18px;
	height: 19px;
	background: url(/images/sprite.png) -238px -261px;
}

#accords_inner select.styled_pink{
	font-size: 13px;
}
	
	#lien_accords_mobile {display:none;}
#selection_moment {padding: 60px 0 40px 0; background: #efefef; border-bottom: 1px solid #e3e3e3;position:relative; z-index: 1; margin-top: -40px;}

@media(max-width: 767px){
	#selection_moment{
		padding-top: 10px;
	}
}
	#selection_moment .liste_prods_wrapper {margin-top:10px;}
.les_appellations {position:relative;overflow:hidden;margin-top:20px;}
	.les_appellations H2 {font-size:14px;font-weight:bold;color:#808080; text-transform: uppercase;margin-top:0;}
		.les_appellations .pager {display:inline-block;margin-left:10px;}
	.les_appellations UL {margin:15px -15px;list-style:none;}
		.les_appellations LI {display:inline-block;width:25%;margin:-1px 0 0;padding:0;}
			.les_appellations A {display:block;margin:0 15px;border:1px solid #D9D9D9;border-left:0px;border-right:0px;padding:10px 0;text-decoration:none;color:#323232;}
			.les_appellations A:hover {color:#EC3B6E;}
#letter_menu {}	
	#letter_menu UL {margin:0 -5px;}
	#letter_menu LI {list-style:none;margin:0;padding:0 5px;display:inline-block;}


/* -------------------------- Ecommerce : listing -------------------------- */
#categ_title {margin-bottom:20px;}
	#categ_title .nb_result {font-size:14px;color:#757575;}
	
.liste_produits{
	padding: 0;
	margin-left: -7.5px;
	margin-right: -7.5px;
	list-style: none none inside;
}

.liste_produits .prod_list{
	float: left;
	width: 25%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 7.5px;
}

@media(max-width: 1200px){
	.liste_produits .prod_list{
		width: 50%;
	}
}

@media(max-width: 767px){
	.liste_produits .prod_list{
		width: 100%;
	}
}

.liste_produits .prod_list .EC_list_produit_wrapper{
	background: white;
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2); 
	padding: 20px 0;
	position: relative;
	min-height: 125px;
}

.liste_produits .prod_list .EC_list_produit_wrapper .btn_add{
	position: absolute;
	bottom: 20px;
	left: 130px;
}

.EC_list_produit_img_wrapper{
	float: left;
	position: relative;
	width:130px;text-align:center;
}

.EC_list_produit_img_wrapper:before{
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10px;
	background: white;
}

.EC_list_produit_img_wrapper:after{
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	background: white;
}

.liste_produits .prod_list .EC_list_produit_wrapper .img{
/*	width: 130px;
	height: auto;*/
	max-width:130px;
	max-height:175px;
}

.EC_list_produit_link{
	display: block;
	padding-right: 20px;
}

.EC_list_produit_wrapper .title_prod{
	
	color: #323232;
	font-size: 18px;
	line-height: 1.11;
	font-weight: 700;
	margin-bottom: 5px;
}

.EC_list_produit_wrapper .fourn_prod{
	color: #323232;
	font-size: 13px;
}

.EC_list_produit_wrapper .prix{
	font-size: 20px;
	color: #8a0027;
	font-weight: 700;
}


#frm_list_prod {margin:10px 0;}
	.filter_toggler {background:#323232;color:white;padding:10px 13px;cursor:pointer;position:relative;}
		.filter_toggler .text {text-transform:uppercase;}
		.filter_toggler .bt {display:block;position:absolute;right:13px;top:10px;vertical-align:middle;}
			.filter_toggler .bt:before {content:"Masquer les critères";}
			.filter_toggler.closed .bt:before {content:"Afficher les critères";}
			.filter_toggler .bt:after {content:" ";display:inline-block;width:13px;height:12px;background:url(/images/sprite.png) -144px -108px;margin:0 0 2px 3px;vertical-align:middle;}
			.filter_toggler.closed .bt:after {background-position:-144px -130px;}
	#EC_filters {background:#E7E7E7;padding: 25px;}
		#EC_filters UL {padding:4px;}
		#EC_filters LI {list-style-type:none;display:inline-block;vertical-align:top;color:#4D4D4D;width:20%;}
		#EC_filters .carac_family_name {font-weight:bold;}
		#EC_filters .carac_name {font-weight:bold;color:#323232;margin-bottom:5px;}
		#EC_filters .filter_value_range INPUT {width:45px;}
		#EC_filters .filter_list_checkbox LABEL, #EC_filters .filter_price_group LABEL {display:block;}
		#EC_filters .filter_list_checkbox LABEL.shorted {display:none;}
		#EC_filters .filter_list_checkbox .more {margin:4px 0 0 20px;text-decoration:underline;color:#4D4D4D;}
		#EC_slider {padding:0.3em 0.6em;}
	
#activeFilters {margin:10px 0;}
	#activeFilters .filtre_act {display:inline-block;padding:2px 10px;border:1px solid #BFBFBF;border-radius:5px;margin-right:5px;cursor:pointer;color:#323232;font-size:14px;}
	#activeFilters .filtre_act:after {content:"Ã—";display:inline-block;padding-left:8px;}
	#activeFilters .filtre_act:hover {background:#EC3B6E;border:1px solid #EC3B6E;color:white;}

.pagine_selection {padding:14px 0;margin:20px 0 10px;border:1px solid #D9D9D9;border-left:0;border-right:0;}
	.pagine_selection .sorter {float:left;}
	.pagine_selection .limiter {float:right;}
	.pagine_selection .text {text-transform:uppercase;display:inline-block;padding-right:12px;}
	.pagine_selection .sort_link {display:inline-block;margin:0 4px;color:#EC3B6E;}
	.pagine_selection .sort_link.actif {color:#323232;}

/* ------------------------------ Fiche d'un produit ------------------------------ */
#EC {margin:45px 0 0 0; padding-bottom: 30px;}
	/* Colonne de gauche */
	#EC_produit_left_col{width:40%;float:left;}
		#EC_produit_left_col .EC_prod_separator{float:left;display:block;width:10px;height:72px;}
		/* image principale */
		#EC_produit_image_princ_wrapper{width:100%;text-align:center;position:relative;margin-bottom:8px;}
		#EC_produit_image_princ_wrapper img{display:inline-block;vertical-align:middle;max-width:100%;max-height:500px;}
		#EC_produit_image_princ_wrapper .spacer_image{display:inline-block;vertical-align:middle;width:1px;margin-left:-1px;height:232px;}
		#EC_produit_image_princ_wrapper .promo{position:absolute; top:0; left:0;}
		/* images secondaires */
		.EC_produit_image_sec_wrapper{width:108px;height:72px;text-align:center;position:relative;margin-bottom:8px;float:left;}
		.EC_produit_image_sec_wrapper img{display:inline-block;vertical-align:middle;max-width:108px;max-height:72px;}
		.EC_produit_image_sec_wrapper .spacer_image{display:inline-block;vertical-align:middle;width:1px;margin-left:-1px;height:72px;}
		
		.zoom_img {display:block;width:45px;height:45px;margin:5px auto;background-position:-183px -241px;cursor:pointer;}
		
	/* Colonne de droite */
	#EC_produit_right_col{width:56%;float:right;}
		#EC H1 {}
		#EC_txtPromo{}
		#EC_produit_right_col h1{padding:0;margin:0;}    
		#EC_produit_right_col h2.domaine {color:#EC3B6E;text-transform:uppercase;font-size:18px;font-weight:bold;padding:0;margin:4px 0;}
		#EC_produit_resume{margin-bottom:5px;}
		
		.conditionnement {color:#5C5C5C;margin:26px 0 20px;position:relative;padding-top:25px;}
                #ListePalette .conditionnement {color:#5C5C5C;margin:0px 0px;position:relative;padding-top:0px;}
                
		.conditionnement:before {content:" ";display:block;position:absolute;height:1px;width:10px;top:0;left:0;background:#9A9A9A;}
	#tabs_produit {border:0px;padding:0px;}
		#tabs_produit .ui-tabs-nav {background:white;padding:0;border:0px;border-bottom:1px solid #9A9A9A;border-radius:0;}
		#tabs_produit .ui-tabs-nav LI {border-radius:0;}
		#tabs_produit .ui-tabs-anchor {background:white;border-radius:0;color:#EC3B6E;font-size:14px;font-weight:bold;text-transform:uppercase;}
		#tabs_produit .ui-tabs-panel {padding:5px 0;}
		
		#EC_bloc_produit{margin:15px 0 30px;}
			#EC_bloc_produit #EC_current_price {font-size:30px;font-weight:bold;color:#EC3B6E;}
			#EC_bloc_produit #EC_current_price del{font-size:11px;font-weight:normal;color:#323232;}
			#EC_bloc_produit #EC_produit_quantite_wrapper{}
		
		.aide_produit {float:right;font-size:12px;line-height:150%;}
		#qte_picker {user-select:none;-moz-user-select:none;-webkit-user-select:none;}
			#qte_prod {text-align:center;height:39px;font-size:20px}
			#qte_minus {width:39px;height:39px;background-position:-85px -242px;cursor:pointer;border-radius:3px;}
			#qte_plus {width:39px;height:39px;background-position:-134px -242px;cursor:pointer;border-radius:3px;}
			#EC_btn_ajout_panier{height:39px;padding:8px 20px;font-size:18px;margin-left:15px;}
	
		.EC_produit_complement_content {margin:30px 0;}
			.EC_produit_complement_content UL {border-top:1px solid #D9D9D9;list-style:none;margin:0;padding:0;}
				.EC_produit_complement_content LI {margin:0;padding:10px 0;border-bottom:1px solid #D9D9D9;line-height:150%;}
			
		.sucrosite {display:inline-block;width:300px;height:5px;margin:8px;background:#D6D6D6;border-radius:2px;position:relative;vertical-align:top;}
			.sucrosite:before, .sucrosite:after {content:" ";position:absolute;display:block;z-index:2;height:5px;width:1px;top:0px;left:33.3%;background:#B3B3B3;}
				.sucrosite:after {left:66.6%;}
			.sucr {position:absolute;width:23px;height:19px;color:white;background:#EC3B6E;border-radius:50%;top:-9px;text-align:center;font-size:13px;padding:4px 0 0;z-index:5;line-height:15px;}
				.sucr_2 {left:33.3%;margin-left:-12px;}
				.sucr_3 {left:66.6%;margin-left:-12px;}
				.sucr_4 {right:0;}
	#recommandations {font-size:18px;}
	#recommandations .ct{
		background: white;
	}
	

/*  -------- Suggestions ---------- */
#accords_inner {background:url(/images/bg_accord_met_vins_2.png) top left no-repeat #3b3b3b;padding:0px 10px;text-align:right;font-size:50px; border-radius:5px; color: white; font-size: 16px;}
#accords_inner .intro{
	text-transform: uppercase;
	float: left;
	
	margin-top: 17px;
}

	#accords_inner INPUT, #accords_inner SELECT {margin:10px 0;max-width:100%;}
#result_sugg {margin:40px 0;}

@media(max-width: 1200px){
	#accords_inner {
		text-align: center;
	}
	#accords_inner .intro{
		display: none;
	}
}


/* ------- ActualitÃ©s / manif ------- */
#list_actus_int {margin:0;list-style:none;}
	.actus {padding:20px 0;display:block;position:relative;margin:0;}
	.actus:before {content:" ";position:absolute;top:0;left:10%;display:block;width:80%;height:1px;background:#D9D9D9;}
	.actus:first-child:before {display:none;}
	.img_actus {width:30%;height:auto;float:left;}
	.contenu_actus {width:68%;float:right;}
		.contenu_actus .titre_actus {margin-top:0;line-height:110%;}
		.contenu_actus .titre_actus A {text-decoration:none;}
		.contenu_actus .date {color:#5C5C5C;}
	.wrap_link_more {display:block;float:right;clear:right;}
	.more_content:after {content:"En savoir plus";}

/* Formulaire de contact */
#formulaire_contact{width:650px;margin:10px auto;}
	.leftForm_contact{width:320px;float:left;}
	.rightForm_contact{width:320px;float:right;}
	.rep_area, .lineForm_contact{margin-bottom:12px;position:relative;}
	
	#formulaire_contact input,#formulaire_contact textarea {height:30px;padding:6px;border:1px solid #D9D9D9;border-radius:3px;background:white;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;color:#404040;}
	#formulaire_contact textarea {height:100px;}
	.lineForm_contact label{color:#292929;margin-bottom:4px;font-weight:normal;width:100px;display:inline-block;}
	.lineForm_contact label.inlineblock{display:inline-block;}
	.lineForm_contact label.lblAlignTop{vertical-align:top;}
	.lineForm_contact input.error_form{border:1px solid #c20b0b;}

	.lineForm_contact input[type=text], .lineForm_contact input[type=password]{display:inline-block;vertical-align:middle;width:200px;}
	.lineForm_contact input[type=text].fullWidth, .lineForm_contact input[type=password].fullWidth, .lineForm_contact textarea.fullWidth{width:530px}		
	.must_fill {margin-left:105px;font-size:11px;color:#8C8C8C;}
/* Assistant Rappel */
#assistant {position:fixed;bottom:0;right:-280px;width:265px;z-index:50;}
	#assistant .bl {display:block;padding:15px 10px 5px 122px;position:relatvie;overflow:hidden;background:#E7E7E7;height:84px;font-size:18px;line-height:20px;border-top:1px solid #D9D9D9;}
	#assistant IMG {display:block;position:absolute;top:0;left:0;width:75px;width:102px;height:105px;}
	#assistant .close {display:block;position:absolute;top:0;left:0;width:20px;height:20px;box-sizing:border-box;-moz-box-sizing:border-box;
			text-align:center;background:black;color:white;cursor:pointer;font-size:16px;}
	#assistant .close:before{content:"Ã—";}
	#assistant .btn_assist {margin-top:10px;}
	#assistant .btn_assist .btn {font-size:10px;padding:0 10px 0;height:auto;}

/* On vous rappel */
.form_dialog_contact {max-width:270px;margin:auto;}
	.form_dialog_contact .frm_l {margin:10px 0;}
	.form_dialog_contact LABEL {display:block;}
	.form_dialog_contact INPUT, .form_dialog_contact TEXTAREA {width:270px;}
	.form_dialog_contact  .dialog_send {text-align:right;margin:15px 0 5px;}


@media (min-width: 1004px) {
	#is_desktop {display:block;} 
	
	/* Menu */
	#menu_title {display:none;}
	.main_menu .ul_main_menu {margin:0 -20px;}
	
	/* Header */
	#back_btn_nav {display:none;}
	
	/* Footer */
	#footer #widg_footer {padding:30px 0;background-color:#3B3B3B;}
	#widg_footer UL {list-style:none;margin:0;padding:0;}
		#widg_footer LI {margin:0 0 0 3.5%;display:inline-block;height:106px;padding:0;width:31%;position:relative;vertical-align:top;}
		#widg_footer LI:first-child {margin-left:0;}
		/* #widg_footer A {display:block;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;} */
			#widg_footer .img_widg {position:absolute;top:0;left:0;height:106px;width:106px;background:center center no-repeat;z-index:1;}
			#widg_footer .bl_text {height:100%;margin-left:102px;position:relative;z-index:2;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;min-width:180px; color: white;}
			#widg_footer .bl_text:before {content:" ";display:inline-block;width:1px;margin-left:-1px;overflow:hidden;vertical-align:middle;height:100%;}
			#widg_footer .text_widg {font-size:20px;font-weight:bold;margin-bottom:4px;display:inline-block;vertical-align:middle;}
			#widg_footer .text_widg:after{
				font-family: FontAwesome;
				content: '\00202F\00202F\F054';
				font-size: 12px;
			}
	#inp_newsletter_wrap {margin-left:15px;}
	
	/* Page d'accueil */
	#header_home {position:relative;background:url(/images/bg_top.jpg) center top no-repeat #2A2A2A;background-size:cover;}
	#bloc_actu_home {background:none;}
	#actualites {float: left; width: 66.66%;box-sizing:border-box;-moz-box-sizing:border-box;}
		#list_actus {width:100%;height:100%;overflow:hidden;position:relative;}
			.actu_home .titre_actu {width:327px;font-size:20px;}
	/*.actus_prev, .actus_next { right:390px;}*/
	#actualites .pager {right:390px;}
	
	.actus-right{
		float: left;
		width: 33.33%;
		margin-top: 0;
		box-sizing:border-box;-moz-box-sizing:border-box;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.actus-right .bloc-promo{
		width: 100%;
	}
	
	.actus-right .bloc-promo img{
		display: block;
		width: 100%;
		height: auto;
	}
	
		.verre_vin {display:block;width:70px;height:85px;background-position:-168px -91px;position:absolute;bottom:0;left:0;}
	
	.exergue.home {position:relative;padding-left:298px;}
		.exergue.home .titre_rubrique {position:absolute;top:18px;left:30px;width:242px;}
		
	/* Listing produit */
	#categ_title {position:relative;padding-right:120px;}
		#categ_title .nb_result {position:absolute;right:0px;bottom:7px;}
	
	/* Assistant Rappel */
	#assistant.visible {right:0px;}

}
@media(min-width: 1280px){
	#header_home {position:relative;background:url(/images/bg_top.jpg) center top no-repeat #2A2A2A;background-size:cover;}
	#bloc_actu_home {background:none;}
	#actualites {height:350px; float: left; width: 66.66%;}
		#list_actus {width:100%;height:100%;overflow:hidden;position:relative;}
			.actu_home A, .actu_home IMG {width:100%;height:auto;}
			.actu_home .titre_actu {width:327px;font-size:26px;}
			
	.actus-right{
		float: left;
		width: 33.33%;
		margin-top: 0;
		box-sizing:border-box;-moz-box-sizing:border-box;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.actus-right .bloc-promo{
		width: 100%;
	}
	
	.actus-right .bloc-promo img{
		display: block;
		width: 100%;
		height: auto;
	}
	
	.actus-right .bloc-promo+.bloc-promo{
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1003px) {
	#is_tablet {display:block;} 
	/* Header */
	/*.lnk_logo IMG {width:130px;height:53px;}
	#formRecherche {left:170px;width:250px;}*/
	#formRecherche {left:240px;}
		#formRecherche FORM {width:150px;}
	#back_btn_nav {display:none;}
	
	#links_header a{
		font-size: 12px;
	}
	
	/* Menu */
	#menu_title {display:none;}
	/*.main_menu {height:auto;}*/
	.main_menu:after {clear:left;content:" ";display:block;}
	.main_menu .ul_main_menu {margin:0 -20px;}
	
	/* Footer */
	#footer .content {margin:18px auto;}
	#formNewsletter LABEL {display:block;height:20px;}
		#inp_newsletter {width:200px;}
		
	#footer .separator{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.link_catalogue {padding-top:20px;width:345px;}
	#coordonnees {float:left;}	
		#coordonnees #visuel_adresse {display:block;}
		#coordonnees .texte {float:left;width:260px;}
	#links_footer {float:right;width:345px;}
		#links_footer .col_link {float:left;width:100%;list-style:none;margin:0;}
	
	#footer #widg_footer {padding:20px 0;background-color:#3B3B3B;background-size:cover;}
	#widg_footer UL {list-style:none;margin:0;padding:0;}
		#widg_footer LI {margin:0 0 0 3.5%;display:inline-block;height:155px;padding:0;width:31%;background:transparent;position:relative;vertical-align:top;}
		#widg_footer LI:first-child {margin-left:0;}
		#widg_footer A {display:block;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;}
			#widg_footer .img_widg {height:106px;width:100%;background:center center no-repeat;background-size:contain;}
			#widg_footer .bl_text {height:55px;background:transparent;color:white !important; text-align: center; position:relative;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;}
			#widg_footer .text_widg {font-size:16px;font-weight:bold; color: white !important;}
			#widg_footer .btn {position:absolute;bottom:10px;right:10px;}
	
	#footer #sub_footer {text-align:center;}
		.legals_vins {width:100%;margin-bottom:10px;text-align:center;}
		.moyens_paiement {position:static;display:block;}
		.link_hdr {top:auto;bottom:-5px;right:5px; text-align:center;}
			.link_hdr IMG {/*display:block;*/}
	
	/* Page d'accueil */
	#header_home .wrap_desktop{margin:0;padding:0;}
	#bloc_actu_home {padding:20px 20px 0px;}
		.actu_home .contenu {position:absolute;bottom:0;width:auto;/*padding: 0 20px 30px 20px;*/}
			.actu_home .contenu:after {left:30px;}
			.actu_home .titre_actu {font-size:22px;}
		#actualites .pager {max-width:100px;padding:15px 30px}
	.les_appellations LI {width:33%;}
	.exergue.home {position:relative;padding-left:288px;}
		.exergue.home .titre_rubrique {position:absolute;top:18px;left:30px;width:232px;}
		
	.actus-right{
		margin-top: 10px;
	}
	
	.actus-right .bloc-promo{
		padding: 5px;
		box-sizing:border-box;-moz-box-sizing:border-box;
		width: 50%;
		float: left;
	}
	
	.actus-right .bloc-promo img{
		display: block;
		width: 100%;
	}
	
	.actus-right .bloc-promo .caption{
		top: 5px;
		left: 5px;
		bottom: 5px;
	}
	
	/* Ecommerce : listing prod */
	#categ_title {position:relative;padding-right:120px;}
		#categ_title .nb_result {position:absolute;right:0px;bottom:7px;}
	.prod_list {width:50%;}
	.pagine_selection .sorter, .pagine_selection .limiter {float:none;padding:3px 0;}
	#EC_filters LI {width:25%;}
	
	.aide_produit {max-width:110px;}
}

@media (max-width: 767px) {
	#is_phone {display:block;} 
	
	.wrap_desktop {padding:0 10px;min-width:300px;}
	.exergue {padding:5px 10px;}
	.main_col .fl_left {display:block;float:none;max-width:100%;margin:15px 0;}
	.main_col .fl_right {display:block;float:none;max-width:100%;margin:15px 0;}
	h1, .h1 {font-size:28px;}

	
	/* Header */
	.sup_header {display:none;}
	#header .content {margin:0 auto;padding:13px 10px;}
	#formRecherche {display:block;position:absolute;top:90px;right:0;width:50%;left:auto;text-align:center;z-index:50;padding:0;margin:0;border:0;}
		#formRecherche:before {content:" ";display:inline-block;width:18px;height:19px;background:url(/images/sprite.png) -238px -261px;margin:12px 0 8px;}
	#formRecherche FORM{display:none;} /* TODO : gerer la recherche sur mobile */
		.ui-dialog #formRecherche {position:relative;margin:auto;left:auto;top:auto;right:auto;padding:.5em 1em;}
		.ui-dialog #formRecherche:before {display:none;}
		.ui-dialog #formRecherche FORM {display:block;position:relative;width:220px;}
		.ui-dialog #formRecherche .text_help {position:static;display:block;text-align:left;margin:6px 0;}
	
	#main_menu {background:#EC3B6E;}
		#main_menu .wrap_desktop {padding:0;position:static;}
		#menu_title {display:block;width:50%;color:white;text-transform:uppercase;text-align:center;padding:13px 5px;box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px;position: relative;}
			#menu_title:before {content:" ";display:inline-block;width:12px;height:10px;background:url(/images/sprite.png) -237px -242px;margin-right:10px;}
			#menu_title:after{
				content: ' ';
				position: absolute;
				top: 10px;
				bottom: 10px;
				right: 0;
				width: 1px;
				background: #EC3B6E;
			}
		
		BODY.show_menu {width:100%;}
		#main_wrapper {transition:margin 0.5s ease 0s}
		#main_wrapper.show_menu {/*background: linear-gradient(to right, #000 0%,#000 220px,#FFF 221px,#FFF 100%) white;*/margin-left:220px;margin-right:-220px;}
		.ul_main_menu {display:block;position:absolute;top:0;left:0;bottom:0;width:0;min-height:3000px;z-index:90;background:#191919;color:white;overflow:hidden;transition:width 0.5s ease 0s}
		.ul_main_menu:before {display:block;content:"Nos produits : ";margin:10px 15px;color:#D9D9D9;font-size:12px;color:#8c8c8c;text-transform:uppercase;}
		.ul_main_menu.active {width:220px;}
		.show_menu .wrap_desktop {min-width:300px;}
			.show_menu .ul_main_menu A {color:white;}
			.ul_main_menu .mega_menu {display:none;}
			
			.ul_main_menu .hover .mega_menu {display:block;}
			.ul_main_menu .hover {background:#EC3B6E;}
			.main_menu ul {list-style:none;}
				.ul_main_menu UL {padding-left:15px;background:#191919;}
			.root_link {white-space:nowrap;}
			.main_menu ul li a, #main_menu ul li a:visited {color:white;font-family: 'Archivo Narrow', sans-serif;font-weight: 300;font-size:18px;display:block; text-decoration:none; padding:15px; text-transform:uppercase;border:1px solid #343434;border-left:0;border-right:0;margin-top:-1px;}
				#main_menu .mega_menu LI.level_1 A {font-size:14px;padding:7px 0;text-transform:none;}
				#main_menu .mega_menu LI.level_2 A {font-size:12px;}
				#main_menu .mega_menu LI.level_1 .more {display:none;}
				.main_menu .image_selection IMG {display:none;}
				.main_menu .image_selection{
					margin-left: -10px;
				}
	
	.lnk_logo IMG {height:100px;}
        #BlockPanier {display:none;}
	#ecomm_links {margin-top:-32px;}
	#ecomm_links A {  margin-left: 10px;  vertical-align: top;width:44px;height:44px;border:1px solid #D9D9D9;border-radius:3px;overflow:hidden;}
	.compte, .panier_nb_item {display:block;margin:6px auto 20px;}
	
	#trailer {display:none;}
	#back_btn_nav {display:block;margin:12px 10px;}
		#back_btn_nav A:before {content:" ";display:inline-block;width:0px;height:0px;border-style:solid;border-width:4px 3px 4px 0;border-color:transparent #000000 transparent transparent;position:relative;}
		#back_btn_nav A:after {content:"Retour";text-decoration:underline;color:#5C5C5C;display:inline-block;margin-left:3px;position:relative;}
	
	
	/* Footer */
	#footer #widg_footer {padding:10px 0;background-color:#3B3B3B;background-size:cover;}
	#widg_footer UL {list-style:none;margin:0;padding:0;}
		#widg_footer LI {display:block;padding:10px;position:relative;border-radius:5px;margin:10px 0;background:white;}
		#widg_footer A {display:block;margin-right:30px;}
			#widg_footer .bl_text {}
			#widg_footer .text_widg {font-size:14px;font-weight:bold;}
			#widg_footer .link {position:absolute;top:50%;right:10px;width:11px;height:15px;margin:-8px 0 0;padding:0;background:url(/images/sprite.png) -48px -295px white;overflow:hidden;text-indent:30px;display:block;}
				#widg_footer :hover .text_widg{color:#323232;}
	
	#footer .separator {display:none;}
	#footer .content {margin:10px auto;}
	#formNewsletter {float:none;margin:20px 0; text-align:center;}
	#formNewsletter LABEL {display:block;margin-bottom:6px; text-align:left;}
		#inp_newsletter {width:160px;}
	.link_catalogue {float:none;padding:20px 0;margin:20px 0;margin-bottom:0;border:1px solid #D9D9D9;border-left:0;border-right:0;border-bottom:0;text-align:center;}
	#coordonnees {float:none;padding:0;margin:0 0 20px;border-bottom:1px solid #D9D9D9;}	
		#coordonnees #visuel_adresse {float:left;display:block;margin-bottom:20px;}
		#coordonnees .texte {float:none;width:auto;margin-bottom:20px;}
	#links_footer {float:none;width:100%;}
		#links_footer .col_link {float:none;width:100%;list-style:none;margin:0;}
	
	#footer #sub_footer {text-align:center;}
		.legals_vins {width:100%;margin-bottom:10px;line-height: 150%; text-align: center;}
		.moyens_paiement {position:static;display:inline-block;margin-bottom:20px;}
		.link_hdr {top:auto;bottom:-5px;right:5px;text-align:center;}
			.link_hdr IMG {/*display:block;*/}
			.footer_no_smart {display:none;}
	/* Page d'accueil */
	#header_home .wrap_desktop{margin:0;padding:0;}
	#bloc_actu_home {padding:0;background:none;}
			.actu_home A, .actu_home IMG {height:auto;}
			.actu_home .contenu {position:static;bottom:5px;right:0;width:100%;height:auto;padding:5px 10px;background:#323232;}
				.actu_home .contenu:after {display:none;}
				.actu_home .titre_actu {width:95%; max-height:100%;font-size:16px;}
		#actualites .pager {top:auto;padding:10px;left:0;right:0;text-align:left;max-width: none;}
		
		#lien_accords_mobile {display:block;/*background:#EC3B6E;padding:10px;*/}
			#lien_accords_mobile A {display:block;padding:10px 30px 10px 10px;border-radius:5px;background:#EC3B6E;color:white;position:relative;font-size:15px;}
				#lien_accords_mobile A:hover {color:white;}
				#lien_accords_mobile A:after {content:" ";position:absolute;right:10px;top:50%;margin-top:-7px;background:url(/images/sprite.png) -24px -319px;width:8px;height:14px;}
				.verre_vin {/*display:block;width:31px;height:38px;background-position:-133px -290px;position:absolute;top:auto;bottom:-1px;left:12px;*/display:none;}
	
	#selection_moment {margin-top:25px;}
		.titre_rubrique.js:after {display:none;}
	.les_appellations LI {width:100%;}
	
	.actus-right{
		margin-top: 10px;
	}
	
	.actus-right .bloc-promo{
		width: 100%;
	}
	
	.actus-right .bloc-promo img, .actus-right .bloc-promo em{
		display: none;
	}
	
	.actus-right .bloc-promo .caption{
		position: relative;
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		padding: 15px;
		border-radius: 5px;
		border: 1px solid #e8e8e8;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		box-shadow: 0 2px 2px #DDD;
	}
	
	.actus-right .bloc-promo .caption:after{
		content: '>';
		color: #8b0027;
		position: absolute;
		top: 12px;
		right: 8px;
		font-weight: 900;
		font-size: 18px;
		
	}
	
	.actus-right .bloc-promo .caption h2{
		margin: 0;
		font-size: 15px;
		color: #323232;
		text-transform: none;
	}
	
	#letter_menu {display:none;}
	#full_appellations .lettre {margin:0 0 10px;padding:10px 10px 0;border:1px solid #D9D9D9;border-radius:5px;}
	#full_appellations H2 {margin:0;padding:0 15px 10px 0;position:relative;cursor:pointer;}
	#full_appellations H2:after{content:" ";background:url("/images/sprite.png") -48px -295px;display:block;height:15px;position:absolute;right:0;top:0;width:11px;}
	#full_appellations .visi H2:after {display:none;}
	#full_appellations UL {height:0;overflow:hidden;margin:0;}
	#full_appellations .visi UL {height:auto;margin:0;}
	#full_appellations .visi LI {margin:0;}
	#full_appellations .visi A {margin:0;border:0;border-top:1px solid #D9D9D9;}
	
	/* Ecommerce : listing prod */
	.liste_produits {margin:1px 0 0;}
	.liste_prods_wrapper {margin:0;}
	#selection_moment .liste_prods_wrapper {margin-top:0;}
	/*.prod_list {width:100%;margin:-1px 0 0;border:1px solid #D9D9D9;border-left:0;border-right:0;}
		.EC_list_produit_wrapper {padding:20px 0 20px 80px;min-height:150px;}
		.EC_list_produit_wrapper:after, .EC_list_produit_wrapper:before {content:" ";display:table;width:0;height:0;clear:both;margin:0;padding:0;overflow:hidden;}
		.EC_list_produit_img_wrapper {position:absolute;top:20px;bottom:20px;padding:0;width:70px;left:0px;}
		.EC_list_produit_wrapper .prix {position:static;margin:8px 0 15px;padding:0;}
		.EC_list_produit_wrapper .btn_add {position:static;text-align:left;}*/

	#frm_list_prod {margin-bottom:0;}
	#EC_filters LI {display:block;width:100%;padding:4px 0;}
	#EC_filters .carac_name {margin:0;}
	#EC_filters .filter_list_checkbox LABEL, #EC_filters .filter_price_group LABEL {display:inline-block;padding-right:15px;white-space:nowrap;}
	#EC_filters .filter_list_checkbox LABEL.shorted {display:inline-block;}
		#EC_filters .filter_list_checkbox .more {display:none;}
	.pagine_selection {margin:0;border:0;}
	.pagine_selection .sorter, .pagine_selection .limiter {float:none;padding:3px 0;text-align:right;}
	.pagine_selection .text {display:block;float:left;}
		SELECT.tinyNav {display:inline-block;}
		UL.tinyNav {display:none;}
		
	

	/* Ecommerce : fiche produit */
	#EC {margin:15px 0 25px;}
	
	#EC_produit_left_col{width:auto;float:none;}
		#EC_produit_image_princ_wrapper img{max-height:300px;}
		.zoom_img {display:none;}
	#EC_produit_right_col{width:auto;float:none;margin-top:30px;}
		#EC_bloc_produit {margin:0 0 15px;}
		.aide_produit {display:none;}
		.sucrosite {width:280px;margin:13px 8px;}
	
	
	/* ------- ActualitÃ©s / manif ------- */
	#list_actus_int {margin:0;list-style:none;}
		.img_actus {width:100%;height:auto;float:none;margin-bottom:10px;}
		.contenu_actus {width:100%;float:none;}
	
	/* ----- Formulaire contact ------ */
	#formulaire_contact{width:auto;}
		.leftForm_contact{width:auto;float:none;}
		.rightForm_contact{width:auto;float:none;}
		#formulaire_contact .lineForm_contact input, #formulaire_contact .lineForm_contact textarea  {display:block;width:100%;}
		.lineForm_contact .must_fill {margin:0;}
		.lineForm_contact .btn {margin:0!important;}
}




@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min-device-pixel-ratio: 1.5) {
   .sprite, .loupe, #inp_newsletter_wrap:before, .filter_toggler .bt:after, #widg_footer .link, #formRecherche:before, #menu_title:before,
   		.btn.confirm:after, .btn.back:before {
        background-image: url('/images/sprite-2x.png');
        background-size: 264px 334px;
    }
	
}


/* slideshow */
/*#slideshow {position:relative;height:270px;margin-top:5px;}
#slideshow div {position:absolute;top:0;left:0;z-index:8;width:960px;height:270px;}
#slideshow .active {z-index:10;}
#slideshow .delay {display:none;}
#slideshow .last-active {z-index:9;}
#banner_shadow{width:960px;height:15px;}*/





/*
---------------------------------------------------------------------------------------------------------------------
------------------------------------------ boutique.css -------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------
*/


.btnRetour {display:block;float:left;width:77px;height:35px;}

INS{text-decoration:none;}
form {margin:0px;padding:0px;}


/* ------------------------------ Blocs du bas de page ------------------------------ */
.bout_sub_left {width:352px;float:left;}
.bout_sub_right {width:352px;float:right;}
.bout_sub_left  .headerModule, .bout_sub_right  .headerModule {font-size:20px;padding:24px 0 20px 20px;}

#new_prod .box_image348 {margin:0 0 0 -6px;border:1px solid #CCC;}
#new_prod #new_prod_box_over {width:340px;padding:5px;position:absolute;bottom:0px;left:-1px;background-color:white;opacity:0.75;filter:alpha(opacity=75); }
#new_prod .titre_prod {font-weight:bold;color:#E2001A;}

#bloc_promo .box_image165 {float:left;}
#bloc_promo .right_c {float:right;width:160px;}
#bloc_promo .titre_prod {font-weight:bold;color:#E2001A;}
#bloc_promo .prix {font-weight:bold;color:#E2001A;font-size:18px;}
/*
#bloc_perso_maillot {font-size:12px;text-align:left;}
#bloc_perso_maillot #img_maillot {width:175px;float:left;}
#bloc_perso_maillot #img_maillot img {width:165px;border:1px solid #E2001A;}
#bloc_perso_maillot .tarif {font-weight:bold;color:#E2001A;}


#EC .ico_fb{display:inline-block;vertical-align:middle;width:0px;height:20px;padding-left:20px;background:url(../images/boutique/facebook.png) no-repeat;overflow:hidden;margin-right:4px;}
#EC .ico_tw{display:inline-block;vertical-align:middle;width:0px;height:20px;padding-left:20px;background:url(../images/boutique/twitter.png) no-repeat;overflow:hidden;margin-right:4px;}
#EC .ico_note{display:inline-block;vertical-align:middle;width:0px;height:20px;padding-left:20px;background:url(../images/boutique/note.png) no-repeat;overflow:hidden;margin-right:4px;}
#EC .ico_share{display:inline-block;vertical-align:middle;width:0px;height:20px;padding-left:20px;background:url(../images/boutique/share_mail.png) no-repeat;overflow:hidden}
#EC .ico_delete{display:inline-block;vertical-align:middle;width:0px;height:20px;padding-left:20px;background:url(../images/boutique/delete.png) no-repeat;overflow:hidden}
#EC .ico_moins{display:inline-block;vertical-align:middle;width:0px;height:16px;padding-left:16px;background:url(../images/boutique/moins.png) no-repeat;overflow:hidden}
#EC .ico_plus{display:inline-block;vertical-align:middle;width:0px;height:16px;padding-left:16px;background:url(../images/boutique/plus.png) no-repeat;overflow:hidden}
#EC .ico_remove{display:inline-block;vertical-align:middle;width:0px;height:12px;padding-left:12px;background:url(../images/boutique/remove.png) no-repeat;overflow:hidden}
#EC .ico_promo{display:inline-block;vertical-align:middle;width:0px;height:16px;padding-left:16px;background:url(../images/boutique/promo.png) no-repeat;overflow:hidden}
#EC .ico_livraison{display:inline-block;vertical-align:middle;width:0px;height:16px;padding-left:16px;background:url(../images/boutique/livraison.png) no-repeat;overflow:hidden}
*/
/* ------------ Workflow en tete de page ------------ */

#EC_workflow {margin:45px auto 75px;border-top:3px solid #5C5C5C;width:460px;position:relative;}
	#EC_workflow .wf_step {display:block;width:100px;margin-left:-50px;position:absolute;top:-18px;left:0;text-align:center;color:#5C5C5C;font-size:17px;}
	#EC_workflow .wf_step:before {content:"1";display:block;width:34px;height:34px;border:3px solid #5C5C5C;background:white;border-radius:50%;text-align:center;padding:2px 0;margin:0 auto 4px;box-sizing:border-box;-moz-box-sizing:border-box;font-size:18px;}
	#EC_workflow .wf_step.current {color:#EC3B6E;}
	#EC_workflow .wf_step.current:before {border:3px solid #EC3B6E;}
	#EC_workflow .wf_step.disabled {/*color:#BBB;*/cursor:default;}
	#EC_workflow .wf_step.disabled:before {/*border:3px solid #BBB;*/}
	#EC_workflow .wf_step.step_2 {left:25%;} #EC_workflow .wf_step.step_2:before {content:"2";}
	#EC_workflow .wf_step.step_3 {left:50%;} #EC_workflow .wf_step.step_3:before {content:"3";}
	#EC_workflow .wf_step.step_4 {left:75%;} #EC_workflow .wf_step.step_4:before {content:"4";}
	#EC_workflow .wf_step.step_5 {left:100%;} #EC_workflow .wf_step.step_5:before {content:"5";}




/* ------------------------------ Pour le listing des produit ------------------------------ */
.EC_prod_separator {float:left;display:block;width:12px;height:170px;}
.btn_wrapper {padding:20px 0 10px;}

.filter_value_slider{
	margin-right: 20px;
}

/* ------------------------------ PANIER ------------------------------ */
#EC_panier_wrapper{width:100%;border-collapse:collapse;}
    /* Header du panier */
	.EC_panier_cellule{padding:10px;vertical-align:middle;}
    #EC_panier_header{height:36px;background:#323232;color:#fff;font-weight:bold;text-transform:uppercase;}
        #EC_panier_header .EC_panier_cellule{border:1px solid #323232;text-align:center;border-bottom:1px solid #D9D9D9;}

    /* Listing panier */
	#EC_panier_listing {}
		#EC_panier_listing .EC_panier_cellule{padding:10px;border:1px solid #D9D9D9;} 
		#EC_panier_listing .EC_panier_line_art:nth-child(even) {background:#F2F2F2;}
			
		#EC_panier_listing .EC_cellule_article {color:#5D5D5D;}
			.EC_panier_art_img{display:block;width:58px;height:58px;text-align:center;position:relative;border:1px solid #D9D9D9;background:white;float:left;margin-right:10px;}
			.EC_panier_art_img:before{content:" ";display:inline-block;vertical-align:middle;width:1px;height:58px;margin-left:-1px;}
			.EC_panier_art_img img{max-width:50px;max-height:50px;display:inline-block;vertical-align:middle;}
			.EC_panier_art_title {color:#323232;font-size:16px;margin:4px 0 3px;}
		#EC_panier_listing .EC_cellule_prix_u {text-align:right;font-size:14px;width:90px;}
		#EC_panier_listing .EC_cellule_prix {text-align:right;font-size:14px;color:#EC3B6E;font-weight:bold;width:100px;}
		#EC_panier_listing .EC_cellule_quantite {width:130px;}
		#EC_panier_listing .EC_panier_art_quantite INPUT.styled {height:25px;text-align:center;}
		#EC_panier_listing .EC_panier_art_quantite .qte_minus {display:inline-block;width:24px;height:24px;background-position:-178px -299px;cursor:pointer;}
		#EC_panier_listing .EC_panier_art_quantite .qte_plus {display:inline-block;width:24px;height:24px;background-position:-207px -299px;cursor:pointer;}
		#EC_panier_listing .EC_panier_art_quantite .prod_remove {display:inline-block;width:24px;height:24px;background-position:-233px -299px;cursor:pointer;}
		
    /* Bas du panier */
	#EC_panier_footer {/*font-weight:bold;*/}
		#EC_panier_footer .EC_cell {text-align:right;border:1px solid #D9D9D9;padding:10px;}
		#EC_panier_footer .totals_aligner {display:inline-block;width:270px;}
			#EC_panier_footer .totals_aligner LABEL {float:left;}
		#EC_panier_recap_total_ttc {font-size:20px;font-weight:bold;}
			#EC_panier_recap_total_ttc td.EC_cell {padding:6px 10px;background:#F2F2F2}
			#EC_panier_recap_total_ttc label{display:inline-block;margin-top:3px;text-transform:uppercase;}
			#EC_panier_recap_total_ttc span{color:#EC3B6E;font-size:24px;}
	
	#EC_panier_recap_cgv {margin:20px 0;}
		#EC_panier_recap_cgv input {margin:0 4px 0 0;}
	#btn_retour_panier {float:left;}
	#btn_valid_panier {float:right;}


/* ------------------------------ FORMULAIRES DE CONNEXION / INSCRIPTION ------------------------------ */
/* Box conteneur */
#EC_login {}
#EC_login .EC_box {border:1px solid #D9D9D9;max-width:540px;margin:30px auto;}
	#EC_new_account_wrapper {border-right:1px solid #D9D9D9}
	#EC_login .EC_box H2 {padding:15px 20px;margin:0;}
	.login_group {padding:10px 20px;}
	.login_group.even {background:#F2F2F2;}
	.EC_box_line {position:relative;padding:5px 0 5px 130px;}
		.EC_box_line .ml {display:block;position:absolute;left:0;top:7px;width:120px;}
		.EC_box_line .fi {width:100%;padding:3px;border:1px solid #BFBFBF;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box;font-size:13px;}
		.EC_radio_label {white-space:nowrap;}
		.telephone {max-width:190px;}
	.wrapper_btn {padding:10px 20px 20px 0;text-align:right;}
	#lnk_pass_forgotten {margin:10px 10px 0 150px;display:inline-block;color:#5C5C5C;text-decoration:underline;font-size:11px;}
	
	#EC_create_account .back{margin-left:20px;}

	/* Edition de compte */
	#EC_edit_account_wrapper {border:1px solid #D9D9D9;padding:15px 20px 15px 280px;position:relative;min-height:220px;}
		#EC_edit_account_lnk_wrapper {position:absolute;top:0px;left:0px;bottom:0px;background:#F2F2F2;padding:18px 30px;width:200px;}
		#EC_edit_account_lnk_wrapper LI{margin:0;padding:12px 0;list-style:none;text-transform:uppercase;border-top:1px solid #DBDBDB;}
		#EC_edit_account_lnk_wrapper LI:first-child {border-top:0;}
		#EC_edit_account_lnk_wrapper .active {color:#8B0021}
		
		#EC_edit_account .EC_box_intern {border:1px solid #D9D9D9;margin:10px 0 20px;padding:0 10px 10px;}
		#EC_edit_account .EC_box_subheader {background:black;color:white;text-transform:uppercase;text-align:center;margin:0 -10px 5px;padding:5px 10px;font-size:14px;}
			#EC_edit_account .EC_box_line{padding:5px 20px;}
			#EC_edit_account .ml{display:inline-block;width:40%;padding:0 20px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;position:static;vertical-align:top;margin-top:4px;}
			#EC_edit_account .fi, #EC_edit_account .list{max-width:380px;width:60%;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:top;}
	
	/* Historique commandes */
	#EC_historique_wrapper {margin:40px 0;}
		#EC_historique_wrapper TABLE {width:100%;border-collapse:collapse;}
		#EC_historique_wrapper TABLE TD {padding:3px 5px;border:1px solid #FFF;}
		#EC_historique_wrapper THEAD TR {background:black;color:white;font-weight:bold;font-family:'PT sans', arial;}
			#EC_historique_wrapper THEAD TD {}
		#EC_historique_wrapper TBODY TR:nth-child(even) {background:#F0F0F0;}
		#EC_historique_wrapper .total {text-align:right;}
	




/* --- Adresse de livraison --- */
#EC_livraison_wrapper {border:1px solid #D9D9D9;background:#F2F2F2;}
	#EC_livraison_wrapper H2 {margin-bottom:15px;}
#EC_livraison_saved {float:right;width:35%;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 20px;}
#EC_livraison_current {float:left;width:65%;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 20px;border-right:1px solid #D9D9D9;background:white;}


#EC_livraison_saved {}
	
	.list_adresse {list-style-type:none;padding:5px 0;}
	.list_adresse LI {padding:5px 35px 5px 5px;position:relative;}
	.list_adresse LI:nth-child(even) {background:#F2F2F2;}
	.list_adresse LI:nth-child(odd) {background:white;}
	.save_new_address {margin-top:20px;}
		.save_new_address .text {padding-bottom:5px;}
	.remove_adresse {position:absolute;right:0px;top:6px;margin:0 8px;font-size:20px;display:block;vertical-align:middle;width:12px;height:12px;background-position:-6px -316px;}

/* --- Mode de livraison --- */
.pick_livraison {text-align:center;margin:15px 0}
#EC_livraison_page_wrapper{text-align:center;}
	#EC_livraison_page_wrapper .EC_box{width:210px;vertical-align:top;text-align:center;margin:0 7px;border:1px solid #D9D9D9;display:inline-block;background:#fff}
	#EC_livraison_page_wrapper .EC_box_header{display:block;height:auto;font-size:20px;line-height:normal;padding:15px 5px 5px;}
		#EC_livraison_page_wrapper .EC_box_header INPUT {margin:0;}
	#EC_livraison_list_wrapper{margin-bottom:10px;text-align:center;}
	.EC_box_livraison_content{display:inline-block;padding:10px 10px 15px;}
	.EC_box_livraison_content IMG {padding-bottom:10px;}
	.EC_box_livraison_content span{display:block}
	.EC_box_livraison_port{margin-bottom:5px;}
	.EC_box_livraison_total{font-weight:bold;font-size:15px;}
	

/* Recapitulatif commande : mode de paiement */
#EC_paiement_list_wrapper{text-align:center;}
#EC_paiement_list_wrapper .EC_box{width:210px;vertical-align:top;text-align:center;height:90px;margin:0 7px;border:1px solid #b3b3b3;display:inline-block;background:#fff}
	#EC_paiement_list_wrapper .EC_box_header{display:inline-block;width:100%;height:auto;font-size:16px;line-height:normal;padding:5px;padding-top:23px;}
#EC_paiement_list_wrapper .EC_box .ico_mode_paiement {vertical-align:inherit;}
#EC_mode_paiement_wrapper #EC_mode_paiement_recap_livr{margin:10px 0 ;}
#EC_mode_paiement_recap_livr .EC_box {float:left;width:50%;}
.ctn_text_paiement {border:1px solid #D9D9D9;padding:20px;line-height:130%;}

/* STYLES COMMUNS : COULEURS / BORDURES .... */
#EC_txtPromo_wrapper{font-weight:bold;background:#FA021F;color:#fff;display:inline-block;padding:1px 3px}
.EC_list_produit_img_wrapper .voir_produit{background:#333;color:#fff;font-weight:bold;}
/* elements de formulaire */
#EC_bloc_produit label{display:inline-block;vertical-align:middle;width:80px;font-weight:bold;margin-bottom:5px;}
#EC_bloc_produit input[type=text]{display:inline-block;vertical-align:middle;width:40px;margin-bottom:5px;}
#EC_bloc_produit select{display:inline-block;vertical-align:middle;margin-bottom:5px;}
a.EC_btn, a.EC_btn:hover, .ui-widget-content .EC_btn{display:inline-block;background:#333;color:#fff;padding:2px 10px;border:1px solid #666;}


@media (max-width: 767px) {
	#EC_workflow {margin:30px 20px;width:auto;}
	#EC_workflow .wf_step {width:38px;height:38px;overflow:hidden;margin-left:-19px;}
	
	/* */
	#EC_panier_wrapper {border:1px solid #DCDCDC;}
	.EC_panier_cellule{display:block;width:auto;}
	#EC_panier_header .EC_panier_cellule, #EC_panier_listing .EC_cellule_prix_u, .EC_panier_art_img{display:none;}
	#EC_panier_header .EC_cellule_article {display:block;}
	
	#EC_panier_listing .EC_panier_line_art {position:relative;display:block;}
		#EC_panier_listing .EC_panier_cellule {border:none;}
		#EC_panier_listing .EC_cellule_quantite {float:left;width:auto;}
		#EC_panier_listing .EC_cellule_prix {float:right;width:auto;}
		#EC_panier_listing .EC_panier_line_art:after {content:" ";display:block;clear:both;height:0;width:100%;}
		#EC_panier_listing .EC_panier_line_art:before {content:" ";display:block;position:absolute;right:0;top:0;bottom:0;width:1px;background:#D9D9D9;}
	
	#EC_panier_footer .totals_aligner {display:block;width:auto;}
	#btn_retour_panier {display:none;}
	
	/* */
	#EC_login {border:0;}
	#EC_login .EC_box {width:auto;float:none;border:1px solid #D9D9D9;margin:20px 0px;}
	#lnk_pass_forgotten {float:left;margin:20px 5px 5px 5px;}
	
	#EC_edit_account_wrapper {padding:15px;position:relative;}
	#EC_edit_account_lnk_wrapper {position:static;margin:-15px -15px 0;width:auto;padding:10px 0;}
		#EC_edit_account_lnk_wrapper LI {display:inline-block;margin:0 10px;padding:5px 0;border:0;text-transform:none;}
	
	#EC_create_account .back{display:none;}	
	
	/* */
	#EC_livraison_wrapper {border:none;background:none;}
	#EC_livraison_saved, #EC_livraison_current {float:none;width:auto;padding:5px 10px;border:1px solid #D9D9D9;margin:10px 0 20px;}
	
	/* */
	#EC_livraison_page_wrapper .EC_box {width:auto;display:block;height:auto;margin:-1px 0 0;position:relative;padding:10px 15px;text-align:left;}
	#EC_livraison_page_wrapper .EC_box_header {padding:0;}
	.EC_box_livraison_content {padding:5px 0 0 18px;}
	.EC_box_livraison_content img{display:none;}
	.EC_box_livraison_content input {position:absolute;left:5px;top:50%;margin-top:-9px;}
	
	/* */
	#EC_mode_paiement_recap_livr .EC_box {float:none;width:auto;}
	.ctn_text_paiement {padding:10px;}
}

@media (max-width: 450px) {
	.EC_box_line {padding:5px 0 5px;}
	.EC_box_line .ml, #EC_edit_account .ml {position:static;top:0;width:auto;margin-bottom:3px;}
	.EC_box_line .fi {}
	
	#EC_edit_account .EC_box_line{padding:5px 0;}
	#EC_edit_account .ml{display:block;width:auto%;padding:0;margin:0 0 3px;}
	#EC_edit_account .fi, #EC_edit_account .list{width:100%;display:block;}
	
	#EC_historique_wrapper THEAD {display:none;}
		#EC_historique_wrapper TABLE TR {display:block;border:1px solid #D9D9D9;border-left:0;border-right:0;padding:10px 0;}
		#EC_historique_wrapper TABLE TD {display:inline-block;padding: 0 5px;border:0px;}
		#EC_historique_wrapper .ref_cmd {display:block;padding-bottom:0px;}
			#EC_historique_wrapper .ref_cmd A {color:#8B0021;font-weight:bold;}
			#EC_historique_wrapper .ref_cmd:before {content:"RÃ©f. ";}
			#EC_historique_wrapper .ref_cmd:after {content:" :";}
		#EC_historique_wrapper .total {display:block;color:#8B0021;font-weight:bold;}
}


#bara .ui-widget-overlay {background:url(/images/modal_bg.png);opacity:1;filter:Alpha(Opacity=100);}
#bara .ui-dialog {border:0px;border-radius:0px;padding:20px 25px;}
	#bara .ui-dialog-titlebar  {padding:0 0 10px;border:none;background:none;border-radius:0;position:relative;}
		#bara .ui-dialog-titlebar:before {content:" ";display:block;height:1px;width:100%;bottom:19px;left:0;background:#D9D9D9;position:absolute;z-index:1;}
		#bara .ui-dialog-title {background:white;display:inline-block;width:auto;padding-right:18px;position:relative;z-index:5;font-size:20px;min-height: 20px;}
		/*#bara .ui-dialog-titlebar-close {background:white;margin:0;top:4px;right:0;padding-left:15px;z-index:10;border:0;}*/
		#bara .ui-dialog-titlebar-close {background:white;margin:0 0 0 5px;top:0px;right:-5px;padding-left:19px;z-index:10;border:0;}
		/*#bara .ui-icon-closethick {background:url(/images/sprite.png) -6px -316px;width:12px;height:12px;left:auto;right:0;margin-left:0;}*/
		#bara .ui-icon-closethick {background:url(/images/sprite.png) -6px -316px;width:12px;height:12px;left:auto;right:4px;top:12px;margin-left:0;}
	#bara .ui-dialog-content {padding:0;}
#bara .ui-widget {font-size:1em;font-family:'Droid Serif',serif;line-height:135%;}
.desc_box_ajout_panier {text-align:center;margin-top:10px;}
	.desc_box_ajout_panier .btn {margin:0 5px;}

.link-xs-accords_mets{
	display: none;
}
@media(max-width: 767px){
	#accords_mets{
		display: none;
	}
	.link-xs-accords_mets{
		display: block;
		background: #3b3b3b;
		color: white !important;
		font-weight: 700;
		
		margin: 7px;
		font-size: 15px;
		padding: 13px;
		padding-right: 55px;
		border-radius: 5px;
		position: relative;
	}
	.link-xs-accords_mets:after{
		content: '>';
		position: absolute;
		right: 13px;
		top:13px;
		vertical-align: middle;
		display: table-cell;
		
	}
}
@media(min-width: 768px){
	.produit-avant{
		background: url('/images/bg_essentiels.jpg') center left no-repeat #212121;
		color: white;
		padding: 10px;
		position: relative;
		min-height: 149px;
	}
	.produit-avant .illustration{
		float: left;
		margin-right: 10px;
		max-width: 130px;
	}
	
	.produit-avant .illustration img{
		width: 100%;
		height: auto;
	}

	.produit-avant .caption-produit{
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 150px;
	}

	.produit-avant h4{
		margin: 0;
		text-transform: uppercase;
		color: #808080;
		font-size: 14px;
		position: relative;
		
		margin-top: 5px;
	}

	.produit-avant h4 span{
		display: inline-block;
		background: url('/images/bg_essentiels.jpg') -161px -18px #212121;
		position: relative;
		z-index: 1;
		padding-right: 10px;
	}

	.produit-avant h4:before{
		content: ' ';
		position: absolute;
		top: 10px;
		right: 0;
		left: 0;
		height: 1px;
		background: #383838;
	}

	.produit-avant h3{
		margin: 0;
		margin-top: 10px;
		margin-bottom: 5px;
		color: #FFF;
		font-size: 24px;
		font-weight: 300;
	}

	.produit-avant .prix{
		display: inline-block;
		color: white;
		font-size: 30px;
		background: #8b0027;
		padding: 3px;
		font-weight: 900;
	}

	.produit-avant .caption-produit a{
		position: absolute;
		bottom: 5px;
		right: 0;
		font-size: 12px;
		color: white;
		text-decoration: underline;
	}

	.produit-avant .caption-produit a:before{
		content: '>';
		position: absolute;
		left: -12px;
		top: 1px;
		text-decoration: none;
	}
}
@media(max-width: 767px){
	.produit-avant{
		position: relative;
		border: 1px solid #E8E8E8;
		border-radius: 5px;
		box-shadow: 0 2px 2px #DDDDDD;
		margin-left: 10px;
		margin-right: 10px;
		padding: 15px;
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	}
	
	.produit-avant:after{
		content: '>';
		color: #8b0027;
		position: absolute;
		top: 12px;
		right: 8px;
		font-weight: 900;
		font-size: 18px;
		
	}
	.produit-avant h4{
		color: #323232;
		font-size: 15px;
		margin: 0;
		text-transform: none;
		font-weight: 700;
		font-family: 'PT Sans',sans-serif;
	}
	.produit-avant .caption-produit a{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		text-indent: -5000px;
	}
	.produit-avant .illustration, .produit-avant .prix, .produit-avant h3{
		display: none;
	}
}