/* 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;}
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-family: 'Tinos';
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	color: #555;
	background: #fccfa9;
}

h1{
	font-family: 'Alegreya Sans', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 48px;
}

h2{
	font-family: 'helvetica', 'arial';
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
	/*margin-top: 10px;*/
	color: #ef7712;
}

h3{
	font-family: 'helvetica', 'arial';
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #555;
}

div{
	/*background: rgba(0,0,0,0.2);*/
}

a{
	color: inherit;
}

p{
	margin-top: 0;
}

p a{
	color: #ef7712;
}

p a:hover{
	text-decoration: underline;
}

.container{
	position: relative;
	width: 1020px;
	margin: auto;
	height: 100%;
}

.container.small{
	width: 650px;
}

.btn{
	appearance : none
}

.btn, .shop_more{
	display: inline-block;
	font-family: helvetica, arial;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 5px;
	margin:5px 0;
	transition: all 0.2s ease;
}

.btn.orange, .shop_more, .btn.pdf{
	color: #ef7712;
	background: rgba(239,119,18,0);
	border: 1px solid #ef7712;
	padding: .5rem;
}

.btn.orange:hover, .shop_more:hover, .btn.pdf:hover{
	background: rgba(239,119,18,1);
	color: #fff;
	text-decoration: none;
}

.btn.orange2{
	color: white;
	background: rgba(239,119,18,1);
	border: 1px solid #ef7712;
	padding: .5rem;
}

.btn.orange2:hover{
	background: rgba(239,119,18,0.5);
	text-decoration: none;
}

.btn.gris{
	color: #555;
	background: rgba(85,85,85,0);
	border: 1px solid #555;
	padding: .5rem;
}

.btn.gris:hover{
	color: #fff;
	background: rgba(85,85,85,1);
	text-decoration: none;
}

.btn.blanc, a.retour{
	text-transform: uppercase;
    font-size: 14px;
    padding: 5px;
    margin: 5px 0;
	color: #555;
	background: rgba(255,255,255,1);
	text-decoration: none;
}



.btn.blanc:hover, a.retour:hover{
	color: #ef7712;
    background-color: rgba(255,255,255,1);
	text-decoration: none;
}

.btn.pdf{
	width: 189px;
	text-align: center;
	margin-top: 15px;
	padding: .5rem;
}

.btn.retour{
	float:right;
	margin-top:-10px;
	padding: .5rem;
}

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

header{
	position: relative;
	height: 160px;
	width: 100%;
	background: url(img/fond-header.jpg) repeat-x bottom;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}

.header-top{
	position: relative;
	z-index: 10;
	background: #fff;
	padding-top: 3px;
	height: 20px;
}

.header-right{
	position: absolute;
	right: 0;
	text-align: right;
	padding-top: 5px;
}

.header-right .btn{
	width: 150px;
	text-align: center;
	position: relative;
	display: block;
	padding: 5px;
}

.nav-toggle{
	display: none;
}

.lng{
	position: relative;
	float: right;
	margin-top: -2px;
}

.lng a{
	margin-left: 3px;
	color: #1e427a;
}

.logo{
	z-index: 100;
	position: relative;
	float: left;
	width: 173px;
	height: 160px;
	text-align: center;
	margin-top: -15px;
}

.logo h1 a[title="SOLUXA"], .logo h1 a[title="_LOGO_SITE_NAME"]{
	background: url(img/logo.png) no-repeat center;
	display: block;
	width: 173px;
	height: 160px;
}

.logo h1 a strong{
	display: none;
}

nav.mobile{
	display: none;
}

nav.main{
	text-align: right;
	margin-top: -51px;	
}

nav.main > ul > li{
	display: inline-block;
	padding: 10px 5px;
	margin: 0 1px;
	position: relative;
}

nav.main > ul > li:nth-child(9){
	padding-right: 0;
	margin-right: 0;
}

nav.main > ul > li > ul{
	display: none;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -85px;	
	background: #fff;
	width: 170px;
	margin-top: 10px;
	padding-top: 5px;
	border: 1px solid #a7a387;
	border-top: none;
	z-index: 1000;	
}

nav.main > ul > li:hover > ul{
	display: block;
}

nav.main > ul > li > ul > li{
	display: block;
	padding: 10px;	
}

nav.main  li ul li a{
	font-size: 18px;
	font-style: italic;	
}

nav.main li a{
	color: inherit;
	font-size: 19px;
}

nav.main li.selected > a, nav.main li:hover > a{
	color: #ef7712;
}

/* nav.main > ul > li:last-child{
	display: none;
} */

nav.submenu{
	background: #636363;
	text-align: center;
}

nav.submenu > ul > li{display: none;}

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

nav.submenu > ul > li.selected > a{display: none;}

nav.submenu > ul > li > ul > li {
	display: inline-block;
	margin: 5px 3px;	
}

nav.submenu > ul > li > ul > li > a{
	font-family: helvetica, arial;
	text-transform: uppercase;
	font-size: 14px;
	color: #adadad;
}

nav.submenu > ul > li > ul > li.selected > a, nav.submenu > ul > li > ul > li:hover > a{
	color: #fff;
}

nav.submenu > ul > li > ul > li > a::after{
	content: "-";
	margin-left: 12px;
}

nav.submenu > ul > li > ul > li:last-child > a::after{
	content: "";
}

.menu-vins > ul > li > a, .menu-vins > ul > li > ul{
	display: none;
}

.menu-vins > ul > li.selected > ul{
	display: block;
}

.menu-vins > ul > li > ul > li{
	display: inline-block;
	/*margin: 5px;*/
}

.menu-vins > ul > li > ul > li > a {
	font-weight: bold;
	font-family: 'arial', 'helvetica';
	color: #ef7712;
}

.menu-vins > ul > li > ul >li > a::after{
	content: " - ";
	margin-right: 5px;
}

.menu-vins > ul > li > ul > li:last-child > a::after{
	content: "";
}

.dropdown.m34{display: none;}
/*						CONTENU
=======================================================*/

img[align=left]{
	margin-right: 15px;
	margin-bottom: 15px;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

img[align=right]{
	margin-left: 15px;
	margin-bottom: 15px;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.page-top{
	height: 176px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
}

.page-top.accueil{
	height: 360px;
}

.page-top title {display: block;}

.page-top h1{
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 0 2px 0 rgba(0,0,0,0.8), 0 0 80px rgba(0,0,0,0.3);
}

.page-top .phrase{
	width: 680px;
	padding-top: 60px;
	text-align: center;
	margin: auto;
	padding-top: 0;
	display: table-cell;
	vertical-align: middle;
	margin: 0 10px;
	height: 176px;
	position: relative;
	z-index: 2;
}

.page-top.accueil .phrase{
	padding-top: 70px;
}

.bandeau-accueil{
	background: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.4);
}

.bandeau-accueil img{
	float: left;
	margin-top: -50px;
}

.texte-accueil{
	padding: 20px 15px;
	padding-bottom: 10px;
	margin-left: 130px;
	margin-right: 130px;
	font-style: italic;
	text-align: center;
	font-size: 18px;
	background: url(img/quote-1.png) no-repeat, url(img/quote-2.png) no-repeat;
	background-position: left 10px, right bottom;
}

.blocs-accueil{
	margin-top: 20px;
	text-align: center;
}

.blocs-accueil .bloc{
	width: 320px;
	margin: 8px;
	border-radius: 3px;
	display: inline-block;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 11px rgba(0,0,0,0.15);
	padding-bottom: 10px;
}

.blocs-accueil .bloc::after{
	content: "";
	position: absolute;
	margin-top: 10px;
	display: block;
	width: 320px;
	height: 28px;
	background: url(img/ombre-bloc.png) center;
}

.blocs-accueil .bloc p{
	margin: 5px 10px;
}

.blocs-accueil .bloc h2{
	margin: 5px 10px;
}

article{
	background: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    padding-top: 30px;
	padding-bottom: 10px;
}

/*PAGES*/
/* .small h2{text-align: center;} */
	/*CENTER*/
.text-center{text-align: center;}
/*.text-center h2, .left h2, .right h2, .right-big h2{margin: 2rem 0 2rem 0;}*/
.text-center p{text-align: left;}
	/*LEFT*/
.left img{float: left;margin: 0 15px 15px 0;max-width: 260px; box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.left{margin-bottom: 50px;}
	/*LEFT-BIG*/
.left-big img{float: left;margin: 0 2rem 2rem 0;width: 380px;}
.left-big{margin-top: 2.5rem;}
	/*alentour*/
.alentour img{width: 380px; box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
	/*RIGHT*/
.right img[align="right"]{float: right;margin: 0 0 15px 15px;max-width: 260px; box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.right{margin-bottom: 50px;}
	/*RIGHT-BIG*/
.right-big img{float: right;margin: 0 0 2rem 2rem;width: 380px; box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.right-big{margin-top: 2.5rem;}

/*gallery*/
.new .gallerygite{padding: 20px 0;	margin-top: 0;}

.new .gallerywrap{background: #fff;box-shadow:0 0 30px rgba(0,0,0,0.1);padding: 20px; text-align:center;}

.gallery h2, .gallery p{text-align: center;margin-bottom: 1rem;}

.container.gallery {padding-bottom: 30px;}

/*SLIDER*/
.slick-arrow.slick-prev, .slick-arrow.slick-next{bottom: -45px;}
.slick-prev:before, .slick-next:before{color: #000 !important;}

.slick-slide img{width: 600px;margin: 0 auto;}
.slick-slider{margin: 2rem 0;}

#preloader{
	width: 100%; 
	height: 100%; 
	background: #fccfa9;
	position: absolute;
	z-index: 1;
}

/*DISPONIBILTES*/
.dispo{margin-top: 2rem;}
.calendrier, .dispo > div > div:nth-child(2){display: inline-block;vertical-align: top;}
.calendrier{width: max-content;}
.dispo > div > div:nth-child(2){margin-left: 2rem;width: 45%;margin-top: 15px;}


/*SUBCAT*/
.items-wrap > div{display: none;}
.items-wrap > .active.menu-souscat {display: block;text-align: center;}
.active.menu-souscat > div{display: inline-block;}


.items-wrap .active.menu-souscat > div{
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	width: 280px;
	text-align: center;
}

.subcat_display{width: 235px;height: 235px;position: relative;box-shadow:0 0 30px rgb(0 0 0 / 20%);
	transition: all 0.2s ease;margin: 1rem auto;}

.subcat_display a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.subcat_display h2{
	font-size: 23px;
	font-family: 'La Belle Aurore', cursive;
	height: 175px;
	width: 175px;
	font-weight: normal;
	text-transform: none;
}

.subcat_display:hover{box-shadow:none;}

.items-wrap > .all-cats{
	height: auto;
    margin: 1rem auto;
    border: 1px solid #C1C1C1;
    box-shadow: none;
    width: max-content;
    padding: .5rem 1rem;
}/* 
.items-wrap > .all-cats:hover{background: #c1c1c1;;}
.items-wrap > .all-cats a{font-family: 'Roboto', sans-serif;color: #4C4C4C!important;}
.items-wrap > .all-cats:hover a{color: #fff!important;} */


/* .shop-cat ul div a{
	color: #fff!important;
	font-size: 23px;
	display: table-cell;
	vertical-align: bottom;
	font-family: 'La Belle Aurore', cursive;
} */

.active.menu-souscat .active > div{box-shadow: none;}

/*					DISTRIBUTEURS
======================================================*/

.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:none;}
.table > thead > tr > th{vertical-align:bottom;border-bottom:none;}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:none;}
.table .table{background-color:#fff;}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}
.table-bordered{border:none;}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#fff5ed}
.table-hover > tbody > tr:hover {background-color:#fff3e9;}
.table-striped > tbody > tr:hover{background-color:#ffd8b6}

.ps-search {display:block; max-width: 500px; margin:10px 0; vertical-align:top; position:relative;}
.ps-search .button {background:url(img/search-ico2.png) no-repeat center center; width:50px; height:35px; border:0; position:absolute; left:3px; top:-6px;}
.ps-search .input {padding-left:60px; width:100%; box-sizing:border-box;margin-right: 0;height: 35px;}
.ps-search .button:hover{background: url(img/search-ico2.png) no-repeat center center;}

/*COFFRETS*/
.product-desc.paysage > div{display: block;height: auto;}
.product-desc.paysage .product-img{position: inherit;margin: 0;text-align: center;height: 143px;}
.product-desc.paysage .product-img img{height: 100%;}
.product-desc.paysage > div > div{margin: 0 auto;}
.product-desc.paysage form{width: auto;text-align: center;}
/*SHOP*/

.shop-toolbar{text-align: right;}

/* 
.page.shop > div > div{text-align: center;} */

.title-list-shop h2{text-align: center;margin: 0 0 30px 0;}
/* .text-list-shop{margin: 2rem 1rem;} */

.shop-list{
	background-color: white;
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
	padding: 30px;
}

.page.shop.cart{
	background-color: white;
    padding: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}

.shop-sidebar{
	/* display: block; */
    /* padding: 1rem; */
    /* background: #fff5eb; */
    text-align: center;
}


.shop-filter{color: #ef7712;font-family: 'helevetica', sans-serif;}
.shop-filter h2{display: none;}
.shop-sidebar input[type="radio"]{display: none;}

/* .shop-filter li {display:inline-block; margin: 1rem 5px;position: relative;} */
/* .shop-filter li a{transition: all 0.2s ease;} */

.shop-filter li {display:inline-block; margin: 1rem 5px;position: relative;}
.shop-filter li a, .shop-filter li label{border: 1px solid #ef7712; padding: 5px; font-size: 14px; border-radius: 3px;}
.shop-filter li a:hover, .shop-filter li label:hover{color: #fff; background: #ef7712;}


/*.shop-filter li a::after{content: "";height: 1px;background: rgba(240, 240, 240, 0.4);position: absolute;bottom: -3px;left: 0;right: 0;}*/
/* .shop-filter li a:hover{color: #555555;} */
.shop-filter li label:hover{cursor: pointer; }
.shop-filter li.selected{font-weight: 700;}

.list-item{display: inline-block;width: 100%;}
.list-item .product-short{display: inline-block;vertical-align:top;height: 310px; max-height:310px; margin: 1rem 1rem;width: 413px;box-shadow: 0 0 20px rgb(0 0 0 / 20%);padding: 1rem;font-family: 'helevetica', sans-serif;}
.list-item .product-short .vin-img{height: 300px; max-height:300px; width: auto;display: inline-block;max-width: 105px;vertical-align: middle;}
.list-item .product-short .vin-img img{height: 100%;width: auto;}
.list-item .product-short .product-short-desc{display: inline-block;text-align: left;margin: 0 0 1rem 1rem;vertical-align: top;width: 295px;}
.list-item .product-short .product-short-desc hr{border: none; background-color: #adadad; height: 1px;}
.list-item .product-short .short-desc p{font-size: .95rem;}
.list-item .product-short .short-desc{margin: 0 0 20px 0;}
.list-item .product-short.paysage .vin-img{width: auto;display: inline-block;vertical-align: middle;height: auto;}
.list-item .product-short.paysage .vin-img img{max-width: none;max-width: 190%;width: 190%; height: auto;}
.list-item .product-short.paysage .product-short-desc{display: inline-block;text-align: left;margin: 0 0 1rem 7rem;vertical-align: top;width: 190px;}
.list-item .product-short.paysage .cart-count .vin-taille{}

.title-sucrosite{margin: 0 0 20px 0;}
span.sucrosite{margin-top: .2rem;font-size: 1rem;}
h5.millesime{margin-top: .2rem;}
.name2-vin-taille h4{font-style: italic;margin-bottom: .3rem;}
.title-sucrosite h3{color: #ef7712;margin: 15px 0 0 0;font-size: 1.26rem;}

.list-item .product-short .price{color: #ef7712;font-size: 1.3rem;font-weight: bold;}
.list-item .product-short span.vin-taille{display: block; color: #adadad;font-size: 1rem;}

.product-quantite{margin-top: 1rem; border: 1px solid #ccc; padding: 2px 2px 0 2px; display: inline-block;}
.dec.but, .inc.but, .product-quantite input{display: inline-block;vertical-align: middle;text-align: center;}
.dec.but, .inc.but{cursor: pointer;font-size: 1.5rem;}
input.cart-button.btn.small{margin-top: 1rem;background: #ef7712;color: #fff;padding: .5rem;border: 0;}
input.cart-button.btn.small:hover{box-shadow: inset 0 0 1px 1px #ef7712;background: none;color: #ef7712;}


article.shop{
	width: 980px;
	padding: 10px 20px 20px;
	margin: auto;
	top: 30px;
	position: relative;
	margin-bottom: 50px;
	margin-top: 50px;
}

article.shop .container{
	width: initial;
}

article h2{
	/*text-align: center;*/
}
/*
article img[align="right"]{
	margin-right: 20px;
	margin-bottom: 20px;
}*/

.shop_list_center{
	position: relative;
	padding: 10px;
}

.shop_title h1{
	position: absolute;
	left: 0;
	top: -56px;
	color: #fff;
	font-family: arial, helvetica;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
}

.product{
	position: relative;
	padding: 20px  0;
}

.img-right{
	width: 200px;
	float: right;
	margin-right: 10px;
	margin-left: 20px;
	text-align: center;
}

.txt-left{
	width: 695px;
	margin: 40px;
}

.bandeau-achat{
	background: #636363;
	color: #fff;
	padding: 10px;
	margin: auto;
}

.bandeau-achat .list-count{
	margin-top: 5px;
}

.shop_title h1{
	position: absolute;
	left: -20px;
	top: -56px;
	color: #fff;
	font-family: arial, helvetica;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
}

.side-photo{
	display: inline-block;
	vertical-align: top;
	width: 320px;
}

.side-photo img{
	margin: 0;
}

.produits{
	display: inline-block;
	width: 680px;
	vertical-align: top;
}

.shop_list{
	margin: 20px;
}

.shop_list img{
	float: left;
	height: 150px;
	margin-right: 20px;
}

.shop_list h3{
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 20px;
	color: #ef7712;
	text-transform: uppercase;
}

.shop_list .btn{
	/*float: right;*/
	margin-top: -5px;
}

.prix{
	font-family: 'arial', 'helvetica';
	font-weight: bold;
	font-size: 24px;
}

.ttc{
	font-weight: normal;
	font-size: 12px;
}

.list-count-wrap{
	display: inline-block;
	width: 80px;
}

.list-count-wrap input{
	width: 50px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.shop_step{
	background: url(img/shop_step_bar.gif) repeat-x center 35px;
}

.shop_step td{
	height: 40px;
	font-size: 12px;
	font-family: 'helvetica', 'arial';
	color: #d2d2d2;
	background: url(img/shop_step_noactive.gif) no-repeat center 30px;
}

.shop_step td.active{
	color: inherit;
	background: url(img/shop_step_active.gif) no-repeat center 30px;
}

article img{
	max-width: 100%;
}

.bloc-nav{
	width: 235px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 10px;
}

.bloc-nav img{
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}

/*FICHE PRODUIT*/
.product-wrap{text-align: center;background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 20%);border-radius: 3px;}
.product-wrap .product-img {
	max-width: 200px;
    display: inline-block;
	vertical-align: top;
    text-align: center;
    margin: 2rem;
}
.product-wrap .product-img img{max-height: 600px;height: auto;}
.product-wrap .product-desc{
	display: inline-block;
    width: 65%;
    margin: 2rem;
    text-align: left;
}

.product-wrap .count-attr{margin: 2rem 0;float: right;background: #ef7712;padding: 0.5rem 1.5rem;color: #fff;font-family: 'helvetica', sans-serif;text-align: center;width: max-content;}
.product-wrap .count-attr .price{font-size: 1.8rem;}
.product-wrap .count-attr span.vin-taille{display: block;font-size: 1rem;margin: 1rem 0;color: #ffffff;}
.product-wrap .count-attr .btn[type=submit]{background: #ffffff;color: #ef7712;border: 0;padding: 0.5rem;margin: 5px 0;box-shadow: none;}
.product-wrap .count-attr .btn[type=submit]:hover{background: none;color:#ffffff;box-shadow:inset 0 0 1px 1px #fff;border: 0;}
.product-wrap .count-attr .product-quantite{background-color:#ffffff;}
.product-wrap .count-attr .product-quantite .dec.but{color:#d5d5d5;}
.product-wrap .count-attr .product-quantite .inc.but{color:#d5d5d5;}

.product-quantite input[type=text]{background: #fff;padding: 0px;}

.product-wrap h3{font-size: 24px;color: #ef7712;text-transform: uppercase;}
.product-wrap .desc strong{font-size: 1.2rem;}
.product-wrap .desc h4{font-size: 1.4rem;font-weight: bold;}

/*SUCROSITE*/
.product-big-sliders-wrap{
	margin-top: 2rem;
    border-radius: 3px;
}

.product-big-sliders-wrap span{color: #636363;font-family: 'helvetica', sans-serif;}

.product-big-slider h3{line-height: 30px;color: #636363;font-size: 16px;margin-bottom: 1rem;text-align: left; text-transform: none;}

.slider-result{
	float: right;
	background: #ef7712;
	color: #fff;
	padding: 2px 10px;
	border-radius: 20px;
}

.slider-track{
	position: relative;
	background: #e1e1e1;
	height: 20px;
	width: 100%;
	margin-top: 10px;
	border-radius: 15px;
}

.slider-knob{
	position: absolute;
	left: 0;
	height: 20px;
	width: 0;
	background: #ef7712;
	border-radius: 15px;
	transition: all 1s ease;
	opacity: 0;
}

.slider-knob.brut{opacity: 1;width: 30px;}
.slider-knob.sec{opacity: 1;width: 10%;}
.slider-knob.demi_sec{opacity: 1;width: 40%;}
.slider-knob.moe{opacity: 1;width: 70%;}
.slider-knob.doux{opacity: 1;width: 100%;}

.slider-knob.cr_brut_nature{opacity: 1;width: 30px;}
.slider-knob.cr_extra_brut{opacity: 1;width: 25%;}
.slider-knob.cr_brut{opacity: 1;width: 40%;}
.slider-knob.cr_extra_sec{opacity: 1;width: 55%;}
.slider-knob.cr_sec{opacity: 1;width: 70%;}
.slider-knob.cr_demi_sec{opacity: 1;width: 85%;}
.slider-knob.cr_doux{opacity: 1;width: 100%;}

.slider-knob.ans2{opacity: 1;width: 30px;}
.slider-knob.ans23{opacity: 1;width: 30px;}
.slider-knob.ans3{opacity: 1;width: 30px;}
.slider-knob.ans4{opacity: 1;width: 15%;}
.slider-knob.ans5{opacity: 1;width: 20%;}
.slider-knob.ans6{opacity: 1;width: 45%;}
.slider-knob.ans58{opacity: 1;width: 45%;}
.slider-knob.ans7{opacity: 1;width: 55%;}
.slider-knob.ans8{opacity: 1;width: 65%;}
.slider-knob.ans10{opacity: 1;width: 80%;}
.slider-knob.ans13{opacity: 1;width: 90%;}
.slider-knob.ans15{opacity: 1;width: 100%;}

.slider-min{
	float: left;
	color: #545353;
	font-size: 13px;
	margin-top: .2rem;
}

.slider-33{
	position: absolute;
	left: 33%;
	transform: translateX(-50%);
	color: #545353;
	font-size: 13px;
	margin-top: .2rem;
}

.slider-66{
	position: absolute;
	left: 66%;
	transform: translateX(-50%);
	color: #545353;
	font-size: 13px;
	margin-top: .2rem;
}

.slider-max{
	float: right;
	color: #545353;
	font-size: 13px;
	margin-top: .2rem;
}

.product-big-slider{
	margin-bottom: 30px;
	position: relative;
}

.product-big-sliders-wrap .product-big-slider:last-child{
	margin-bottom: 0;
}

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

.question-suite input[type="checkbox"]{-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;}

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

.slx-shop-cart-question18{margin-bottom: .5rem;}

.slx-shop-cart-question18 label a{color: #ef7712;}

.shop h1{
	display: inline-block;
	vertical-align: middle;
	font-family: arial, helvetica;
    font-size: 38px;
    font-style: normal;
    font-weight: bold;
	color: #ef7712;
	width: 92%;
}

.shop.cart h1{color: #ef7712;
margin-bottom: 15px;
}

.dataTable thead th{padding: 10px;font-size: 17px;font-weight: 600;background: #e9e9e9;}

.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{padding-left: 1rem;}
.dataTable td.cart-name span{color: #737373;font-size: 1rem!important;}
.dataTable td.cart-name a{font-size: 14px;}
.shop_cart{font-family: 'helvetica', sans-serif;}
.shop_cart strong{font-size: 1.1rem;}

.slx-shop-cart-code{text-align: right; margin-top: 10px;}

.slx-shop-cart-code label{font-weight: bold;}

.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 !important;
    height: 30px;
    margin-top: -15px;
    border: 1px solid #8e8e8e;
    margin-left: -60px;
    cursor: pointer;
	box-shadow: none !important;
	padding: 0 10px;	
}

.cart-button-valider.show {
    opacity: 1;
    margin-left: 5px;
	right: 6px;
	top: 60px;
}
.cart-button-valider.show:hover{color: #555;border: #555 1px solid;}

.cart-buy-count input[type="text"]{text-align: center;}

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: 300px;
}

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

.cart-pickup h3{color: #ef7712;font-size: 25px!important;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: 15px;
    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;}

.slx-shop-cart-units{color: #ef7712;}

a.btn.small.brun{background: #ef7712;color: #fff;padding: .5rem;}
a.btn.small.brun:hover{background: none;color: #ef7712;box-shadow: 0 0 0 1px #ef7712 inset;}

.cart-wrap a.btn.small.orange{float: none!important;color: #ef7712;background: #ffffff;border: 1px solid #ef7712;padding: .5rem;margin: 5px 0;box-shadow: none;}
.cart-wrap a.btn.small.orange:hover{color: #ffffff;background: #ef7712;border: 1px solid #ef7712;}
.cart-wrap .question-suite input[type=submit]{color: #ffffff;background: #ef7712;border: 1px solid #ef7712;padding: .5rem;}
.cart-wrap .question-suite input[type=submit]:hover{color: #ef7712;background: rgba(239,119,18,0);border: 1px solid #ef7712;}

/*CONTACT*/
.img2-form > a > div{height: 300px;}

.cms_forms{text-align: center;}

.form > form p{text-align: left;}

.bottom-form{margin-top: 1.5rem;}

.contact-left, .contact-right{
	display: inline-block;
	vertical-align: top;
	width: 480px;
	margin: 10px;
	vertical-align: top;
	position: relative;
}

.text2-form{margin: 1.5rem 0;}

.entry{
	margin-bottom: 7px;
}

.entry span.title{display: inline-block;
    vertical-align: top;
    background: #cfcfcf;
    font-family: 'Arial', 'helvetica';
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    width: 85px;
    text-align: center;
    height: 20px;}

.contact-left input, .contact-left textarea, .contact-left select{
	border: none;
	background: #f2f2f2;
	padding: 5px;
	height: 20px;
	width: 370px;
	margin-left: -4px;
}

.cms_bookmark_content input[type="text"], .cms_bookmark_content input[type="password"], .cms_bookmark_content textarea, .cms_bookmark_content select{
	border: none;
	background: #f2f2f2;
	padding: 5px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.cms_bookmark_content select{
	height: 30px;
}

.cms_bookmark.noprint{
	padding-top: 20px;	
}

.shop_cart_header{
	font-weight: bold;
	/*padding-bottom: 20px;*/
	background: #e9e9e9;	
	padding: 10px;
	font-size: 15px;
	padding-right: 0;
}

.shop_cart_line{
	padding: 10px 0;	
	border-bottom: 1px solid #d2d2d2;
}

.shop_cart_total{
	height: 50px;	
	vertical-align: middle;	
}

.shop_cart_total .total{
	font-weight: bold;	
}

.shop_address_delivery fieldset legend{
	margin-bottom: 20px;
	font-family: 'helvetica', 'arial';
	font-weight: bold;
	color: #ef7712;	
}

.shop_addressbook_link_edit a, .shop_addressbook_link_new a{
	color: #ef7712;
	font-family: 'helvetica', 'arial';
	font-weight: bold;
}

.shop_addressbook_link_edit a:hover, .shop_addressbook_link_new a:hover{
	text-decoration: underline;	
}

.shop_finish h1{
	font-family: 'helvetica', 'arial';
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
	/*margin-top: 10px;*/
	color: #ef7712;
}

.contact-left select{
	height: 30px;
	width: 380px;
}

.contact-left textarea{
	min-height: 150px;
}

.contact-right input[type=submit]{
	position: absolute;
}

input[type=submit], input[type=button]{
	right: 0;
	width: initial;
	height: initial;
	display: inline-block;
	font-family: helvetica, arial;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px;
	margin:5px 0;
	transition: all 0.2s ease;
	color: #ef7712;
	background: rgba(239,119,18,0);
	border: 1px solid #ef7712;	
	cursor: pointer;
	margin-bottom: 20px;
}

input[type=submit]:hover{
	background: rgba(239,119,18,1);
	color: #fff;
}



.page-plugin{
	position: fixed;
	left: -340px;
	margin-top: -1px;
	width: 340px;
	height: 500px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.46);
	transition: all 0.3s ease;
	z-index: 10000;
}

.page-plugin:hover{
	left: 0;
}

.page-plugin .handle{
	width: 40px;
	height: 67px;
	background: #ef7712;
	position: absolute;
	padding: 5px;
	right: -50px;
	top: 1px;
	text-align: center;
}

.handle img{
	width: 30px;
}

.handle p{
	font-family: 'helvetica','arial';
	color: #fff;
	font-size: 14px;
}

.grid-sizer{width: 510px;}

.pages_all .container{width: auto;}

.pages_all{
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 20px;
	padding-bottom: 20px;
	margin-bottom: 8px;
	width: 460px;
	background: #f2f2f2;
	text-align: left;
}

.pages_all--width2{width: 400px;}

.pages_all span p{
	font-style: italic;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
}

.bx-controls.bx-has-pager.bx-has-controls-direction .bx-controls-direction{
	display: none;
}

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

.shop-menu{
	position: absolute;
	top: -80px;
	right: -20px;
}

.gamme-bt{
	display: inline-block;
	width: 190px;
	text-align: center;
	border: 1px solid rgba(237,237,237,0);
	border-radius: 5px;
	background: rgba(247,247,247,0);
	transition: all 0.2s ease;
	padding-top: 10px;
}

.gamme-bt img{
	height: 320px !important;
	width: auto;
	-webkit-transform: scale(0.90);
	transform: scale(0.90);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.gamme-bt:hover{
	border: 1px solid rgba(237,237,237,1);
	background: rgba(247,247,247,1);
}

.gamme-bt:hover img{
	-webkit-transform: scale(1);	transform: scale(1);
}

.gamme-bt p{
	color: #ef7712;
	font-family: 'helevetica','arial';
	font-weight: bold;
	margin-top: 10px;
}



.shop_list_special{
	padding-top: 25px;
	margin: 0 50px;
}

.shop_list_special input[type=submit]{
	margin-top: 20px;
}

.shop_list_special .shop_special{
	padding: 5px 0;
	margin: 0 10px;
	border-bottom: 1px solid #b8b8b8;
	padding-top: 10px;
}

.shop_special a{
	/*font-weight: bold;*/
}

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

.list-acheter .btn.blanc{
	color: #ef7712;
	border-color: #ef7712; 
	margin-top: -6px;
	position: absolute;
	right: 0;
	padding: .5rem;
}

.list-acheter{
	position: relative;
}

.list-acheter .list-count-wrap{
	margin-right: 80px;
}

.list-acheter .select-listbox{
	left: 12px;
}

.list-acheter .select-listbox span{
	width: 60px;
}
/*									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: 120px;width: 80px;text-align: center;}
.atcw-thumb img {display:block; max-width:170px;height: inherit; margin:auto;}
.atcw-name {font-size:18px;color:#828181; padding-top:20px;}

.btn.atcw-close{font-size: .8rem;margin-bottom: .5rem;}

.atcw-right small {display:block; text-align:center; font-size:11px; line-height:16px;}
.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;}

a.btn.atcw-close{
	background: none;
	box-shadow: inset 0 0 1px 1px #ef7712;
	color: #ef7712;
	margin-top: .5rem;
}
a.btn.atcw-close:hover{
	background: #ef7712;
	color:  #fff;
	box-shadow: none;
}

.add-to-cart-window .btn{
	margin-top: 2rem;
    background: #ef7712;
    color: #fff;
	padding: .5rem;
}
.add-to-cart-window .btn:hover{
	box-shadow: inset 0 0 1px 1px #ef7712;
    background: none;
    color: #ef7712;}

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

.popup {
	top: 10%!important;
	padding: 0 15px;
}

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

.user_login{text-align: center;}

.login-left, .login-right{display: inline-block;vertical-align: top;width: 375px;position: relative;text-align: left;padding: 1.5rem 50px;background-color:white;box-shadow: 0 0 20px rgb(0 0 0 / 20%);margin:1rem;}

.user_login .login-left input{display: block;}

.user_login form{text-align: left!important;}

.login-left h3, .login-right h3{
	font-family: 'helvetica', 'arial';
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ef7712;
}

.loginspan{margin-right: 20px;}

/*										REGISTER
====================================================================================*/
.user_register{background-color:white;text-align: center;box-shadow: 0 0 20px rgb(0 0 0 / 20%);padding: 30px;}



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


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

.user_addressbook_element{display: inline-block;vertical-align: top;width: 254px;margin: 1rem;text-align: left;box-shadow: 0 0 20px rgb(0 0 0 / 20%);background-color:white;padding: 2rem;}

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

.confirm-box{
	display: inline-block;
	vertical-align: top;
	width: 239px;
	margin: 1rem;
	background: #ef7712;
	padding: 20px;
	color: #fff;
}



.user_addressbook_element select, .user_addressbook_element input{margin: .5rem;}

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

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

.confirm-box textarea{width: 100%;height: 100px;box-sizing: border-box;background-color: white;}

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


/*                Form
-----------------------------------------*/
.contact-form .input.focus label,
.contact-form .input.focus .form-control,
.contact-form .input.filled .form-control,
.contact-form .input.filled label{color: #fff;}

.form-check-input{margin-right: 10px; cursor: pointer;}

.buttons{margin-top: 10px;}

.form-dot{
	position: relative;
    right: 70px;
	top: 0;
}

label .form-dot{
	position: relative;
	right: 0;
	top: 0;
}

.form-error{
	color: #f00;
}

.contact-form .form-error{
	color: #f00;
}

.form_adduser{
	position: relative;
}

.form_adduser .form-dot{
	position: relative;
}

.form h2{font-size: 3rem;}
.form-left h2{color: #d71b2c!important;margin-top: 1rem;}
.form-left h3{margin: .6rem 0;color: inherit;}

.partie-form{
	width: 100%;
	margin-bottom: 30px;
}

.partie-site img{
	max-width: 100%;
}

.partie-form h3{
	font-family: 'century gothic','sofia_prolight';
	font-size: 16px;
	text-align: left;
	font-weight: 700;
	margin-bottom: 10px;
}

.input{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}

.form-row label{
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 10px;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 16px;
	transform: scale(1,1);
	transition: all 0.2s ease;
	color: #9e9e9e;
}

input, select, textarea{
	border-radius: 0;
	/* -webkit-appearance:none; */
	position: relative;
	z-index: 10;
	height: inherit;
	padding: 10px;

    background:rgb(234,234,234);
    background: transparent\9;
    background:rgba(234,234,234,0.52);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#84eaeaea,endColorstr=#84eaeaea);
    zoom: 1;

	box-shadow: 0 0 1px #f2f2f2 inset;
	border:none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 16px;
	/*transition: all 0.2s ease;*/
	/*box-sizing: border-box;*/
}

.register-left input, .register-left select, .register-left textarea, .register-right input, .register-right select, .register-right textarea{
	box-sizing: border-box;
}

.register-right a {color: #ef7712;}

input:-webkit-autofill{
	background-color: rgba(234,234,234,0.52);
}

input:focus, select:focus, textarea:focus{
	outline: none;
}

.input.small{width: 144px;}

.input.small input{width: 125px;}

.input.small select{width: 145px;}

.input.medium{width: 228px;}

.input.medium input{width: 210px;}

.input.medium select{width: 230px;}

.input.large{width: 495px;}

.input.large input{width: inherit;}

.input.large select{width: inherit;}

.input.large textarea{width: 462px;	height: 150px;}

.input.xmedium{	width: 313px;}

.input.xmedium input, .input.xmedium select{width: 294px;}

.input.last{margin-right: 0;}

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

.register-left .input.large, .register-left .input.large{
	width: 450px;
}

input[type="checkbox"]{-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;}

.input.focus label{
	top: 1px;
	left: 2px;
	color: #735E53;
	font-style: italic;
	transform: scale(.8,.8);
}

.input.focus input, .input.focus select, .input.focus textarea{
	background: rgba(58,168,0,0);
	box-shadow: 0 0 0 1px #735E53 inset;
	padding: 15px 10px 5px 10px;
}

.input.filled label{
	top: 1px;
	left: 2px;
	color: #aeaeae;
	font-style: italic;
	transform: scale(.8,.8);
}

.input.filled input, .input.filled select, .input.filled textarea{
	background: rgba(234,234,234,0);
	box-shadow: 0 0 0 1px #aeaeae inset;
	padding: 15px 10px 5px 10px;
}

.form-left{display: inline-block;margin-left: 20px;}

.form-right{
	float: right;
}

.form-right p{
	font-size: 12px;
	margin-top: -10px;
}

.contact-gite{
	text-align: center;
	margin-bottom: 10px;
}

.contact-gite img{
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}


.contact-gite .btn{
	margin-top: -4px;
}

.cms_sitemap a{color: #735E53;font-size: 22px;}
.cms_sitemap a:hover{color: #7d5e43;}

.cms_sitemap a i{font-size: 18px;}

ul.sitemap li ul ul li{
	margin-left: 20px;
}

ul.sitemap li ul ul li:before{
	content: " - ";
}

ul.sitemap li ul ul li a{font-style: italic;}

.page-all img{width: 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 #66ea7c;
}

.alert-danger{
	width: 70%;
    background-color: #fff!important;
    border-color: #fff!important;
    color: #e62536!important;
    text-align: center;
    margin: 3rem auto 0 auto;
}




/*										ACCOUNT
====================================================================================*/
.slx-users{max-width: 1020px;margin: 4rem auto 0 auto;}
.slx-user-account{margin-bottom: 3rem;}

.slx-user-orders{margin-bottom: 4rem;}
.slx-user-orders .table{overflow: auto;}

.slx-user-orders table thead tr.header{border: 1px solid #ef7712;}

.page.confirm .sub_container{text-align: center;}

ul.bookmark {
    width: 100%;
	background: #ef7712;
    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: 10px;
}

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

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

.column1-3 {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    background: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    padding: 20px;
    margin: 9px 9px 2rem 9px;
}

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

.column1-3 div label {
    font-weight: 600;
    margin-right: 5px;
    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: -39px;}

.slx-user-account form a.button, .slx-user-bottom a{background: #ef7712;color: #fff;transition: all 0.2s ease;padding: .5rem;}
.slx-user-account form a.button:hover, .slx-user-bottom a:hover{background: none;color: #ef7712;box-shadow: inset 0 0 1px 1px #ef7712;}

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

footer{
	margin-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 14px;
}

footer a{
	color: inherit;
}

/* .dispo{
	float: left;
	width: 300px;
	margin-right: 30px;
}

.dispo iframe{
	width: 100%;
} */

.img-vin-left{
	position: absolute;
	margin-left: -20px;
}





/*========================================================================
==========================================================================
============================RESPONSIVE====================================
==========================================================================
==========================================================================
========================================================================*/
@media screen and (max-width: 1028px){
	/*BOUTIQUE LISTE*/
	.shop-sidebar{display: block;width: auto;margin: 2rem auto;}
	.list-item{text-align: center;width: 100%;}

	/*ACCOUNT*/
	.slx-users{margin: 4rem 2rem 0 2rem;}

}

@media screen and (max-width: 970px){
	/*FICHE PRODUIT*/
	.product-wrap .product-img{max-width: none;width: auto;}
}

@media screen and (max-width: 890px){
	/*atcw*/
	.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: 100px;		}

	/*CART*/
	.shop_cart{overflow: auto;}
	


	/*Fiche produit*/
	.shop h1{display: block;width: auto;}
}

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

	.container, .container.small{ width: initial; margin:0 10px;}
	.site-container{overflow: hidden; height: 100%;}
	.site-pusher{height: 100%;width: 100%;}

	.site-content{
		position: absolute;
		right: 0;
		left: 0;
		top: 60px;
		/*overflow-y: scroll;*/
		-webkit-overflow-scrolling:touch;
		-moz-overflow-scrolling:touch;
		overflow-scrolling:touch;
		width: 100%;
	}	

	nav.main{
		display: none;
	}

	.header-top{display: none;}

	.header-right .btn.orange{display: none;}

	.header-right{
		position: absolute;
		right: 55px;
		top: -7px;
	}

	.header-right .btn.gris{
		position: absolute;
		right: 0;
		top: 10px;
	}

	.page-plugin{
		position: absolute;
		z-index: 1;
		margin-top: 59px;
	}

	.logo{
		width: 113px;
		height: 75px;
		margin-top: -8px;
	}

	.logo h1 a[title="SOLUXA"]{
		background: url(img/logo-mobile.png) no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;
		width: 113px;
		height: 75px;
	}

	.nav-toggle{
		display: block;
		/*float: right;*/
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		width: 30px;
		height: 28px;
		margin: 10px;
		cursor: pointer;
	}

	.trait1, .trait2, .trait3{
		background: #ef7712;
		width: 30px;
		height: 3px;
		position: absolute;
		-webkit-transition:all 0.2s ease;
		transition:all 0.2s ease;
	}

	.trait1{top: 0; left: 0; -webkit-transform: rotate(0); transform: rotate(0);}
	.trait2{top: 9px; left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	.trait3{top: 19px; left: 0; -webkit-transform: rotate(0); transform: rotate(0);}

	body.with-sidebar .trait1{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 10px;}
	body.with-sidebar .trait2{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	body.with-sidebar .trait3{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px;}	

	header{ 
		height: 60px;
		position: fixed;
		z-index: 200;
		/*border-bottom: 1px solid #8e7968;*/
		/*outline: 1px solid #552810;*/
		-webkit-background-size: contain;
		background-size: contain;
		top: 0;
	}

	nav.mobile{
		display: block;
		position: absolute;
		top: 60px;
		right: -1px;
		bottom: 0;
		left: auto;
		width: 300px;
		height: 600px;
		background: #fff;
		text-align: center;
		z-index: 110;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		border-left: 1px solid #a7a387;
		overflow: scroll;
	}

	body.with-sidebar nav.mobile{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	nav.mobile img{display: none;}

	.mobile > ul{
		margin-top: 10px;
		
	}

	.mobile > ul > li{
		padding: 16px 0;
		width: 280px;
		margin-left: 10px;
		position: relative;
	}

	.mobile > ul li a{
		color: #555;
		font-size: 20px;
		transition: all 0.2s ease;
	}	

	.mobile > ul > li.selected{
		background: #ffead9;
	}

	.mobile ul > li:hover > a, .mobile ul > li.selected > a{ color: #ff6c2f;}

	.mobile > ul > li.selected ul{display: block;}

	.mobile > ul > li:last-child{
		display: none;
	}

	.mobile > ul > li > ul{
		display: none;
		background: url(img/fond-sous-menu-mobile.png) top center no-repeat;
		width: 100%;
		margin:auto;
		margin-top: 10px;
		padding-top: 5px;
	}	

	.mobile > ul > li > ul > li{
		padding: 10px 0;
		position: relative;
	}	

	.mobile > ul > li > ul > li > a{
		font-size: 16px;	
	}	

	.mobile > ul > li > ul li:hover a, .mobile > ul > li > ul li.selected a{color: #ff6c2f;}	
	.mobile > ul > li > ul li a{font-style: italic;}*

	.page-top.accueil{
		height: 400px;
	}

	.page-top h1{
		font-size: 36px;
	}

	.page-top{
		height: 136px;
	}
	
	.texte-accueil{
		margin-left: 10px;
		margin-right: 10px;
	}


	img[align=right], img[align=left]{
		/*width: 300px;*/
	}

	.shop_list_center{
		background: white;
		padding-left: 0;
	}

	.txt-left{
		width: initial;
		margin: 20px;
	}

	.img-right{
		display: block;
		width: initial;
		text-align: center;
		margin: 20px;
	}

	.prix, .shop-buy-now{
		width: 170px;
		display: inline-block;
	}
	
	.btn.pdf{
		width: inherit;
		text-align: center;
		margin-top: 10px;
		display: block;
	}
	
	.product{
		margin-top: 70px;
	}

	.img-right{
		width: inherit;
		float: none;
	}

	article.shop{
		width: initial;
		margin-left: 10px;	
		margin-right: 10px;	
		padding: 0;	
		padding-bottom: 20px;	
		top: 80px;	
		margin-bottom: 110px;	
	}

	.shop_title h1{
		/*position: relative;*/
		/*top: 0;*/
		left: -10px;	
	}

	.shop-menu{
		right: -10px;
		top: -120px;		
	}

	.product, .shop_list_center{
		margin-top: 10px;
	}

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

	.contact-left input, .contact-left textarea, .contact-left select{
		width: 65%;
		margin-left: 0;
		padding-left: 100px;
	}

	input[type="submit"]{
		padding-left: 5px;
		width: initial;
	}

	.contact-right{
		margin-top: 60px;
	}

	.entry{
		position: relative;
	}

	.entry span.title{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 15;
	}

	#gmap{
		width: 100% !important;
	}



	.pages_all{
		display: block;
		width: initial;
		height: initial;
		padding-bottom: 40px;
	}

	.user_login td{
		display: block;
		float: left;
		clear: both;
		/*width: 285px;	*/
	}

	/*PAGES*/
	.left img, .right img, .right-big img{float: none;display: block;margin: 1rem auto;width: auto;}

	/*slider*/
	.mosaic_img.slick.slick-initialized.slick-slider{width: 85%;margin: 2rem auto;}

	/*VIDEO*/
	video{width: 100%;height: auto;}

	/*ACCOUNT*/
	.slx-user-account{text-align: center;}
	.slx-user-account form > div{text-align: left;}
}

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

	/*MON COMPTE*/
	.slx-user-account form > div{display: block;margin: 1rem auto;width: auto;}
	.slx-user-bottom{text-align: center!important;margin-top: 1rem;}

}

@media screen and (max-width: 620px){
	/*CART*/
	.question-suite{text-align: left;position: relative;}
	.cart-pickup.right{float: none;}
	.cart-wrap .question-suite input[type=submit], input[type=button]{margin-bottom: 35px;}
	.cart-pickup{margin: 10px 0 20px 0;}

	/*LOGIN*/
	.login-left, .login-right{width: auto;}

	/*REGISTER*/
	.register-left, .register-right{width: initial;display: block;}
	.register-left .input.large, .register-left .input.large, .register-right .input.large, .register-right .input.large{width: 100%;}

}


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


	.shop-list { padding: 30px 15px;}
.list-item .product-short{ height: 360px; margin : 10px; width: 340px}
.list-item .product-short .product-short-desc {width: 245px;}
.product-quantite input[type=text] { width: 20px; }
input.cart-button.btn.small { margin-top: 1rem; }
.list-item .product-short .vin-img img{ max-height: initial; max-width: 74px; }
.list-item .product-short.paysage{ height: 360px; margin : 10px; width: 340px }
.list-item .product-short.paysage .product-short-desc {width: 245px;}
.list-item .product-short.paysage .vin-img img{ max-height: initial; max-width: 74px; }


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

	.page-top.accueil .phrase{padding-top: 0; padding-left: 20px; padding-right: 20px;}

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

	.container, .container.small{ width: initial; margin:0 10px;}

	.container.small{width: 70%; margin: auto;}

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

	.site-content{
		position: absolute;
		right: 0;
		left: 0;
		top: 110px;
		/*overflow-y: scroll;*/
		-webkit-overflow-scrolling:touch;
		-moz-overflow-scrolling:touch;
		overflow-scrolling:touch;
		width: 100%;
	}

	nav.main{
		display: none;
	}

	header{
		height: 110px;
	}

	.header-right{
		margin-top: 17px;
		margin-right: 60px;
	}

	.header-right .btn{
		display: inline-block;
		width: initial;
		margin-left: 10px;
	}

	nav.mobile{
		display: block;
		position: absolute;
		top: 110px;
		right: -1px;
		bottom: 0;
		left: auto;
		width: 300px;
		height: 1000px;
		background: #fff;
		text-align: center;
		z-index: 110;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		border-left: 1px solid #a7a387;
	}

	body.with-sidebar nav.mobile{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	nav.mobile img{display: none;}

	.mobile > ul{
		margin-top: 10px;	
	}

	.mobile > ul > li{
		padding: 16px 0;
		width: 280px;
		margin-left: 10px;
		position: relative;
	}

	.mobile > ul li a{
		color: #555;
		font-size: 20px;
		transition: all 0.2s ease;
	}	

	.mobile > ul > li.selected{
		background: #ffead9;
	}

	.mobile ul > li:hover > a, .mobile ul > li.selected > a{ color: #ff6c2f;}

	.mobile > ul > li.selected ul{display: block;}

	.mobile > ul > li:last-child{
		display: none;
	}

	.mobile > ul > li > ul{
		display: none;
		background: url(img/fond-sous-menu-mobile.png) top center no-repeat;
		width: 100%;
		margin:auto;
		margin-top: 10px;
		padding-top: 5px;
	}	

	.mobile > ul > li > ul > li{
		padding: 10px 0;
		position: relative;
	}	

	.mobile > ul > li > ul > li > a{
		font-size: 16px;	
	}	

	.mobile > ul > li > ul li:hover a, .mobile > ul > li > ul li.selected a{color: #ff6c2f;}	
	.mobile > ul > li > ul li a{font-style: italic;}*	

	.nav-toggle{
		display: block;
		/*float: right;*/
		position: absolute;
		top: 19px;
		right: 0;
		z-index: 100;
		width: 30px;
		height: 28px;
		margin: 10px;
		cursor: pointer;
	}

	.trait1, .trait2, .trait3{
		background: #ef7712;
		width: 30px;
		height: 3px;
		position: absolute;
		-webkit-transition:all 0.2s ease;
		transition:all 0.2s ease;
	}

	.trait1{top: 0; left: 0; -webkit-transform: rotate(0); transform: rotate(0);}
	.trait2{top: 9px; left: 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	.trait3{top: 19px; left: 0; -webkit-transform: rotate(0); transform: rotate(0);}

	body.with-sidebar .trait1{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 10px;}
	body.with-sidebar .trait2{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	body.with-sidebar .trait3{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px;}	


	.logo, .logo h1 a{
		width: 120px !important;
		height: 100px !important;
		-webkit-background-size: contain !important;
		background-size: contain !important;
	}
	
	.product{
		margin-top: 70px;
	}

	article.shop{
		width: initial;
		margin-left: 10px;	
		margin-right: 10px;	
	}

	.shop_title h1{
		/*position: relative;*/
		/*top: 0;*/
		left: -30px;	
	}

	.product, .shop_list_center{
		margin-top: 10px;
	}	

	.txt-left{
		width: initial;
	}

	.contact-left, .contact-right{
		margin: auto;
		display: block;
	}

	.contact-right{
		margin-top: 50px;
	}

	.grid-sizer{width: 320px;}

	.pages_all{
		display: inline-block;
		position: relative;
		vertical-align: top;
		padding: 10px;
		padding-bottom: 20px;
		margin-bottom: 8px;
		width: 280px;
		background: #f2f2f2;
		text-align: left;
	}
}

@media screen and (max-width: 850px){
	/*calendrier*/
	.iframe-calendrier, .calendrier iframe{width: 100%;}
	.calendrier, .dispo > div > div:nth-child(2){display: block;margin:2rem auto;width: 100%;}
}

@media screen and (max-width: 400px){
	/*BLOCS ACCUEIL*/
	.blocs-accueil .bloc{width: auto;}
	.blocs-accueil .bloc img{width: 100%;}
	.blocs-accueil .bloc::after{display: none;}

	/*FICHE PRODUIT*/
	.product-wrap h3{font-size: 1rem;}

}



#cms_box_cart {padding:8px 12px; font-size:14px; text-align:center; line-height:14px; }
#cms_box_cart b {display:block; line-height:38px;}
#cms_box_cart strong {font-size:15px; font-weight:normal;}

#cms_box_cart a {display:block; position:absolute; left:0px; bottom:0px; right:0; height:32px; background:#252120; color:#ffffff; line-height:31px; font-weight:bold; font-size:13px; text-align:center;}

.cms_box_content {width:133px; height:185px; background:#ef7712; color:#ffffff; position: fixed; top: 270px; left: 0px; opacity: 0; z-index: 101; margin-left:0; display: none;}
.cart-top-tiroir {position: absolute; top: 8px; right: -52px; height: 109px; width:52px; display:block; background:grey;}




.list-count-wrap {position:relative; display:inline-block; float:right;}
.list-count-wrap:hover .select-listbox {display:block;}
.select-listbox {position:absolute; left:0; top:22px; width:38px; z-index:11; display:none;}
.list-count {z-index:10; position:relative; width:40px; border:1px solid #cdcdcd; background:#ffffff; float:right; color:#787878; padding:7px 2px 7px 5px; margin-top:-6px; margin-right:6px; height: 16px; line-height: 16px;}

.select-listbox span {display:block; width:48px; height:21px; line-height:22px; text-align:center; border:1px solid #d9d8d3; background:#dddddd; cursor:pointer; font-size:11px; font-weight:bold;
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
-o-transition: all 0.45s;
transition: all 0.45s;}
.select-listbox span:hover {background:#fefefe; box-shadow:inset 1px 1px 1px #ffffff; -moz-box-shadow:inset 1px 1px 1px #ffffff; -webkit-box-shadow:inset 1px 1px 1px #ffffff;}




.special-bottom-cart {}
.special-bottom-cart .shop-cart-top, .special-bottom-cart .shop-cart-top span, .special-bottom-cart .shop-cart-top .tshow {display:block !important; width:100%; float:none; clear:both; text-align:right;}
/*.special-bottom-cart .shop-cart-top br, .special-bottom-cart .shop-cart-top a {display:none;}*/
.special-bottom-cart .shop-cart-top div, .special-bottom-cart .shop-cart-top b {display:inline-block;  font-size:14px !important; height:auto !important;}
.special-bottom-cart .shop-cart-top b {margin:0 6px;}
.special-bottom-cart .shop-cart-top .ttc {display:block !important; text-align:right; clear:both; float:none !important; overflow:auto; font-size:24px !important;}
.special-bottom-cart .shop-cart-top .ttc strong {margin-left:6px;}

.special-bottom-cart .shop-cart-top .tshow {width:860px;}