/* 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:bold;}
/*.right {float:right;} .left {float:left;}*/

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

body{
	font-size: 18px;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	color: #3c3a37;
}

h1{font-size: 20px;margin-bottom: 30px;}


h2{
	font-size: 54px;
	color: #181818;
	font-family: 'Markazi Text', serif;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	position: relative;
	display: inline-block;
	z-index: 2;
	margin-bottom: 20px;
}

h3{	font-size: 17px; color: #022b3d; font-weight: 600;}

a{color: inherit;}

p a{color: #34a7d0;font-style: italic;text-decoration: none;}
p a:hover{text-decoration: underline;}

img{max-width: 100%;}

.btn{
	border:none;
	background: #34a8d0;
	cursor:pointer;
	padding: 12px 20px;
	font-size: 17px;
	display: inline-block;
	font-weight: 700;
	transition: all 0.2s ease; 
	text-decoration: none;
	font-style: normal;
	color: #fff;
	text-shadow: none;
	text-transform: uppercase;
}

.btn:hover{background: #807c78;color: #fff;text-decoration: none;}

.btn.blanc, .shop .btn.blanc{background: #fff;border: 3px solid #fff; color: #000;}
.btn.blanc:hover, .shop .btn.blanc:hover{background: #000; color: #fff;}

.btn.small{text-transform: none;padding: 5px 20px;border-radius: 20px;}

.retour{display: inline-block;position: absolute;margin-top: -30px;}
.retour::before{content: "← ";}

.container{width: 1400px;position: relative;margin: auto;}

.sub_container {
    width: 990px;
    position: relative;
    margin: auto;
}

#cms_main{height: 100%;}

.alert {
    display: block;
    border-radius: 5px;
    padding: 10px 0;
    /* margin-bottom: 15px; */
    margin: 20px;
    text-align: center;
   	left: 20px;
   	right: 20px;
}

.alert-success{
    background: #dfefff;
    border: 1px solid #66a8ea;
}

.alert-danger{
    background: #ffc7c7;
    border: 1px solid #ff6666;
}


/*							HEADER
===========================================================================
============================================================================*/

header{position: fixed;top: 0;left: 0;right: 0;z-index: 10;height: 100px;background: #022b3d;box-shadow: 0 0 60px rgba(0,0,0,0.3); transition: all 0.3s ease;}

header.home.nobg{background: none; box-shadow: none; border: none; }

.navbar-brand{
	display: inline-block;
	top: 0;
	padding: 5px;
	margin: auto;
	width: 187px;
	height: 89px;
	background: url(img/logo.png) no-repeat center;
}

header.home.nobg .navbar-brand{background: url(img/logo-blanc.png) no-repeat center;}

.slogan{position: absolute;top: 30px;margin-left: 0px;color: #fff;font-size: 24px;text-shadow: 1px 1px 0 #000;font-weight: 300;font-style: italic;}

.nav-toggle{
	height: inherit;
	width: 100px;
	background: #000;
	position: absolute;
	top: 0;
	right: 0;	
	cursor: pointer;
}

.trait1, .trait2, .trait3{height: 3px;width: 40px;background: #fff;margin-left: 30px;margin-top: 10px; transition: all 0.5s ease;opacity: 1;}

.trait1{margin-top: 35px;}
.trait2{width: 25px;}

/*.nav-toggle:hover .trait1{width: 25px;}*/
.nav-toggle:hover .trait2{width: 40px;}
.nav-toggle:hover .trait3{width: 25px;}

.navbar-main{
	position: fixed;
	top: 0;right: 0;bottom: 0;
	background: #394d5a;
	padding: 50px 0;
	/*width: 50%;*/
	min-width: 380px;
	/*opacity: 0;*/
	/*transform: translateX(100%);*/
	/*transition: all 0.5s linear;*/
	display: none;
}

.with-sidebar .navbar-main{display: block;}

.with-sidebar .trait1,.with-sidebar  .trait2,.with-sidebar  .trait3{opacity: 0;}

.navbar-close{
	position: absolute;
	top: 50px;
	right: 50px;
	transform: rotate(45deg);
	cursor: pointer;
}

.close1 {height: 3px;width: 40px;background: #fff;}
.close2{width: 3px;height: 40px;background: #fff;margin-left: 18px;margin-top: -21px;}

.navbar-toolbar{
	position: absolute;
	float: left;
	left: 50px;
	top: 40px;
	text-align: left;
}

.choix-langue .inactive, .choix-langue .active{
	display: inline-block; vertical-align: top;
	font-size: 20px;
	color: #fff;
	opacity: .4;
	margin-right: 10px;
}

.choix-langue .active{opacity: 1;}


.search_bar{position: relative;margin-left: -10px;}

input[name="search"]{
	position: relative;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 10px;
	padding-left: 40px;
	border-radius: 20px;
	width: 0px;
	background: rgba(0,0,0,0);
	z-index: 2;
	transition: all 0.3s ease;
	font-size: 15px;
	color: #fff;
	outline: none;
}

.search_bar input[type="submit"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(img/icone-loupe.png) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	border:none;
	width: 25px;
	height: 25px;
	z-index: 1;
	position: absolute;
	left: 10px;
	top: 7px;
	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: #34a7d0;font-weight: 400;}
ol > ol > li > a:hover{text-decoration: underline;}

.toolbar-right{font-size: 14px;}

.search_bar.active input[name="search"]{
	background: rgba(0,0,0,0.5);
	width: 220px;
}

.search_bar.active input[type="submit"]{
	z-index: 4;
}

.navbar{
	margin: auto;
	width: 300px;
	padding: 0 30px;
	text-align: right;
	margin-top: 100px;
}

.navbar li{margin-bottom: 15px;position: relative;}

.navbar li a{
	font-weight: 600;
	font-size: 35px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.4);
}

.navbar li:hover a,.navbar li.selected a{color:  rgba(255,255,255,1);}

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

/*							FOOTER
===========================================================================
============================================================================*/


footer{
	background: #1d1b1b;
	padding-bottom: 30px;
}

.footer-bandeau{background: #000; padding: 20px 0;margin-bottom: 30px;}

.newsletter{float: left;}

.newsletter .btn{margin-left: 30px;}

.reseaux-sociaux{float: right;}

.reseaux-sociaux p{display: inline; margin: 0;padding: 0;}

.footer-bandeau input[type="email"]{
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	border: none;
	font-family: 'PT sans';
	font-size: 13px;
	color: #9a9a9a;
	font-weight: 400;
	padding: 10px;
	width: 300px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.footer-bandeau form{display: inline-block;vertical-align: middle;position: relative;margin-left: 20px;}

.footer-bandeau input[type="submit"]{
	display: inline-block;vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: #022b3d;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding: 9px 15px 10px;
	margin-left: -5px;
	font-weight: 700;
	cursor: pointer;
}

.footer-bandeau span{
	color: #fff;
	text-transform: uppercase;
	font-family: 'Markazi Text', serif;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
}

.social.fb{background: url(img/facebook.png) no-repeat center;}
.social.twitter{background: url(img/twitter.png) no-repeat center;}
.social.insta{background: url(img/instagram.png) no-repeat center;}

.social.fb:hover{background: url(img/facebook-noir.png) no-repeat center #fff;}
.social.twitter:hover{background: url(img/twitter-noir.png) no-repeat center #fff;}
.social.insta:hover{background: url(img/instagram-noir.png) no-repeat center #fff;}

.social{border: 2px solid #fff; width: 41px;height: 41px;display: inline-block; vertical-align: middle;margin: 0 10px;}

.block_footer{
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
	position: relative;
	border-right: 1px solid #9a9a9a;
}

.block_footer:first-child{border: none;}
.block_footer:last-child{border: none;}

.block_footer p{
	color: #9a9a9a;
	font-size: 13px;
	margin: 5px 0;
}

.block_footer a{font-style: normal;color: inherit;text-decoration: none;}

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


/*							ACCUEIL
===========================================================================
============================================================================*/


.site-content{
	position: relative;
	z-index: 1;
	padding-top: 100px;
}

.site-content.home{padding-top: 0;}

.slideshow{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slideshow ul, .slideshow li, .slideshow .slide-txt{
	height: 100%;
}

.slide-txt{
	position: relative;
	text-align: center;
	width: 580px;
	margin: auto;
	text-shadow: 0 0 25px rgba(0,0,0,0.5);
}

.slide-txt .content{
	width: 100%;
	position: absolute;
	top: 20%;
	color: white;
}

.slide-txt .content p{font-size: 20px;font-weight: 600;text-shadow: 0 0 20px #000;}

.slide-txt .content img{ position: initial !important; width: initial !important; height: initial !important;}

/*.slide-txt .btn{background: #fff; color: #000;}*/

.content-bandeau{text-align: center; position: absolute;bottom: 0;background: rgba(0,0,0,0.5);left: 0;	right: 0;	padding: 30px 0 50px;	}

.content-bandeau h2::after{display: none;}
.content-bandeau h2{font-style: italic;	color: #fff; font-size: 24px;	font-weight: 400;	margin-bottom: 10px;	}

.content-bandeau h3{color: #929292;font-style: italic;	font-size: 20px;	}

.page-top {
    width: 100%;
    display: table;
}

.phrase h1 {
    max-width: 700px;
    display: inline-block;
    color: #fff;
    font-size: 50px;
    text-shadow: 0 0 30px black;
}

.phrase {
    padding-top: 60px;
    /* width: 680px; */
    text-align: center;
    margin: auto;
    padding-top: 0;
    margin: 0 10px;
    display: table-cell;
    vertical-align: middle;
    height: 140px;
    margin: auto;
    background: #efefef;
}

.page-top .phrase h2{margin-bottom: 0;}

.slick-dots{text-align: center;	margin-top: -40px;	position: relative;	z-index: 1000;	}

.slick-dots li{display: inline-block;	vertical-align: top;	margin: 0 5px;	}

.slick-dots button{
	-webkit-appearance: 	none;
	-moz-appearance: 	none;
	appearance: 	none;
	background: 	none;
	border:	2px solid #fff; 
	width: 13px;	
	height: 13px;
	border-radius: 7px;
	font-size: 0;	
	padding: 0;	
	outline: none;
	cursor: pointer;
}

.slick-active button{background: #fff;}


/*									PAGES
===========================================================================
============================================================================*/


.inviewport, .hiddenthis{opacity: 0;}
.visiblethis{opacity: 1;}

.page{width: 100%;position: relative;}

.page_wrap{
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	/*padding-bottom: 40px;*/
}

.site-content.small{background-attachment: fixed !important; -webkit-background-size: cover !important;
background-size: cover !important;}

.site-content.small .page-top{display: none;}

.site-content.small section > .container{padding-top: 295px;}

.site-content.small .page_wrap{padding-bottom: 40px;margin-bottom: 60px;}

.page_title{
	background: #f7f7f7;
	text-align: center;
	padding: 40px 0;
}

.page_noir .page_title{	background: #272727;}

.page_title h1, .boutique .title h1{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 0;
}

.page_noir .page_title h1{color: #fff;}

.page_title h1::after{display: none;}

.submenu .navbar > li, .submenu .navbar > li > a, .submenu .navbar > li::after{display: none;}

.submenu .navbar > li.selected{display: block;padding-bottom: 0;}

.submenu .navbar > li > ul{display: block;margin-bottom: 20px;margin-top: -30px;}

.submenu .navbar > li > ul > li{display: inline-block;}
.submenu .navbar > li > ul > li.selected{text-decoration: underline;}

.submenu .navbar > li > ul > li a{
	background: none !important;
	color: #96918b;
	font-size: 14px;
}

.submenu .navbar > li > ul > li::after{
	background: #96918b;
	width: 1px;
	height: 13px;
	content: "";
	display: inline-block;
	/*position: absolute;*/
	top: 10px;
	right: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.submenu .navbar > li > ul > li:last-child::after{display: none;}

.submenu .navbar > li > ul > li > ul{display: none !important;}	

/*									MOSAIC
----------------------------------------------------------------*/



.mosaic .container{text-align: center;}

.mosaic{ padding: 70px 0;text-align: center; }

.page-wrap.home{background: #efefef;}

.page-wrap.home .mosaic{ padding: 0;z-index: 2;}
.page-wrap.home .mosaic:first-child{ margin-top: -60px;margin-bottom: -60px;}

.mosaic h3{font-family: 'PT Serif';font-weight: 600;margin: 0;font-size: 25px;margin-top: 20px;}

.mosaic:nth-child(2n) .mosaic_img.left{display: none;}
.mosaic:nth-child(2n+1) .mosaic_img.right{display: none;}

.mosaic_img{height: inherit;display: inline-block;vertical-align: middle;position: relative;}

.mosaic.top .mosaic_img{vertical-align: top;margin-top: -100px;}
.mosaic.bottom .mosaic_img{vertical-align: bottom;margin-bottom: -70px;z-index: 10;}

.mosaic.left .mosaic_img.left{display: inline-block; width: 600px;text-align: right;}
.mosaic.left .mosaic_img.right{display: none;}
.mosaic.left img{box-shadow:  0 10px 9px rgba(0,0,0,0.25);}

.mosaic_img img{max-width: 600px; max-height: 540px;}
.mosaic_txt{width: 40%;display: inline-block; vertical-align: middle;padding: 20px 60px; color: #8d8d8d;}
.mosaic_txt p{text-align: left;}
.page_noir .mosaic_txt{color: #fff;}

.mosaic.gris{background: #f7f7f7;padding: 20px 0;margin-top: -40px;}

.mosaic.gris .mosaic_txt{width: initial;display: block;}

.mosaic .caption{margin: 5px 0;font-size: 15px;}

.mosaic_img.left .caption{text-align: left;}
.mosaic_img.right .caption{text-align: right;}

.page_noir .caption{color: #a0a0a0;}

.mosaic.big .mosaic_img.left, .mosaic.big .mosaic_img.right{width: 800px;}
.mosaic.big .mosaic_txt{width: 30%;}
.mosaic.big .mosaic_img img{max-width : 800px;}

.mosaic.right .mosaic_img.right{display: inline-block; width: 600px;text-align: left;}
.mosaic.right .mosaic_img.right .caption{text-align: left;}
.mosaic.right .mosaic_img.left{display: none;}



/*												CARROUSSEL VIN
---------------------------------------------------------------------------------------------------*/

.carroussel-vin{ position: relative; }
.carroussel-vin.home {margin-top: 50px;padding-bottom: 50px;}
.carroussel-vin .container{z-index: 2;}
.carroussel-sub{background: #022b3d;width: 100%;height: 480px; position: absolute;bottom: 0;z-index: 1;}

.carroussel-vin.home h2{color: #022b3d;}
.vin-carroussel-short{width: 320px;height: 420px; display: inline-block;vertical-align: top;margin: 10px;position: relative;	}

.vin-carroussel-short .vin-ab{right: initial;left: 40px; top: initial; bottom: 0; width: 30px;}

.vin-carroussel-short a, .vin-short-img{width: 100%;height: 100%;}

.vin-short-title{width: 100%;padding: 0;background: url(img/bg-vin-short.jpg) no-repeat -500px center; transition: all 0.3s ease;}
.vin-short-title p{padding: 15px; margin: 0;padding-left: 35px;}
.vin-short-title p a{color: #fff; font-style: normal; text-decoration: none;font-weight: 600;font-size: 17px;}
.vin-short-title p::before{
	content: ""; 
	width: 11px;height: 13px; 
	background: url(img/triangle-gris.png) no-repeat center;
	position: absolute;margin-top: 5px;margin-left: -50px;
	transition: all 0.5s ease;
	opacity: 0;
}

.vin-carroussel-short:hover .vin-short-title{background: url(img/bg-vin-short.jpg) no-repeat 0 0;}
.vin-carroussel-short:hover .vin-short-title p a{color: #929292;}
.vin-carroussel-short:hover .vin-short-title p::before{opacity: 1;margin-left: -20px;}

.liste-vins{margin-bottom: 90px;}

/*												HOME ACTUS
---------------------------------------------------------------------------------------------------*/

.home-actus{padding: 100px 0;background: #fff;}

.actus-nav-wrap{border: 2px solid #baaa94;float: left;}

.slick-arrow{
	font-size: 0;width: 105px;height: 45px;
	display: inline-block;vertical-align: top;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #baaa94;
	z-index: 5;
}

.slick-arrow.slick-prev{background: url(img/fleche-actu-prev-brun.png) no-repeat center;bottom: 0;left: 0; position: absolute;}
.slick-arrow.slick-next{background: url(img/fleche-actu-next-brun.png) no-repeat center;bottom: 0;left: 103px; position: absolute;}

.slick-arrow.slick-next:hover{background: url(img/fleche-actu-next-blanc.png) no-repeat center #baaa94;}
.slick-arrow.slick-prev:hover{background: url(img/fleche-actu-prev-blanc.png) no-repeat center #baaa94;}

.actus-wrap{text-align: center;}
.actu-short{margin: 20px 0;}
.actu-txt{display: inline-block;vertical-align: middle;width: 40%;text-align: left;margin-right: 60px;}
.actu-img{display: inline-block;vertical-align: middle;width: 50%;}

/*										REVUE
--------------------------------------------------------------------------------------------------------*/

.presse-short{
	padding: 0px 20px;
	padding-bottom: 1px;
	background: #022b3d;
	margin: 10px 0;
	color: #72acc1;
}

.presse-short h2{font-size: 30px;color: #fff;display: block;text-align: left; margin-bottom: -5px;}

.presse-short p{margin-top: 0;}

.presse-short .btn.small{ font-size: 13px; }

/*										CART
====================================================================================================*/

.page.shop{ font-size: 17px;}

.shop .btn, .question-suite input[type="submit"], .btn.noir{
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background: #000;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	font-family: 'PT Sans';
	text-transform: uppercase;
}

.slx-shop-cart-question18 label{font-weight: 600;}
.slx-shop-cart-question18 p{margin-top: 0;}

.shop .btn.small{font-size: 14px;text-transform: none;padding: 5px 10px;}

.shop h1{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 30px 0;
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.shop h1::after{display: none;}

.dataTable thead tr{background: #8e8e8e;}
.dataTable thead th{padding: 10px;color: #fff;font-size: 17px;font-weight: 600;}

.dataTable tr{
	background: #f7f7f7;font-size: 16px;color: #000;border-top: 5px solid #fff;
}

td.thumb img{height: 80px;margin-left: 10px;}

.dataTable td.cart-name span{color: #737373;}

.dataTable td{position: relative;padding: 10px 0;}

.cart-button-valider {
    position: absolute;
    top: 50%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    height: 30px;
    margin-top: -15px;
    border: 1px solid #8e8e8e;
    margin-left: -60px;
    cursor: pointer;
}

.cart-button-valider.show {
    opacity: 1;
    margin-left: 5px; 
}

td.del{background: #ededed;text-align: center;margin-left: 10px;}

td.del a{display: block;width: inherit;height: inherit;}

td.del:hover{background: #f7c4c4;}

tr.shop_cart_total{background: initial; border-top: 2px solid #8e8e8e;}

tr.shop_cart_total td{padding: 10px 0;}

.cart-wrap {   margin-top: 50px;position: relative;}

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

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

.cart-pickup h3{color: #3c3a37;font-size: 17px;font-weight: 600;}

.cart-pickup { margin: 10px 0 50px 0;}

.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.selected, .cart-pickup a:hover {
    background: url(img/pickup_active.png) no-repeat left center;
}

div.shop_step {
    margin: 80px auto 20px auto;
    background: transparent url(img/shop_step_bar.gif) no-repeat center 20px;
    background-size: 610px 1px;
    max-width: 840px;
    text-align: center;
}

.shop_step .step {
    vertical-align: top;
    width: 24%;
    height: 52px;
    margin-top: -20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
    background: transparent url(img/shop_step_noactive.gif) no-repeat center bottom 16px;
    color: #bbbbbb;
    font-size: 14px;
}

.shop_step .step.active {
    color: #888888;
    background: transparent url(img/shop_step_active.gif) no-repeat center bottom 16px;
}

.question-suite{position: absolute;right: 0;bottom: 0;text-align: right;}

.footer-shop{background: #fff; padding: 40px 0; text-align: center;}

.footer-shop-block{margin: 0 5px;display: inline-block;vertical-align: top;background: #f7f7f7; padding: 20px;width: 250px;text-align: left;}

.footer-shop-block img{float: left;margin-right: 20px;}
.footer-shop-block p{margin: 0;}


/*										LOGIN
====================================================================================*/


.login-left, .login-right{display: inline-block;vertical-align: top;width: 445px;position: relative;}

.login-left{margin-right: 40px;padding-right: 50px;}

.login-left::after{
	position: absolute;
	display: inline-block;
	content: "";
	background: url(img/motif.jpg) repeat-y center;
	width: 10px;
	height: 100%;
	top: 0;
	right: 0;
}

.loginspan{margin-right: 20px;}

/*										REGISTER
====================================================================================*/

.register-left, .register-right{display: inline-block;vertical-align: top;width: 480px;}

/*										REGISTER
====================================================================================*/

.user_addressbook_element{	display: inline-block;vertical-align: top;width: 335px;}

.user_addressbook_element h2{margin-bottom: 20px;}

.confirm-box{
	display: inline-block;
	vertical-align: top;
	width: 270px;
	background: #000; color: #fff;
	padding: 20px;
}

.confirm-box h2{text-transform: uppercase;font-weight: 400;font-size: 20px; color: #fff;}

.confirm-box h2::after{display: none;}

.confirm-box textarea{width: 100%;height: 100px;}

.confirm-box .left.red{margin-top: 10px;display: block;}

/*										ACCOUNT
====================================================================================*/

ul.bookmark {
    width: 100%;
	background: #000;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 40px;
}

ul.bookmark li {
    display: inline-block;
    margin-right: 10px;
}

ul.bookmark li.active a {
	background: #fff;
    color: #000;
}

ul.bookmark li a {
    padding: 10px 20px;
    display: block;
    border: 3px solid #fff;
}

.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 div label.rgpd{font-weight: initial; width: initial; text-align: left;}

.slx-user-orders tr.header th {
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}

.slx-user-orders tr.table-row:nth-child(2n+1) {
    background: #efefef;
}

.slx-user-orders tr.table-row td { padding: 10px;}

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

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

.slx-users h2{display: none;}

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

/*										FORM
====================================================================================*/

.page input[type="text"],.page input[type="email"],.page input[type="phone"], .page select, .page input[type="password"], .page textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
	padding: 10px;
	box-sizing: border-box;
}


.mosaic input[type="text"],.mosaic input[type="email"],.mosaic input[type="phone"], .mosaic select, .mosaic input[type="password"], .mosaic textarea{
	width: 360px;
}

.mosaic textarea{min-height: 100px;	}

.page select{background: url(img/triangle_select.png) no-repeat center right;padding-right: 30px;}

.form-row{margin-bottom: 10px;position: relative;text-align: left;}

.form-dot{position: absolute;bottom: -5px;left: 0;font-size: 13px;color: #ff0000;}

.form-row label{display: inline-block;width: 200px;font-weight: 600;}

.ajax-form-submit{float: right;}

.column1-3 .checkbox-mailing label{width: initial; text-align: left;}

/*										BOUTIQUE
=====================================================================================*/

.shop-toolbar{text-align: right; color: #939393;}

.shop-toolbar a{color: inherit; font-style: normal;}

.shop-bar{background: #666666; text-align: right; position: relative;}

.shop-bar .cat{position: absolute; left: 0;background: #000;color: #fff;text-transform: uppercase;font-size: 20px;font-weight: 600;padding: 18px 50px 18px 50px;width: 340px;text-align: left;}

.shop-filter-wrap{display: inline-block;vertical-align: middle;padding: 10px;}

.bar-filter{display: inline-block;vertical-align: middle;margin-left: 10px;}

.bar-filter select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 9px 20px 9px 10px;
	background: url(img/triangle-blanc.png) no-repeat center right;
	border: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	border-radius: 0;
}

.bar-filter select option{color: initial;}

.search_bar.shop_bar{display: inline-block;vertical-align: middle;margin: 0;}

.shop-bar .cart-btn{width: 60px;height: 60px;background: url(img/cart-icon.png) no-repeat center #baaa93;display: inline-block; vertical-align: top;}

.shop-cat{
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	position: absolute;
	padding: 20px 50px;
	display: block;
}

.shop-cat ul li {
	border-bottom: 1px solid #dadada;
	padding: 20px 10px;
	width: 320px;
}

.shop-cat  ul li:last-child{border-bottom: none;}

.shop-cat ul li a{
	color: #aeaeae;
	display: block;
	background: url(img/arrow-menu-shop.png) no-repeat center right;
}

span.reset {
    left: 0;
    top: -50px;
    display: none;
    cursor: pointer;
    position: absolute;
    text-align: left;
}

.resetitem{color: #fff; background: #000; border-radius: 10px;font-size: 16px;margin-top: 5px;}
.resetitem strong{padding: 2px 5px;}

.shop-liste-vins{margin-left: 450px;padding: 10px 5px; position: relative;}

.product-short{
	display: inline-block;
	vertical-align: top;
	width: 300px; 
	text-align: center;margin: 0 5px; 
	/*position: relative;*/
	margin-bottom: 40px;
}

.product-short:nth-child(3n+1)::before{
	position: absolute;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #ababab;
	margin-top: -20px;
	margin-left: -10px;
	left: 0;
}

.product-short:nth-child(1)::before{display: none;}

.product-short:hover .vin-img{background: #f8f8f8;}

.vin-img{background: #efefef;padding: 10px;height: 320px;position: relative;}

.vin-img .vin-ab{width: 30px;}

.vin-img a{display: block;width: inherit;height: inherit;}

.vin-img img{max-width: 100%;max-height: 100%;}

.price{background: #022b3d; position: absolute; padding: 10px; margin-left: 20px;color: #fff;font-size: 15px;z-index: 10;	}

.price::after{content: ""; height: 20px;width: 100%;background: url(img/price-vin-after.png) no-repeat center top;display: block;position: absolute;left: 0;top: 100%;}

.product-short-desc{display: block;margin-top: 15px;}

.product-short-desc a{color: inherit;}

.product-short-desc h3{font-size: 16px;font-weight: 600; text-transform: uppercase;}
.product-short-desc h3 span{font-weight: 400; font-style: italic;}

.vin-taille{font-size: 12px;color: #8c8c8c; display: inline-block;vertical-align: middle;margin: 0 10px; margin-left: 0;}

.cart-count{margin-top: 10px;text-align: left;}

.cart-buy-count input[name="count"]{z-index: 2;position: relative;}

.product-quantite{display: inline-block;vertical-align: middle;border: 1px solid #8c8c8c; padding: 2px 5px;}

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

.but{
	display: inline-block;
	font-weight: 400;
	font-size: 25px;
	color: #8c8c8c;
	vertical-align: middle;
	cursor: pointer;
	line-height: 34px;
	position: relative;
	z-index: 2;
}

.cart-button.btn{text-transform: initial; font-weight: 400;padding: 10px 15px;font-size: 15px;margin-left:10px;vertical-align: middle;	color:#fff;}

.boutique-bandeau{
	background: #efefef;
	text-align: center;
	padding: 30px 0;
}

.bandeau-bloc{display: inline-block;vertical-align: top; border: 3px solid #c1c1c1; padding: 20px 40px; margin: 0 20px;}

.bandeau-bloc h2{margin-bottom: 5px;font-size: 40px;line-height: 40px;}
.bandeau-bloc h2::after{ display: none; }

.bandeau-bloc h3{color: #34a8d0; text-transform: uppercase;font-weight: 600;font-size: 14px; margin: 0;}



/*										PRODUCT FICHE
=============================================================================================*/

.vin-big-left{position: absolute;width: 560px;}

.vin-big-right{margin-left: 620px;min-height: 500px;}

.vin-img.big{text-align: center; height: 520px;padding: 20px;}

.price.big{font-size: 24px;padding: 20px 10px;}

hr{border: none; height: 1px; background: #dadada;}

.vin-big-right .cart-count{background: #f8f8f8;text-align: right; margin-bottom: 20px;}

.vin-big-right .product-quantite{background: #fff;}

.quant{font-size: 16px;}

.vin-big-right h2::after{display: none;}
.vin-big-right h2{font-size: 25px;font-family: "Lato";margin-bottom: 10px;}
.vin-big-right h2 span{font-weight: 400;text-transform: initial;}

.boutique-wrap .carroussel-vin{padding-bottom: 10px;}

.shop-cat-trigger{display: none;}

.vin-ab{position: absolute;top: 10px;right: 10px;width: 50px;}

/*									ATCW
----------------------------------------------------------------*/


.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; border-radius: 5px;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: 285px;}
.atcw-right {width:260px; position: absolute;	right: 30px;top: 88px;	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/delete.png) no-repeat center center; cursor:pointer;}
.atcw-right .btn.alt {cursor:pointer;}

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

.btn.atcw-close{text-transform: none;font-size: 15px;margin-bottom: 10px;}

#popup-count{font-weight: 700;margin-top: 10px;font-size: 24px;}

.newsletter-form > label{text-align: left;font-weight: 600;}
.form_adduser{text-align: left;}

.form_adduser a{font-weight: 600;color: #34a8d0;}

.grecaptcha-badge {
    bottom: 75px !important;
}

.user-recovery{
	padding-top: 50px;
	padding-bottom: 260px;
}

.user-recovery h2{text-align: center;width: 100%;}


@media screen and (max-width: 1430px) {
	.container{width: initial;margin: 0 10px;}	

	.mosaic_img, .mosaic.big .mosaic_img, .mosaic.big .mosaic_img.left, .mosaic.big .mosaic_img.right, .mosaic.right .mosaic_img.right{width: 45%;}

	.mosaic_img img, .mosaic.big .mosaic_img img {
	    max-width: 100%;
	    max-height: 400px;
	}

	.mosaic.top .mosaic_img, .mosaic.bottom .mosaic_img {
	    vertical-align: middle;
	    margin-top: initial;
	    margin-bottom: initial;
	}

	.mosaic_txt, .mosaic.big .mosaic_txt{width: 40%;padding: 20px 40px;}

	.mosaic_txt.form{padding-left: 0;margin-right: 40px;}

	/*.mosaic.right .mosaic_img.right{width: 40%;}*/
	
	.carroussel-vin.home h2{margin-left: 20px;text-align: left;}

	.carroussel-vin.home .container{ text-align: center; }

	.home-actus .container{margin: 0 10px;}

	.page-wrap.home .mosaic:first-child{margin: 0;}

	.mosaic{padding: 20px 0;}

	.vin-carroussel-short{width: 21%;height: 300px;	}

	.slick-arrow.slick-prev, .slick-arrow.slick-next{bottom: -45px;}

	.home-actus .btn{margin-top: 30px;}

	.vin-short-title p::before{display: none;}
	.vin-short-title p{padding: 10px;}
	
	.boutique-bandeau{padding: 20px;	}
	.bandeau-bloc{padding: 10px 20px; margin: 5px;	}

	.bandeau-bloc h2{font-size: 22px;}
	.bandeau-bloc h3{font-size: 13px;}

	.shop-cat{padding: 20px;}

	.shop-cat ul li{width: 250px;}

	.shop-liste-vins{margin-left: 320px;}

	.shop-bar .cat{padding: 18px 30px; width: 250px;}

	.product-short{width: 31%;}

	.cart-button.btn{font-size: 0; background: url(img/cart-icon.png) no-repeat center #34a8d0; height: 35px;	width: 50px;	}

	.product-quantite{padding: 6px;	}

	.vin-big-left{width: 300px;}

	.vin-big-right {margin-left: 320px;}
}

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

	.sub_container{width: initial;margin: 0 10px;}

	.footer-bandeau{text-align: center;}
	.newsletter, .reseaux-sociaux{float: none;}
	.newsletter{margin-bottom: 20px;}

	.shop-cat{display: none;background: #fff; z-index: 10;}

	.shop-cat{padding: 0 20px;}

	.shop-liste-vins{margin: 0;}

	.shop-bar .cat{width: initial; padding-left: 60px;}

	.shop-cat-trigger{ display: block; position: absolute; top: 10px;left: 10px; cursor: pointer;}

	.shop-cat-trigger .trait1,.shop-cat-trigger .trait2,.shop-cat-trigger .trait3{height: 3px;width: 30px;background: #fff;margin-left: 5px;margin-top: 8px; transition: all 0.5s ease;opacity: 1;}

	body.with-list-cat .shop-cat-trigger .trait2{opacity: 0;}
	body.with-list-cat .shop-cat-trigger .trait1{transform: rotate(45deg);margin-top: 20px;}
	body.with-list-cat .shop-cat-trigger .trait3{transform: rotate(-45deg);margin-top: -13px;}

	.add-to-cart-window {
	    width: 90%;
	    left: 50%;
	    margin-left: -45%;
	}

	.confirm-box{
		display: block;
		width: initial;
		margin-top: 20px;
	}


	.user_addressbook_element{width: 47%;}
}

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

	header{	height: 70px;}
	
	.navbar-brand{margin: 5px; 
		padding: 0;
		-webkit-background-size: contain;
		background-size: contain;
		height: 60px;
		width: 130px;
	}

	.slogan{top: 24px;width: 320px;margin-left: 0px;font-size: 16px;}

	.nav-toggle{width: 70px;}

	.trait1, .trait2, .trait3{width: 30px;margin-left: 20px;margin-top: 8px;}
	.trait2{width: 25px;}
	.nav-toggle .trait1{margin-top: 22px;}

	.nav-toggle:hover .trait2{width: 30px;}
	.nav-toggle:hover .trait3{width: 25px;}

	.navbar-close{top: 30px;right: 24px;}

	.navbar-main{padding: 0;}

	.navbar-toolbar{top: 20px;}

	.navbar{margin-top: 60px;}

	.search_bar{margin-top: 0;}

	.slide-txt{width: initial;max-width: 580px;margin: 0 10px;}

	.slide-txt img{max-width: 100% !important;}

	.mosaic:nth-child(2n) .mosaic_img.right, .mosaic:nth-child(2n+1) .mosaic_img.right{display: none;}
	.mosaic:nth-child(2n) .mosaic_img.left, .mosaic:nth-child(2n+1) .mosaic_img.left{display: block;margin: 0 20px;width: initial;}

	.mosaic_txt, .mosaic.big .mosaic_txt{width: initial; padding: 40px 20px;display: block;}

	.site-content{margin-top: 70px;	padding-top: 0;}

	.product-short{width: 47%;}

	.shop-bar .cat{position: relative;	}

	.bar-filter{display: block;	margin: 5px;}

	.search_bar.shop_bar{display: block; margin: 5px;	}

	.shop-filter-wrap{display: block;	}

	.bar-filter select{width: 100%;	}

	.shop-bar .cart-btn{position: absolute;	right: 0; top: 0; }

	.search_bar input[name="search"],.search_bar.active input[name="search"]{
		background: rgba(0,0,0,0.5);
		width: 100%;
		box-sizing: border-box;
	}

	.search_bar.shop_bar{margin-top: 10px;	}

	.shop-cat{position: absolute;top: 100px;}

	.product-short::before, .product-short:nth-child(3n+1)::before{    
		display: none;
	}

	.product-short:nth-child(1)::before{display: none;}
	
	footer{padding-bottom: 10px;}

	.block_footer{display: block; text-align: center; border:none; width: 100%;padding: 0; margin-bottom: 30px;}

	.footer-bandeau span{display: block;}

	.vin-carroussel-short{width: 44%;height: 270px;margin-bottom: 70px;}

	.carroussel-sub{height: initial; top: 70px;}

	.actu-txt{width: initial;margin-right: 0; display: block;}

	.actu-img{width: initial; display: block;}

	.slick-slide{margin-bottom: 20px;}

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

	td.thumb img{max-width: initial;}

	.user_addressbook_element{display: block;width: initial;margin-bottom: 20px;padding: 10px;background: #efefef;}

	.confirm-box{display: block;width: initial;margin-top: 30px;padding-bottom: 60px;}
	.confirm-box input[type="submit"]{float: none;}


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

	.question-suite{position: relative;margin-top: 110px;text-align: left;}

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

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

@media screen and (max-width: 620px) {
	.vin-big-left{position: relative;width: initial;margin: 0 30px;margin-bottom: 20px;}

	.vin-big-right{margin-left: initial;}

	.price.big{right: 20px;}

	.vin-img.big{height: 420px;}

	ul.bookmark li:first-child {
	    margin-bottom: 10px;
	}
}

@media 	screen and (max-width: 550px) {
	.product-short{width: 100%; margin: 0;	margin-bottom: 40px;}

	.bandeau-bloc{display: block;	width: 100%; padding-left: 0;	padding-right: 0;	margin: 5px 0;	}	

	.slogan{display: none;}
}

@media screen and (max-width: 400px) {
	.navbar-main{min-width: initial; width: 100%;}
	.navbar-toolbar{top: 60px;left: 20px;right: 10px;}
	.navbar{margin-top: 100px; padding: 0;}
	.navbar li a{font-size: 30px;}

	.navbar-brand{width: 130px;-webkit-background-size: contain;
	background-size: contain;margin-left: 10px;}
}