@charset "utf-8";
/* CSS Document */

.playfair {
	font-family: 'Passion One', cursive;
	font-size:2em;
	text-align:left;
}
.accept_cond {
	width:80%;
	position:relative;
}
.cond_contenu {
	display:inline-block;
	width:45%;
	text-align:left;
	vertical-align:top;
}
.form_date {
	background-color:#eaeaea;
}
.text_form_date {
	background:none;
	border:none;
	border:1px solid #666;
	background-color:#fff;
	width:180px;
	padding:8px;
	border-radius:5px;
}
.promo {
	font-size:0.8em;
	padding:2px;
}
.product {
	position:relative;
	width:90%;
	margin:0 auto;
}
.product a {
	font-weight:800;
}
.product_cuvee {
	
	
	width: 100%;
	text-align:center;
	margin:0 auto;
	margin-bottom:40px;
}


.product_cuvee li {
	position:relative;
	display:inline-block;
	width:15%;
	vertical-align:top;
	margin:20px;
	text-align:left;
	margin-bottom:100px;
	height:480px;

	
}
.product_cuvee li.mill {
	text-align:left;width:500px;border:1px solid #666;padding:8px;min-height:250px;
}
.slidepanier {
	position: fixed;
	padding: 2%;
	top: 2%;
	
	text-align: justify;
	right: 2%;
	display: none;
	color: #333;
	background-color: #fff;
	height:auto;
	z-index: 1500;
	overflow: auto;
	-webkit-box-shadow: 0px 0px 5px #515151;
	box-shadow: 0px 0px 5px #515151;
}
.no_btn {
	background:none;
	border:none;
	cursor:pointer;
}
.aff_btn {
	width:20px;
}
.cart_more {
	background-color:#333;
	border-radius:5px;
	color:#fff;
	padding:2%;
	margin-top:10px;
	font-size:0.9em;
	position:absolute;
	bottom:5px;
	width:95%;
}
.titre{
	font-size: 1.6em;

letter-spacing: 0.1em;
color: #666;
text-transform: uppercase;

	font-family: 'Anton', sans-serif;

}
#aff_select {
	display:none;
}
/*.titre::before {
	content:url(images/h1_top.png);
	height:20px;
	width:80%;
	
}
.titre::after {
	content:url(images/h1_bot.png);
	height:20px;
	width:80%;
	
}*/
.com {
	font-size:0.7em;
	line-height:1.5em;
	text-align:justify;
}
.img_millesime {
	display:inline-block;
	width:30%;
	position:relative;
	vertical-align:top;
	text-align:left;
}
.millesime {
	width:80%;
	margin:0 auto;
	margin-bottom:10px;
	border-bottom:2px dashed #666;
}
.liste_millesime {
	text-align:left;
	display:inline-block;
	width:65%;
	margin-left:3%;
	vertical-align:top;
}
.prod_input {
	background:none;
	border:none;
	border:1px solid #666;
	padding:5px;
	color:#333;
	width:50px;
	margin:3px;
	
}
input, button {
	font-family: 'Didact Gothic', sans-serif;
font-size: 1em;
line-height: 1.8em;
letter-spacing: 0.06em;
}

.article {
	color:#666;
	border-bottom:1px solid #ccc;
	
	
	
}
.article  th {
	color: #fff;
	font-size: 11px;
	text-align: center;
	background-color: #666;
	padding:4px;
	border-right: 1px solid #ccc;
}

.article td:nth-child(1n+1)
{
    
	 border-right:solid 1px #CCC;
}
.article td:first-child
{
    
	 border-left:solid 1px #CCC;
}
.article tr:nth-child(2n+1)
{
    background-color: #eaeaea;
}
#thead {
    width:75%;
	margin:0 auto;
    padding: 5px;
    
}
#thead td .titre_prod {
   width:40%;
   text-align:right;
}
#thead td .check {
   width:18%;
}
.panier_total {
	float:right;
	
}

.appelation {
	
	text-align:left;
	
	position:fixed;
	
	right:-50px;
	z-index:1000;
	top:220px;
	
	
}
.appelation li {
	display: block;
	width: 190px;
	margin: 10px;
	padding: 8px;
	margin-left: 0px;
	border: 1px solid #333;
	background-color: #a84717;
	color: #fff;
	
	-webkit-transition: all 0.4s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 0.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
	transition: all 0.4s  cubic-bezier(.49,.22,.52,1.35);
}
.appelation li:hover {
	margin-left:-20px;
	background-color: #eaeaea;
	color: #333;
}
.product_accueil {
	width:90%;
	text-align:center;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
	
	
	-webkit-transition: all 1.0s  cubic-bezier(.49,.22,.52,1);
	-moz-transition: all 1.0s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: all 1.0s  cubic-bezier(.49,.22,.52,1.35);
	-o-transition: all 1.0s  cubic-bezier(.49,.22,.52,1.35);
	transition: all 1.0s  cubic-bezier(.49,.22,.52,1.35);
	
	
}
.product_accueil:hover {
	
	
	
}
.product_accueil h2 {
	margin:0;
	
	padding-top:1.5em;
	font-family: 'Didact Gothic', sans-serif;
font-size: 1em;
line-height: 1.8em;
letter-spacing:0.06em;
	color: #333;
	border-bottom:none;
	
	
}
.product_accueil li {
	width:300px;
	height:450px;
	overflow:hidden;
	display:inline-block;
	border:1px solid #ccc;
	
	
	padding:10px;
	margin:10px;
	color:#666;
	position:relative;
}
.product_accueil li .com {
	text-align:justify;
	font-size:0.9em;
	line-height:1.5em;
}
.product_accueil li img {
	width:200px;
}
.pucepromo {
	border-radius:50%;
	background-color:#D96062;
	color:#FFFFFF;
	font-weight:600;
	position:absolute;
	top:-15px;
	right:-15px;
	padding:15px;
	font-size:2.0em;
}
@media (min-width: 1201px) and (max-width: 1480px) {
		.product_cuvee {
	border-bottom:none;
	width:96%;
	
}
.product_cuvee li {
	
	width:450px;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	margin:2px;
	
}
	
}

@media (min-width: 1025px) and (max-width: 1200px) {
	
	.product_cuvee {
	border-bottom:none;
	width:96%;
	
}
.product_cuvee li {
	
	width:450px;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	margin:2px;
	
}
	
}
@media (min-width: 769px) and (max-width: 1024px) {
		.appelation {
	display:none;
}
.product_cuvee {
	border-bottom:none;
	width:96%;
	
}
.product_cuvee li {
	
	width:600px;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	margin:2px;
	
}
	
}
@media (min-width: 641px) and (max-width: 768px) {
	.appelation {
	display:none;
}
.product_cuvee {
	
	width:96%;
	
}
.product_cuvee li {
	
	width:360px;
	
	margin:2px;
	
}
.product_cuvee li.mill {
	text-align:left;width:340px;border:1px solid #666;padding:8px;min-height:250px;margin-bottom:20px;
}
}
@media  (max-width: 640px) {
.appelation {
	display:none;
}
.product {
width:100%;	
}
.product_cuvee {
	
	width:96%;
	
}
.product_cuvee li {
	
	width:90%;
	
	margin:2px;
	margin-top:15%;
	
}
.product_cuvee li.mill {
	text-align:left;width:280px;border:1px solid #666;padding:8px;min-height:250px;margin-bottom:20px;
}
.product_accueil li {
    width: 250px;
    height: 550px;
}
.com {

text-align: justify;
}
#thead {
    width:100%;
	margin:0 auto;
    padding: 2px;
	font-size:10px;
    
}
#thead td {
	vertical-align:top;
}
.cond_contenu {
	
	width:90%;
	margin:0 auto;
}
.panier {
	width:100%;
}
.panier table {
	 font-size:0.8em;
	 border-collapse:collapse;
	 border:1px solid #999;
	 width:85%;
	 margin:0 auto;
	
}
.panier td, .panier th {
	
	 border:1px solid #999;
}
.panier table.ident, table.ident td {
	border:none;
}
.no_btn {
	float:left;
	font-size:1.2em;
	
}
.aff_btn {
	width:40px;
	float:left;
}
.cgv {
	width:96%; overflow:auto;height:auto;
	margin:0 auto;
	text-align:justify;
}
}