/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, footer, header, nav {margin: 0; padding: 0;}
table {border-spacing: 0; border-collapse: collapse;}
li {list-style: none;margin: 0;}
a, a:hover {text-decoration: none; outline: none;}
img, fieldset {border: 0; height: auto;}
h1, h2, h3, h4, h5, h6, th, td, p, caption {font-weight: normal; font-size: 1em;}
footer, header, nav, section {display: block;}
/* End CSS Mini Reset */

/* Defaults */
#err, #err_msg {color:red; font-weight:bold; display:block; padding:5px 0 0 0; font-size:12px; margin-bottom:10px;}
#msg {color:green; font-weight:bold; display:block; padding:5px 0 0 0; font-size:12px; margin-bottom:10px;}
span.error {color:red; font-weight:bold; position: relative;top:-10px;}

img, object {border:0;}
.clr, .clear {clear:both;}
.strong {font-weight:600;}
/*.right {float:right;} .left {float:left;}*/

body, html, .site-pusher, .site-container, .site-content{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body{
	font-size: 15px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	color: #595959;
}

h1{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 40px;
	color: #0d0d0d;
	border-bottom: 3px solid #000;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/*.page.rouge{display: none;	}*/

h2{font-weight: 400;font-style: italic;font-size: 30px;color: #595959;}

h3{font-size: 18px;text-transform: uppercase;font-weight: 600;margin-bottom: 10px;color: #000;}

h4{font-size: 15px;font-weight: 400;margin-bottom: 10px;color: #a70013;text-transform: uppercase;}

h5{font-size: 15px;font-style: italic;font-weight: 300;color: #000;}

a{color: inherit;}

p a{color: #a70013; text-shadow: 0 0 0px rgba(0,0,0,0); transition: all 0.2s ease;}
p a:hover{text-shadow: 0 0 10px #a70013;}

p{margin: 10px 0; font-size: 14px;}

.btn{
	background: none;
	padding: 15px 30px;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	border: none; 
	cursor: pointer;
	-webkit-box-shadow: 	0 0 0 61px #a70013 inset;
	box-shadow: 	0 0 0 61px #a70013 inset;
	transition: all 0.2s ease;
}

.btn.small{font-size: 14px;padding: 10px 15px;}

.btn.noir{
	-webkit-box-shadow: 	0 0 0 61px #000 inset;
	box-shadow: 	0 0 0 61px #000 inset;
}

.btn.noir:hover{
	-webkit-box-shadow: 	0 0 0 1px #000 inset;
	box-shadow: 	0 0 0 1px #000 inset;
	color: #000;
}

.btn.blanc, .btn.white{
	-webkit-box-shadow: 	0 0 0 61px #fff inset;
	box-shadow: 	0 0 0 61px #fff inset;
	color: #a70013;
}

.btn.blanc:hover, .btn.white:hover{
	-webkit-box-shadow: 	0 0 0 1px #fff inset;
	box-shadow: 	0 0 0 1px #fff inset;
	color: #fff;
}

.btn:hover{
	text-decoration: none;
	-webkit-box-shadow: 0 0 0 1px #a70013 inset;
	box-shadow: 0 0 0 1px #a70013 inset;color: #a70013;
	text-shadow: none;
}

.right{float: right;}

.container{width: 1180px;position: relative;margin: auto;padding: 30px 0;}

header{
	position: relative;
	top: 0;left: 0;right: 0;
	z-index: 10;
	background: rgba(0,0,0,1);
	transition:all 0.3s ease;
	text-align: right;
	height: 70px;
}

header.home{
	position: absolute;	
	background: rgba(0,0,0,0.7);
}

header .container{padding: 0;}

header.home.stuck{position: fixed;background: rgba(0,0,0,1);}

.navbar-brand{
	float: left;
	display: block;
	background: url(img/logo-boutique.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	width: 208px;height: 52px;
	margin: 8px;
	margin-left: 20px;
	position: absolute;
}

.navbar-brand *{display: none;}

ul.navbar{display: inline-block;vertical-align: top;}

ul.navbar li{display: inline-block;padding: 15px 0;position: relative;}

ul.navbar li a{font-size: 15px;text-transform: uppercase;color: #fff;padding: 10px 15px;display: inline-block;}

ul.navbar > li:hover > a{color: #a70013;}

ul.navbar > li > ul > li > ul{display: none;}

li.dropdown{margin-right: 15px;}

ul.navbar > li.dropdown::after{
	/*position: absolute;*/
	display: inline-block;
	content: "";
	width: 15px;height: 9px;
	background: url(img/submenu_arrow.png) no-repeat center;
	/*right: -10px;top: 37px;*/
}

ul.navbar li.dropdown ul li:hover{background: #cecece;}

ul.submenu{
	width: 180px;
	text-align: left;
	position: absolute;
	background: #e6e6e6;
	box-shadow:0 0 3px rgba(150,150,150,.5);
	border-top: 5px solid #717171 ;
	top: 64px;z-index: 1;
	display: none;
}

ul.navbar > li.dropdown:hover > ul.submenu{display: block;}

ul.submenu li{border-bottom: 1px solid #cecece;width: inherit;padding: 0;}

ul.submenu li a{margin: 0 10px;color: #000}

.search_bar{display: inline-block;padding: 17px;position: relative;}

.search-ok{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	height: 20px;
	width: 20px;
	background: url(img/icone_loupe.png) no-repeat center;
	position: absolute;
	top: 26px;
	left: 27px;
	cursor: pointer;
	z-index: 1;
}

#mod_search_searchword{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border:1px solid #fff;
	border-radius: 30px;
	padding: 7px;
	padding-left: 35px;
	font-size: 17px;
	color: #fff;
	width: 40px;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.search_bar.active #mod_search_searchword{
	width: 180px;
	z-index: 1;
	background: #000;
}

.search_bar.active .search-ok{
	z-index: 2;
}

.block_header_right{
	display: inline-block;
	vertical-align: top;
	background: #9d2235;
	height:100%;
	position: relative;
}

img{max-width: 100%;}

.block_header_right ul{display: table;}

.block_header_right li{font-size: 15px;display: table-cell; vertical-align: middle;color: #fff;	padding: 20px 20px 18px;}

.block_header_right li > a{text-transform: uppercase;}
.block_header_right li a{color: #fff;}
.block_header_right li img{cursor: pointer;}

.block_header_right li.selected, .block_header_right li:hover{background: #b13347;}

.accueil-nav{
	position: absolute;
	text-align: center;
	width: 100%;
	/*margin-top: -54px;*/
	bottom: 0;
	z-index: 9;
}

.accueil-nav a{
	padding: 10px 50px;
	margin: 0 5px;
	display: inline-block;
	background: rgba(237,237,237,0.5);
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
}

.accueil-nav a:hover{background: rgba(237,237,237,0.7);}

.accueil-nav a.selected{background: rgba(237,237,237,1);color: #585757;}

.livraison span.strong{font-weight: 800;text-transform: uppercase;}

.livraison p{margin: 0;}

.livraison img{display: inline-block;vertical-align: middle;}
.livraison span{display: inline-block;vertical-align: middle;color: #000;font-size: 25px;margin: 0 30px;}
.livraison{text-align: center;}

.slider{height: 100%; width: 100%;}
.slide-wrap{height: 100%;}
.slide{z-index: 5;background-size:cover !important;height: 100%; position: relative;}


.slideshow-desktop{
	width: 100%;
	height: 100%;
	position: relative;
}

.slideshow-mobile{display: none;}

.slideshow, .slideshow > ul, .slick-list, .slick-track {height: 100%;}

.slideshow > ul > li{height: 100%;}

.slick-list li{height: 100%;	position: relative;	}

.slick-prev, .slick-next{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 0;
	background: rgba(255,255,255,0.2);
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: none;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 1;
}

.slick-prev:focus, .slick-next:focus{outline: none;}

.slick-prev::after, .slick-next::after{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(45deg);
	margin-left: 5px;
}

.slick-prev::after{transform: rotate(-135deg);margin-left: 14px;}

.slick-prev:hover, .slick-next:hover{
	background: #F2E6D8;
}

.slick-prev:hover::after, .slick-next:hover::after{
	border-right: 1px solid #735E53;
	border-top: 1px solid #735E53;
}

.slick-prev{left: 20px;}
.slick-next{right: 20px;}

.slideshow .container{position: initial;}

.slideshow .container{display: table;height: 100%;z-index: 6;}
.slideshow .txt-intro{display: table-cell;vertical-align: middle;position: relative;}
.slideshow .txt-intro h1{color: #fff;border-bottom: none;margin-bottom: 30px;font-size: 45px;font-weight: 300;}
.slideshow .txt-intro h1::after{height: 2px;width: 5000px;position: absolute;right: 0;content: "";background: #fff;margin-top: 70px;}

.louis{display: inline-block;width: 550px;}
.louis p{width: 200px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.louis h1{color: #9d2235;display: inline-block;vertical-align: middle;width: 300px;border-bottom: none;font-weight: 600;font-size: 35px;}
.louis h1::after{content: "♥";margin-left: 10px;}

.wrap-vin-mois{padding: 20px;background: #fff;display: inline-block;}
.wrap-vin-mois .img-left{width: 120px;display: inline-block; vertical-align: middle;text-align: center;}

.wrap-vin-mois .img-left img{max-height: 270px;}

.wrap-vin-mois .txt-right{width: 400px;font-size: 20px;display: inline-block;vertical-align: middle;}

.slogan{position: absolute;right: 0;margin-top: -30px;padding: 15px 25px;background: rgba(255,255,255,.15);}

.page.gris_clair, .page.vin_mois{background: #ededed;}

.page.rouge{background: url(img/background-red.jpg) no-repeat top center;-webkit-background-size: cover;background-size: cover;}

.page.rouge h1{
	color: #fff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	padding-right: 90px;
}

.items-wrap{text-align: center;}

.items-wrap:hover .best_sell-item{opacity: .7;}

.items-wrap .best_sell-item:hover{opacity: 1;}

.best_sell-item{
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 280px;
	margin: 10px 0;
	margin-left: 8px;
	margin-right: 8px;
	overflow: hidden;
}

.nav_best{
	width: 30px;
	height: 30px;
	position: absolute;
	margin-top: 210px;
	cursor: pointer;
	opacity: .5;
	transition: all 0.2s ease
}

.nav_best:hover{opacity: 1;width: 40px;height: 40px;margin-top: 205px;}

.nav-before{
	border-left: 7px solid #fff;
	border-bottom: 7px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -60px;
}

.nav-after{
	border-left: 7px solid #fff;
	border-bottom: 7px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	right: -60px;
}

.best_sell-item:first-child{margin-left: 0;}
.best_sell-item:last-child{margin-right: 0;}

.best_sell-img{position: relative;z-index: 1;}

.best_sell-img img{background: #fff;padding: 20px 0; max-height: 300px;}

.best_sell-desc{text-align: left;padding: 10px;box-shadow: 0 0 50px rgba(0,0,0,0.3);z-index: 2;position: relative;height: 85px;}

.sidebar{
	display: inline-block;
	vertical-align: top;
	width: 280px;
	margin-right: 15px;
}

.nav-left{
	background: #f7f7f7;
	padding: 15px;
	box-shadow: 0 0 6px #cecece;
	margin-bottom: 20px;
}

.nav-left h1{
	font-size: 25px;
	font-weight: 600;
	border-bottom: 3px solid #000;
}

.nav-left > ul > li > a *{display: none;}

.nav-left > ul > li > a{display: block;height: 49px;position: relative;margin-bottom: 10px;background-repeat: no-repeat;background-position: center left;}

.nav-left > ul > li:nth-child(1) > a{background-image: url(img/logo-hauller_freres-gris.png); background-size: contain;width: 157px; max-width: 100%;}
.nav-left > ul > li:nth-child(2) > a{background-image: url(img/logo-famille_hauller-gris.png); background-size: contain;width: 223px; max-width: 100%;}
.nav-left > ul > li:nth-child(3) > a{background-image: url(img/logo-pierre_sperry-gris.png?v=2);width: 148px; background-size:auto 90%; background-position:center center;}

.nav-left > ul > li:nth-child(1):hover > a, .nav-left > ul > li:nth-child(1).selected > a{	background-image: url(img/logo-hauller_freres-rouge.png); background-size: contain;}
.nav-left > ul > li:nth-child(2):hover > a, .nav-left > ul > li:nth-child(2).selected > a{	background-image: url(img/logo-famille_hauller-rouge.png); background-size: contain;}
.nav-left > ul > li:nth-child(3):hover > a, .nav-left > ul > li:nth-child(3).selected > a{	background-image: url(img/logo-pierre_sperry-rouge.png?v=2); background-size:auto 90%; background-position:center center;}

.nav-left > ul > li.dropdown > a::after{
	content: "";
	display: block;
	position: absolute;
	right: -30px;
	top: 20px;
	width: 21px;
	height: 11px;
	background: url(img/submenu_vin_arrow.png);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.nav-left > ul > li.dropdown:hover > a::after{background: url(img/submenu_vin_arrow_rouge.png);}

.nav-left > ul > li.dropdown.selected > a::after{
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	background: url(img/submenu_vin_arrow_rouge.png);
}

.nav-left > ul > li > ul{
	margin-left: 15px;
	display: none;
}

.nav-left > ul > li.selected > ul{
	display: block;
}

.nav-left > ul > li > ul > li{padding: 5px 0;}

.nav-left > ul > li > ul > li a:hover{color: #9d2235;}

.nav-left > ul > li > ul > li.selected > a{border-bottom: 2px solid #9d2235;}

.newsletter-block{
	background: #a70013 ;
	padding: 20px;
	color: #fff;
	box-shadow: 0 0 6px #cecece;
}

.newsletter-block p:first-child{margin-top: 0;}
.newsletter-block p:last-child{margin-bottom: 0;}

.shop-wrap{display: inline-block;width: 880px;}

.shop-bar{
	box-shadow: 0 0 6px #cecece;
	border: 1px solid #e6e6e6;
	position: relative;text-align: right;
	margin-bottom: 20px;
}

.shop-bar h2{font-style: normal;text-transform: uppercase;padding: 12px 0;font-size: 20px;font-weight: 600;color: #000;position: absolute;left: 20px;}

.bar-item{display: inline-block;vertical-align: top;border-left: 1px solid #e6e6e6;padding: 15px 5px;}

.search-ok.vins{position: relative;background: url(img/icone_loupe_noir.png) no-repeat center; -webkit-background-size: contain;background-size: contain;width: 22px;height: 20px;top: initial; left: initial;}

.shop-bar select{
	border: none;
	font-size: 16px;
	padding: 0 10px;
	/*text-transform: uppercase;*/
	cursor: pointer;
}

.page.footer{text-align: center;min-height: initial;}

.page.footer .container{padding: 20px 0;}

.footer-social{padding: 15px 0;border-top: 1px solid #b3b3b3;}
.footer-social a{margin: 0 10px;}
.footer-social p{margin: 0 ;}

.footer-blocks{background: #e5e5e5;padding: 15px 0;}

.footer-blocks blockquote{display: inline-block;text-align: left;border-right: 1px solid #000;padding: 0 30px;}
.footer-blocks blockquote:last-child{border-right:none;}

.footer-blocks blockquote h3{font-size: 14px; margin-bottom: 0;}
.footer-blocks blockquote p{font-size: 14px; }

.grand-est-popup img {
    width: 100px;
}


.cr{background: #000;padding: 5px 0;}

.lien-famille{margin-top: 10px;display: inline-block;vertical-align: middle;}

.lien-famille img{width: 300px;}

.cr p{display: inline-block;}
.cr p:last-child{text-align: left;display: inline-block;width: 350px;vertical-align: middle;color: #fff;border-left: 1px solid #fff;margin-left: 20px;padding: 30px 0;padding-left: 30px;}

.product{
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ccc;
	padding: 20px; 
	width: 374px;
	margin: 8px;
	height: 200px;
}

.product-img{position: absolute;width: 70px;text-align: center;}

.product-img img{max-height: 200px;}

.product-desc{margin-left: 90px;}

.product h3{margin-bottom: 5px;}
.product h4{margin-bottom: 5px;}

.cart_count input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

.shop-wrap h2{
	font-size: 20px;
	color: #282828;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/*.cart_count{position: absolute;}*/

.cart_count{margin-top: 15px;}

.product-quantite{float: left;border: 1px solid #9d2235; padding: 7px;}

.cart_count .cart-button{float: right;width: 100%;margin-top: 10px;}

.product-quantite span{margin-right: 10px;}

input[name="count"]{
	border: none;
	text-align: center;
	width: 20px;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	padding: 0;
}

.but{
	display: inline-block;
	font-weight: 600;
	font-size: 26px;
	color: #a70013;
	vertical-align: top;
	cursor: pointer;
	line-height: 16px;
	position: relative;
	z-index: 2;
}

.cart-button-valider{
	position: absolute;
	top: 50%;
	z-index: 1;
	opacity: 0;
	margin-top: -20px;
	transition: all 0.3s ease;
}

.cart-button-valider.show{
	margin-top: 10px;
	opacity: 1;
}

.column1-3{
	display: inline-block;
	vertical-align: top;
	width: 40%;
	background: #f7f7f7;
	padding: 20px;
	margin: 9px;
}

.column1-3 div{margin-bottom: 10px;}

.column1-3 div label {
    font-weight: 600;
    margin-right: 5px;
    width: 100px;
    display: inline-block;
    text-align: right;
}

.column1-3 input, .column1-3 select{display: inline-block;}

.slx-user-bottom{margin-top: -10px;}

ul.bookmark{width: 100%;border-bottom: 2px solid #a70013;margin-bottom: 20px;}
ul.bookmark li{display: inline-block;margin-right: 10px;}
ul.bookmark li a{padding: 10px 15px;background: #f7f7f7;display: block;}
ul.bookmark li.active a{background: #a70013; color: #fff;}

.user_addressbook_element{
	display: inline-block;
	vertical-align: top;
	width: 40%;
	background: #f7f7f7;
	padding: 20px;
	margin: 9px;
}

.confirm-box.confirm-box3{
	background: #a70013;
	padding: 20px;
	margin-top: 30px;
	color: #fff;
}

.box{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 20px;
}

.box h2{color: #fff;}

.box.cart{	border-right: 1px solid #fff;padding-right: 30px;}

input[type=image]{
    cursor: pointer;
    background: #fff;
    margin: auto;
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    width: 280px;
    margin-top: 20px;    
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

input[type=image]:hover{background: #efefef;
    box-shadow: 0 3px 20px rgba(0,0,0,0.3);}

    tr.header th{font-weight: bold;font-size: 16px;padding: 10px;}
.slx-users h2{display: none;}

tr.table-row td{padding: 10px}
tr.table-row:nth-child(2n+1){background: #efefef;}

tr.table-row a{background: none;text-transform: none;text-align: left;color: initial;padding: 0;}

td.light.small a{font-size: 12px;}

.price{float: right;font-size: 30px;font-weight: 600;color: #a70013;margin-top: -5px;}

.price strike{ font-size : 16px; color: #515151;}

.box textarea{
	min-width: 230px;
	min-height: 110px;
}

.top_block{
	position: absolute;
	background: #b13347;
	text-align: center;
	padding: 15px 0;
	color: #fff;
	width: 100%;
	right: 0;
	top: 69px;
	display: none;
}

.top_block .content{
	margin: 0 35px;
}

.top_block form{text-align: left;}

.top_block .input{
	margin-bottom: 10px;
}

.top_block .input input{
	width: 100%;
	border: none;
	padding: 10px 5px;
	display: inline-block;
	background: none;
	border: 1px solid white;
	color: #fff;
	margin: 5px 0;
}

.top_block .btn{
	padding: 10px;
	display: block;
	color: #a70013;
	font-size: 17px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.top_block a:hover{text-decoration: underline;}

.top_block .btn:hover{text-decoration: none;}

.top_block h3{color: #fff;font-size: 22px;}

.cart-count{font-weight: 600;font-size: 32px;}
.cart-price{font-size: 22px;}

.login-left, .login-right{
	display: inline-block;
	vertical-align: top;
	width: 42%;
	background: #f7f7f7;
	padding: 20px;
	margin: 9px;
}

.login-top{background: #f7f7f7; padding: 20px;margin: 9px;}

.login-top input{display: inline-block;}

.search_bar.menu{display: none; background: #ccc;}

.search_bar.menu #mod_search_searchword{
	width: 100%;
}

input, select{
	display: block;
	background: #fff;
	padding: 10px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

input[type="checkbox"]{
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	width: initial !important;
	display: initial !important;
}

select{
	background: url(img/select-bg.png) no-repeat right center #fff;
}


.login-left input, .login-right input, .login-left select, .login-right select{
	width: 100%;
	margin-bottom: 10px;
}

.alert-danger {
    display: block;
    position: relative;
    background: #ffc7c7;
    border-radius: 5px;
    border: 1px solid #ff6666;
    padding: 10px;
    margin-bottom: 15px;
}

.shop-steps{
	margin-top: 30px;
	overflow: hidden;
}

.step{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0;
	text-align: center;
}

.step span{
	background: #e5e5e5;
	width: 20px;
	padding: 10px;
	display: inline-block;
	font-weight: 600;
	border-radius: 20px;
	margin-right: 10px;
	font-size: 15px;	
}

.step.active{font-weight: 600;}

.step.active span{
	background: #000;
	color: #fff;
}

.status{
	display: inline-block;
	height: 3px;
	width: 25%;
	background: #e5e5e5;
	margin: 0 -2px;
	position: relative;
}

.status.active::after{
	content: "";
	position: absolute;
	background: #a70013;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-radius: 7px;
	border:2px solid #fff;
	right: 0;
	z-index: 5;
}

.status.active::before{
	content: "";
	position: absolute;
	background: #a70013;
	width: 1000px;
	height: 3px;
	right: 0;
}

.question-suite{
	float: right;
	text-align: right;
	position: relative;
	width: 350px;
}

.cart-wrap{margin-top: 50px;}
.question-suite input{display: initial; position: relative;}

.slx-shop-cart-question18{position: absolute; top: -50px;right: 0;}

.page.minheight{min-height: 530px;}

.product-page{
	border: 1px solid #ccc;
	padding: 20px; 
}

.product-page .product-img{
	/*background: #000;*/
	width: 200px;
}

.product-page .product-img img{max-height: 540px;}

.product-page .product-desc{
	margin-left: 220px;
	min-height: 540px;
}

.cart_count.page{
	background: #efefef;
	padding: 20px;
}

.cart_count.page .price{
	float: left;
	margin-right: 20px;
}

.cart_count.page .product-quantite{background: #fff;}

.cart_count.page .cart-button{width: initial;margin-top: initial;}

table.dataTable th {
    padding: 10px;
    /* border-bottom: 1px solid #000000; */
    text-align: left;
    vertical-align: middle;
    /* white-space: nowrap; */
    font-weight: bold;
    background-color: #ccc;
    color: #ffffff;
}

table.dataTable td{
	padding: 15px 10px 15px 10px;
    text-align: left;
    vertical-align: middle;
    /* white-space: nowrap; */
    border-bottom: 1px solid #c1c1c1;
    position: relative;
}

table.dataTable img{max-width: initial;}

.cart-pickup {margin:10px 0 45px 0;}
.cart-pickup h3, .gray-bg h3 {font-size:16px; margin-bottom:20px; font-family:Arial,Tahoma,Geneva,sans-serif;}
.cart-pickup a {
    background:url(img/pickup.png) no-repeat left center;
    padding-left:28px;
    display:block;
    min-height:20px;
    font-size:14px;
    line-height:20px;
    margin:8px 0;
    color: initial;
    font-weight: normal;    
    font-style: normal; 
}
.cart-pickup a .left {width:70%;float: left;}
.cart-pickup a .right {color:#595959; width:20%; text-align:right;float: right;}
.cart-pickup a.selected, .cart-pickup a:hover {background:url(img/pickup_active.png) no-repeat left center;}

.cart-pickup.left{display: inline-block;vertical-align: top;width: 300px;}
.cart-pickup.right{display: inline-block;vertical-align: top;width: 300px;float: right;}

.overlay {position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:-1; opacity:0;}
.overlay.show {/* display:block; */ z-index:100; opacity:1;}

.add-to-cart-window {position:fixed; top:50%; width:70%; height: 500px;	margin-top: -250px;	 left:50%; margin-left:-35%; box-sizing:border-box; padding:25px; box-shadow:0px 0px 30px #000000; background:#ffffff; z-index:101;}
.atcw-left { box-sizing:border-box; padding:20px; border:1px solid #cccccc; margin-right: 265px;}
.atcw-right {width:240px; position: absolute;	right: 30px;top: 90px;	box-sizing:border-box; padding:20px; border:1px solid #cccccc;text-align: center;}

.atcw-left h3{display: none;}

.atcw-title {font-size:26px; color:#000000; padding-bottom:30px; font-weight:bold;}
.red-label {font-size:17px; color:#b52234; display:block; font-weight:bold; padding-bottom:6px;}

.atcw-thumb {float:left; margin-right:35px;height: 200px;width: 100px;text-align: center;}
.atcw-thumb img {display:block; max-width:170px;height: inherit; margin:auto;}
.atcw-name {font-size:18px; font-weight:bold; color:#787878; padding-top:20px;}


.atcw-right small {display:block; text-align:center; font-size:11px; line-height:16px; color:#cccccc;}
.atcw-right .left, .atcw-right .right {margin-bottom:10px;}

.atcw-close.croix {width:25px; height:25px; position:absolute; right:22px; top:22px; background:url(img/cart-close.png) no-repeat center center; cursor:pointer;}
.atcw-right .btn.alt {cursor:pointer;}

.atcw-right .shop_block_right:first-child{display: none;}

#popup-count{font-size: 30px;font-weight: 600;color: #a70013;}

.product_count{
    background: #fff;
    color: #a70013;
    border: 2px solid #a70013;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    text-align: center;
    font-weight: 600;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

ol > li > a{font-size: 24px;font-weight: 600;}

ol > ol{margin-left: 30px;margin-bottom: 20px;}

ol > ol > li > a{font-size: 16px;color: #a70013;font-weight: 400;}
ol > ol > li > a:hover{text-decoration: underline;}

.popup-wrap{display: none;z-index: 100;position: fixed;}

.popup{
	background: #fff;
	position: fixed;
	top: 20%;
	width: 600px;
	left: 50%;
	/*margin-left: -330px;*/
	border-radius: 5px;
	box-shadow: 0 0 50px #000;
	z-index: 10;
	padding: 30px;
}

.popup blockquote{background: #a70013;padding: 10px;border-radius: 3px;font-weight: 600; font-size: 24px;}
.popup img{float: left;margin-right: 50px;}

.popup h1{border-bottom: none;font-size: 34px;}

.popup-wrap .overlay{opacity: 1;}

.popup-close{position: absolute;right: 20px;top: 10px;font-size: 30px;color: #aaa;}

.newsletter-form input{display: inline-block;}
.newsletter-form input[type="submit"]{border:1px solid #a70013; background: #a70013;color: #fff;cursor: pointer;margin-top: 20px;}
.newsletter-form input[type="submit"]:hover{background: #fff;color: #a70013;}

.newsletter-form label{font-weight: 700;}

.form_adduser label{font-weight: 400;}

.form_adduser a{font-weight: 700;color: #a70013;}

.code{background: #a70013; color: #fff; font-weight: 600;padding:5px 20px;font-size: 24px;border-radius: 5px;display: inline-block;margin-top: 20px;}

.slx-shop-cart-code input[name="code"]{display: inline-block;}

.slx-shop-cart-code .btn{padding: 9px;font-size: 16px;text-transform: none;}

.slx-shop-cart-code a{font-weight: 700;color: #a70013;margin-top: 10px;}

.slx-facture-desc{margin-bottom: 20px;display: block;}

.slx-facture .line{
	display: inline-block;
	vertical-align: top;
	margin: 5px;
}

@media screen and (max-width: 1200px) {

	.page{min-height: initial;}

	.container{
		width: initial;
		margin: 0 20px;
	}

	.louis p{width: 150px;}
	.louis{width: 46%;}
	.louis h1{width: 210px;font-size: 25px;}

	.wrap-vin-mois{padding: 0;}
	.wrap-vin-mois .img-left{width: 100px;}
	.wrap-vin-mois .txt-right{width: 350px;}

	.best_sell-item{width: 250px;}

	.best_sell-item, .best_sell-item:first-child, .best_sell-item:last-child{margin: 5px;}

	.block_header_right li{padding: 20px 15px 18px;}

	.accueil-nav a{padding: 10px;
		font-size: 18px;}

	.sidebar{position: absolute;width: 210px;}


	.shop-wrap{display: block;width: initial; margin-left: 260px;}	
	
	.products-wrap{text-align: center;}

	.product{width: 42%;height: 220px;text-align: left;}

	.bar-item select{max-width: 200px;}

	.shop-bar h2{left: 10px;padding: 7px 0;width: 100px;text-align: left;line-height: 20px;}

	.footer-social a{width: 35px;display: inline-block;}
}

@media screen and (max-width: 1070px) {

	h1{font-size: 30px;}

	.sidebar{
		position: relative;
		width: initial;
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.nav-left > ul > li{
		display: inline-block;vertical-align: top;width: 30%;text-align: center;
	}

	.nav-left > ul > li > a{background-position: center center;margin: auto;}

	.shop-wrap{margin-left: 0;}

	.product{width: 40%;margin: 5px;}

	.product-quantite span{margin-right: 0;}

	.product h3{font-size: 16px;}

	.price{font-size: 25px;}

	.login-left, .login-right{width: 40%;}

	.step span{display: block;margin:auto;}
}

@media 	screen and (max-width: 900px) {
	.nav-toggle{
	    position: absolute;
	    float: right;
	    z-index: 1000;
	    display: inline-block;
	    width: 40px;
	    height: 30px;
	    cursor: pointer;
	    top: 20px;
	    right: 20px;
	}

	.trait1, .trait2, .trait3{
	    background: #a70013;
	    width: 40px;
	    height: 3px;
	    position: absolute;
	    transition: all 0.5s ease;
	}

	.trait1{top: 0;left: 0;transform: rotate(0);}
	.trait2{top: 10px;left: 0;transform: rotate(0);opacity: 1;}
	.trait3{top: 20px;left: 0;transform: rotate(0);}

	body.with-sidebar .trait1{transform:rotate(45deg); top: 10px;}
	body.with-sidebar .trait2{opacity: 0;}
	body.with-sidebar .trait3{transform:rotate(-45deg);top: 10px;} 

	.block_header_right{margin-right: 80px;	} 	

	header{position: absolute;	}

	.site-content {
	    position: absolute;
	    top: 70px;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    -moz-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	    width: 100%;
	    margin-top: 0;
	    background: none;
	    height: initial;
	}

	.separateur{margin-top: 0;}

	.site-container{
	     overflow-x: hidden;
	     height: 100%;
	 }

	 .site-pusher{
	     z-index: 30;
	     transition: all 0.3s ease;
	     transform: translateX(0px);
	     height: 100%;
	     width: 100%;
	 }
	 
	 ul.navbar{
	     display: initial;
	     position:absolute;
	     width: 250px;
	     top:0;
	     bottom:0;
	     right:0;
	     left:auto;
	     z-index:0;
	     /*transform*/
	     -webkit-transform:translateX(250px);
	        -moz-transform:translateX(250px);
	         -ms-transform:translateX(250px);
	          -o-transform:translateX(250px);
	             transform:translateX(250px);
	     /*transition*/
	     -webkit-transition:all 0.3s ease;
	        -moz-transition:all 0.3s ease;
	          -o-transition:all 0.3s ease;
	             transition:all 0.3s ease;
	     padding: 0;   
	     margin-top: 0;     
	 }

	 ul.navbar > li{
	     display:list-item;
	     width:250px;
	     background:none;
	     opacity:0;
	     text-align:center;
	     font-size:15px;
	     /*transition*/
	     -webkit-transition:all 0.3s ease;
	        -moz-transition:all 0.3s ease;
	          -o-transition:all 0.3s ease;
	             transition:all 0.3s ease;
	     border-radius: 0;
	     border-top: none;
	     border-bottom: 1px solid #ccc;
	     margin: 0;
	     padding: 0;
	 }

	 ul.navbar li::after{display: none;}

	 ul.navbar > li > a{
	     padding: 10px 0;
	     border-radius: 0;
	     display: block;
	     color: #000;
	     font-weight: 600;
	 }

	 .with-sidebar ul.navbar{
	     /*transform*/
	     -webkit-transform:translateX(250px);
	        -moz-transform:translateX(250px);
	         -ms-transform:translateX(250px);
	          -o-transform:translateX(250px);
	             transform:translateX(250px);
	     /*transition*/
	     -webkit-transition:all 0.3s ease;
	        -moz-transition:all 0.3s ease;
	          -o-transition:all 0.3s ease;
	             transition:all 0.3s ease;
	 }
	 
	 .with-sidebar ul.navbar > li{
	     opacity:1;
	     /*transform*/
	     -webkit-transform:translateX(0px);
	        -moz-transform:translateX(0px);
	         -ms-transform:translateX(0px);
	          -o-transform:translateX(0px);
	             transform:translateX(0px);
	 }
	 .with-sidebar .site-pusher{
	     /*transform*/
	     -webkit-transform:translateX(-250px);
	        -moz-transform:translateX(-250px);
	         -ms-transform:translateX(-250px);
	          -o-transform:translateX(-250px);
	             transform:translateX(-250px);
	 }   

	 .site-cache{
	     background: rgba(0,0,0,0);
	     transition:all 0.3s ease;
	 }

	 .with-sidebar .site-cache{
	     background: rgba(0,0,0,0.4);
	     position: absolute;
	     z-index: 1000;
	     top: 0;
	     bottom: 0;
	     left: 0;
	     right: 0;
	 }     

	 ul.navbar li:last-child a span{background: #fff;border-radius: 3px;padding: 7px 20px;}
	 ul.navbar > li:last-child{border-bottom: none;}

	 ul.navbar li::after{display: none;}

	 ul.navbar a{display: block;}

	 ul.navbar li.selected a{height: initial;}

	 ul.navbar a{margin: initial;}

	 header.stuck ul.navbar li.selected a::after{display: none;}

	 ul.navbar > li.dropdown::after{display: none;	}

	 ul.submenu{display: block;	text-align: center;	top: initial; background: none; box-shadow: none; border-top: none;position: relative;	width: initial;}

	ul.submenu li{border-bottom: 	none;}

	ul.navbar li.dropdown ul li:hover{background: none;}

	li.dropdown{margin-right: 0;	}
	header.home{background: #000;}

	.louis{width: 190px; text-align: center; position: absolute;	}
	.louis p{display: block; margin:auto;}
	.louis h1{width: initial;}
	.wrap-vin-mois{
		display: block;	
		margin-left: 210px;	
		position: relative;		
		min-height: 280px;	}
	.wrap-vin-mois .img-left{position: absolute;	display: block;	}

	.wrap-vin-mois .txt-right{width: 	initial;display: block;	margin-left: 100px;	
		padding: 20px 0;}

	.footer-blocks blockquote{
		display: block;	
		text-align: center;	
		border-right: none;
		padding: 0;
		margin: auto;
		width: 200px;	
	}

	.footer-blocks blockquote:last-child{
		border-bottom: none;
	}


	.add-to-cart-window {position:absolute; top:20px; left: 20px;	right: 20px; bottom: 20px;	margin-left: 0;	margin-top: 0;	width: initial; height: initial;	overflow-y: 	auto;}
	.atcw-left { box-sizing:border-box; padding:10px; border:1px solid #cccccc;margin-right: 0;	}
	.atcw-right {width:initial; position: relative;	top: 0;	right: 0;	margin-top: 10px; padding: 10px;		}

	.atcw-thumb{margin-right: 15px;	width: 70px; height: 150px;		}

	#popup-count{font-size: 20px;	}

	.overlay{overflow-y: auto;}

}

@media screen and (max-width: 800px) {
	.box.cart, .box.comment{width: 45%;}

	.box.comment{margin-right: 0;	}

	.box.comment textarea{min-width:initial; width: 100%;	}

	.confirm-box .btn.blanc.right{
		float: none;
		display: block;
		margin: auto;
		margin-top: 20px;	
	}	
}

@media screen and (max-width: 760px) {
	.cart_count.page .product-quantite{		float: none;	width: 140px;}
	.cart_count.page .price{float: none;}

	.block_header_right > ul > li:first-child{display: none;	}
	
	.navbar-brand{margin: 8px;	width: 160px;	}

	.block_header_right li{padding: 20px 10px 18px;	}

	.block_header_right{position: initial;}

	.product_count{right: 	initial;}

	.cart_count.page .cart-button{
		width: 100%;	
		float: 	none;
		margin-top: 10px;	
	}

	.cart_count.page .product-quantite{
		margin-top: 10px;	
	}

	.cart-pickup.left, .cart-pickup.right{
		display: block;	
		width: initial;
		margin-bottom: 50px;	
		float: none;	
	}

	.question-suite{
		float: none;	
		width: initial;
	}

	.btn{font-size: 14px;padding: 10px 15px;}

}

@media 	screen and (max-width: 670px) {
	.accueil-nav a{
		padding: 5px;	
		font-size: 14px;	
		width: 28%;	
		margin: 0 2px;	
	}

	.cr p:last-child{
		display: block;	
		border-left: none;	
		width: initial;
		padding: 0;	
		margin: 20px 0;	
		text-align: center;	
	}

	.login-left, .login-right{
		display: block;	
		width: 	initial;
		margin: 0;	
	}

	.user_addressbook_element{
		display: block;
		width: initial;
		margin: 0;
		margin-bottom: 10px;		
	}
	
	.box.cart, .box.comment{
		display: block;	
		width: initial;
		padding: 0;	
		margin: 0;	
		margin-bottom: 10px;	
		border-right: 	none;
	}

	.column1-3{
		display: block;	
		width: initial;
		margin: 0;	
	}

}

@media 	screen and (max-width: 600px) {
	.louis{position: relative;	width: 	100%;}
	.wrap-vin-mois{margin-left: 0;	}
	.wrap-vin-mois h2{font-size: 25px;	}

	.nav-left > ul > li{
		display: block;	
		text-align: 	left;
		width: initial;
	}

	.nav-left > ul > li > a{background-position: center left;margin: 0;	}

	.shop-bar h2{
		position: relative;	
		width: 	initial;
		text-align: center;	
		left: initial;
		line-height: initial;
	}

	.shop-wrap h2{margin: 10px 0;	}

	.bar-item{
		display: block;	
		border-left: none;
		border-top: 1px solid #e6e6e6;
		padding: 5px;	
		text-align: center;	
	}
	
	.bar-item select{max-width: 	initial;padding: 10px;	width: 100%;	}

	.product{
		width: initial;
		display: block;	
		height: initial;
		margin: 10px 0;	
		min-height: 190px;
	}

	.product-page .product-img{
		position: relative;	
		width: initial;
	}

	.product-page .btn.right{float: 	none;}

	.product-page .product-img img{
    	max-height: 450px;
	}

	.product-page .product-desc{
		margin-left: 0;	
		min-height: initial;
	}

	.product-page .product-img p{text-align: 	left;}
		
	.cart-wrap .btn.noir{float: none	!important;}

	.question-suite{text-align: left;}
	
	.slx-shop-cart-question18{top: 0;	position: relative;	margin-top: 20px;	margin-bottom: 10px;	}


	.slider .txt-intro h1{font-size: 30px;	}

	.slogan{margin-top: -10px;	}
}

@media 	screen and (max-width: 460px) {
	.step{font-size: 12px;	width: 23%;	}
}

@media 	screen and (max-width: 410px) {
	.search_bar{display: none;	}	
	.search_bar.menu{display: block;	}	
}

@media 	screen and (max-width: 350px) {
	.navbar-brand{width: 120px;	}

	.accueil-nav a{width: 27%;	font-size: 13px;	}

	.cart_count .cart-button{width: initial;margin-top: 30px;	}

	.price{float: left;}
}