/* CSS Document */
*{
margin:0;
padding:0;
border:0;
outline:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
body{
background: #000000 url(../images/navigateur-fond2.jpg) repeat-x top center;
}
.all{
width:100%;
min-height:700px;
height:auto !important;
height:100%;
margin:auto;
margin-top:-20px;
position:relative;
}
.accueil-legal{
margin:auto;
position:relative;
text-align:center;
padding-top:86px;
}
.accueil-legal .oui-non{
position:absolute;
margin-left:390px;
padding-top:26px;
}
.accueil{
width:954px;
height:565px;
margin:auto;
position:relative;
background:url(../images/fond-table-indexok.jpg) top center no-repeat;
}
	.bouteilleIndex{
	position:absolute;
	padding-left:86px;
	padding-top:132px;
	width:118px;
	height:406px;
/*	z-index:2;*/
	}
	.navigationIndex{
	float:right;
	vertical-align:top;
	padding:0px;
	margin:0px;
	width:954px;
	height:460px;
	}

.lienCUVEE{
	font-size:12px;
	color:white;
	font-family:arial;
	text-decoration:none;
}
.gene{
width:954px;
height:565px;
margin:auto;
/*position:relative;*/
background:url(../images/fond-tables-geneok.jpg) top center no-repeat;
}
.main{
	width:954px;
	height:565px;
}
.maincuvees{
	width:954px;
	position:aboslute;
	/*height:565px;*/
}
.mainmets{
	width:954px;
	position:aboslute;
	/*height:565px;*/
}
.mainmetsGD{
	width:954px;
	height:916px;
}
	.mainLeft{
	width:658px; 
	float:left;
	}
	.mainRight{
	width:294px; 
	float:right;
	}
	
.nous-trouverLeft{
float:left;
width:658px;
margin:0px;
padding-top:6px;
margin-bottom:12px;
}
		.nous-trouverLeft .contactMiddle{
		width:658px;
		}
			.nous-trouverLeft .contactMiddle p{
			font-size:12px;
			color:#FFFFFF;
			padding-left:12px;
			}
			.nous-trouverLeft .contactMiddle b{
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			}
			.nous-trouverLeft .contactMiddle .contact{
			width:658px;
			height:220px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			margin-top:8px;
			padding:0px;
			background:url(../images/contact_remplissage.jpg) right repeat-y;
			}
.nous-trouverRight{
position:absolute;
width:294px;
margin:0px;
/*background:url(../images/globe_nous-trouver.png) bottom center no-repeat;*/
color:#FFF;
/*z-index:2;*/
vertical-align:top;
}
	.nous-trouverRight p{
	text-align:right;
	padding-top:26px;
	}
	.nous-trouverRight b{
	color:#f0b43c;
	font-weight:bold;
	font-size:14px;
	}
	.nous-trouverRight a{
	color:#FFF;
	}
	.nous-trouverRight a:hover{
	color:#f0b43c;
	}

.maison{
float:left;
width:486px;
margin:0px;
}
	.maisonLeft{
	position:absolute;
	width:658px;
	margin:0px;
	z-index:2;
	}
			.maisonLeft .contenu{
			width:640px;
			height:400px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-top:68px;
/*			background:url(../images/contact_remplissage.jpg) right repeat-y;*/
			}
			.maisonLeft .contenu p{
			width:406px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-left:200px;
			padding-top:28px;
			text-align:justify;
			}
				.maisonimages{
				position:absolute;
				padding:0px;
				margin-top:-6px;
				width:170px;
				height:425px;
				z-index:2;
				}
	.maisonRight{
	float:right;
	width:426px;
	height:421px;
	margin:0px;
	color:#FFF;
	}

.cuvees{
float:left;
width:486px;
margin:0px;
}
.cuveesLeft{
	position:absolute;
	width:658px;
	/*margin:0px;
	z-index:2;*/
	}
	
.contenu{
	width:432px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	/*padding-left:70px;*/
	padding-top:92px;
}
.contenu3{
	width:432px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
}
			/*.cuveesLeft .contenu{
			
			height:400px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-left:70px;
			padding-top:92px;
	background:url(../images/contact_remplissage.jpg) right repeat-y;
			}*/
			.contenu .div123 p{
			vertical-align:top;
			/*width:326px;*/
			font-size:12px;
			color:#FFFFFF;
			text-align:justify;
			}
			.contenu .div123 b{
			vertical-align:top;
			font-size:13px;
			color:#C93;
			font-weight:normal;
			text-decoration:underline;
			}
			.contenu .div1234 b{
			vertical-align:top;
			font-size:14px;
			color:#FC0;
/*			color:#C93;*/
			text-decoration:underline;
			font-weight:bold;
			}
			.cuveesimages1{
			float:left;
			padding-top:48px;
			padding-right:25px;
			width:130px;
			
			}
			.menu{
			width:600px;
			/*vertical-align:top;*/
			/*font-size:12px;
			color:#CCC;*/
			/*padding-top:26px;*/
			}			
				.menu a{
				font-size:12px;
				color:#FFFFFF;
				text-decoration:none;
				}
					.menu a:hover{
					font-size:12px;
					color:#FFFFFF;
					text-decoration:none;
					}
					
					
				.btn{
				position:absolute;
				margin-left:-70px;
				margin-top:75px;
				/*vertical-align:top;
				padding-top:86px;
				padding-left:-10px;*/
				z-index:4;
				}
					.btn a{
					color:#FFF;
					text-decoration:none;
					}
					.btn a:hover{
					color:#f0b43c;
					text-decoration:none;
					}
				.btn2{
				position:absolute;
				margin-left:-142px;
				margin-top:350px;
				z-index:3;
				}
					.btn2 a{
					color:#FFF;
					text-decoration:none;
					}
					.btn2 a:hover{
					color:#f0b43c;
					text-decoration:none;
					}
	.cuveesRight{
	float:left;
	width:22px;
	height:413px;
	color:#FFF;
	}

.mets{
float:left;
width:486px;
margin:0px;
}
.metsLeft{
	position:absolute;
	width:658px;
	margin:0px;
/*	z-index:2;*/
	}
			.metsLeft .contenu{
			width:482px;
			height:508px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-left:156px;
			padding-top:92px;
			text-align:justify;
/*			background:url(../images/contact_remplissage.jpg) right repeat-y;*/
			}
			.metsLeft .contenu .metsimages2rene{
			position:absolute;
			padding-top:88px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2sweet{
			position:absolute;
			padding-top:18px;
			padding-left:328px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2rose{
			position:absolute;
			padding-top:88px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages21er{
			position:absolute;
			padding-top:88px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2millesim{
			position:absolute;
			padding-top:18px;
			padding-left:328px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2demiSec{
			position:absolute;
			padding-top:106px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2Chardonnay{
			position:absolute;
			padding-top:88px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2zero{
			position:absolute;
			padding-top:118px;
			padding-left:258px;
			z-index:6;
			}
			.metsLeft .contenu .metsimages2authentiq{
			position:absolute;
			padding-top:118px;
			padding-left:292px;
			z-index:6;
			}
				.metsLeft .contenu .div123 p{
				vertical-align:top;
				width:400px;
				font-size:12px;
				color:#FFFFFF;
				text-align:justify;
				}
				.metsLeft .contenu .div123 b{
				vertical-align:top;
				font-size:13px;
				color:#C93;
				text-decoration:underline;
				font-weight:normal;
				}
													h1{
													vertical-align:top;
													font-size:16px;
													color:#C93;
													font-weight:bold;
													}
													h2{
													vertical-align:top;
													font-size:18px;
													color:#FFFFFF;
													font-weight:bold;
													}
	.metsimagesPaysg{
	position:absolute;
	z-index:2;
	margin-left: 264px;
	margin-top: 106px;
	}
			
	.metsimagesPortrait{
	position:absolute;
	z-index:2;
	margin-left:316px;
	margin-top: 38px;
	}
			.metsLeft .menu{
			width:482px;
			vertical-align:top;
			font-size:12px;
			color:#CCC;
			margin-top:26px;
			}
				.metsLeft .menu a{
				font-size:12px;
				color:#FFFFFF;
				text-decoration:none;
				}
					.metsLeft .menu a:hover{
					font-size:12px;
					color:#FFFFFF;
					text-decoration:none;
					}
	.metsRight{
	float:left;
	width:22px;
	height:413px;
	color:#FFF;
	}

.personnalise{
float:left;
margin:0px;
}
.personnaliseLeft{
	position:absolute;
	width:658px;
	margin:0px;
	padding:0px;
	}
			.personnaliseLeft .contenu3{
			width:640px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
/*			background:url(../images/contact_remplissage.jpg) right repeat-y;*/
			}
			.personnaliseLeft .contenu3 p{
			vertical-align:top;
			width:640px;
			font-size:12px;
			color:#FFFFFF;
			padding-left:6px;
			text-align:justify;
			}
			.personnaliseLeft .contenu3 .personnaliseimages1{
			float:right;
			margin-left:154px;
			}
				.personnaliseLeft .contenu2{
				position:absolute;
				z-index:6;
				width:640px;
				vertical-align:top;
				font-size:12px;
				color:#FFFFFF;
				}
				.personnaliseLeft .contenu2 p{
				vertical-align:top;
				width:640px;
				font-size:12px;
				color:#FFFFFF;
				text-align:right;
				}
							.personnaliseLeft .contenu2 a{							
							font-size:13px;
							color:#C93;
							}
							.personnaliseLeft .contenu2 a:hover{							
							font-size:13px;
							color:#F00;
							text-decoration:none
							}
	.personnaliseimages2{
	float:left;
	width: 686px;
	left: 0px;
	}
	.personnaliseRight{
	float:right;
	width:426px;
	height:421px;
	margin:0px;
	color:#FFF;
	}

.conditions{
float:left;
width:486px;
margin:0px;
}

.albumPhoto{
float:left;
width:486px;
margin:0px;
}
	.albumPhotoLeft{
	position:absolute;
	width:658px;
	margin:0px;
	z-index:2;
	}
			.albumPhotoLeft .contenu{
			width:640px;
			height:400px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-top:68px;
			}
			.albumPhotoLeft .contenu p{
			width:406px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			padding-left:200px;
			padding-top:28px;
			text-align:justify;
			}
/*				.albumPhotoimages{
				position:absolute;
				padding:0px;
				margin-top:-6px;
				width:170px;
				height:425px;
				z-index:2;
				}*/
				.albumPhotoListe{
				float:left;
				padding:16px;
				margin-top:6px;
				width:160px;
				min-height:368px;
				height:auto !important;
				height:100%;
				background:url(../images/contact_remplissage.jpg) right repeat-y;
				color:#FFFFFF;
				}
					.albumPhotoListe td.ligneSep{
					width:160px;
					height:1px;
					background-color:#FFFFFF;
					}
					.albumPhotoListe a{
					color:#FFFFFF;
					}
					.albumPhotoListe a:hover{
					color:#FC0;
					text-decoration:none;
					}
					.albumPhotoListe a:active{
					color:#FC0;
					text-decoration:none;
					}
					
				
				.photos{
				float:left;
				padding-left:16px;
				min-height:368px;
				height:auto !important;
				height:100%;
				color:#FFFFFF;
				}
					.photos td.visus{
					padding:6px;
					width:120px;
					color:#FFFFFF;
					}
					.photos td.navigation{
					padding:6px;
					width:120px;
					color:#FFFFFF;
					}
						.photos td.navigation td.lien{
						background-image:url(../images/navigation_photo/bouton.gif);
						background-repeat:no-repeat;
						height:16px;
						width:16px;
						text-align:center;
						}
							.photos td.navigation .lien a{
							color:#FFFFFF;
							}
							.photos td.navigation .lien a:hover{
							color:#C90;
							text-decoration:none;
							}
						.photos td.navigation td.lienActif {
						background-image:url(../images/navigation_photo/bouton_hover.gif);
						background-repeat:no-repeat;
						height:16px;
						width:16px;
						text-align:center;
						}
							.photos td.navigation .lienActif a{
								color:#FFFFFF;
							}
				
				.albumPhotoImages{
				float:right;
				padding:0px;
				margin-top:26px;
				width:286px;
				min-height:425px;
				height:auto !important;
				height:100%;
				}
	.albumPhotoRight{
	float:right;
	width:426px;
	height:421px;
	margin:0px;
	color:#FFF;
	}

.contactLeft{
float:left;
width:658px;
margin:0px;
padding-top:6px;
margin-bottom:12px;
}
		.contactLeft .contactMiddle{
		width:658px;
		}
			.contactMiddle p{
			font-size:12px;
			color:#f0b43c;
			}
			.contactMiddle b{
			font-size:12px;
			font-weight:bold;
			color:#f0b43c;
			}
			.contactMiddle .contact{
			width:658px;
			height:286px;
			vertical-align:top;
			font-size:12px;
			color:#FFFFFF;
			margin-top:8px;
			padding:0px;
			background:url(../images/contact_remplissage.jpg) right repeat-y;
			}
.contactRight{
position:absolute;
width:294px;
margin:0px;
/*background:url(../images/globe_nous-trouver.png) bottom center no-repeat;*/
vertical-align:top;
/*z-index:2;*/
}
	.contactRight p{
	text-align:right;
	padding-top:26px;
	}
	.contactRight b{
	color:#f0b43c;
	font-weight:bold;
	font-size:14px;
	}
	.contactRight a{
	color:#FFF;
	}
	.contactRight a:hover{
	color:#f0b43c;
	}
	

.menuBas{
margin:auto;
position:relative;
width:954px;
padding:0px;
}
	.menuBas a{
	color:#cc0000;
	text-decoration:none;
	font-size:12px;
	}
	.menuBas a:hover{
	color:#cc9933;
	text-decoration:none;
	font-size:12px;
	}
	.menuBas a.actif{
	color:#cc9933;
	text-decoration:none;
	font-size:12px;
	}
	.menuBas .a1{
	color:#999;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .a1:hover{
	color:#cc9933;
	text-decoration:underline;
	font-size:11px;
	}
	.menuBas .a1.actif{
	color:#cc9933;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .a2{
	color:#333;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .a2:hover{
	color:#cc9933;
	text-decoration:underline;
	font-size:11px;
	}
	.menuBas .a2.actif{
	color:#cc9933;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .a3{
	color:#333;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .a3:hover{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	}
	.menuBas .a4{
	color:#333;
	text-decoration:none;
	font-size:11px;
	}
	.menuBas .logo{
	position:absolute;
	left:786px;
	top:-168px;
	z-index:10;
	}

.gris11 {
	font-size:11px;
	color:#999999;
}

/* DIVERS */

a {
	text-decoration:none;
	color:#666666;
}
a:hover {
	text-decoration:underline;
	color:#666666;
}

a.interdit {
	text-decoration:none;
	color:#C93;
}
a:hover.interdit {
	text-decoration:underline;
	color:#F00;
}


.orange12 {
	color:#F00;
}
.alerte2 {
	border:solid 1px #fc239e;
	background:#FCF;
}



/* FORMULAIRE CHAMPS INPUT TEXT */
.input_champ {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	
	background-color:#1f1c1b;
border-color: #5c5c5c;  
color:#FFF;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.input_champ:hover, input:focus {
	border-color:#c5c5c5;
	background:#000000;
} 
.input_champ.default {
	color:#fff;
}
.select {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	
	background-color:#1f1c1b;
border-color: #5c5c5c;  
color:#FFF;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.select:hover, select:focus {
	border-color:#c5c5c5;
	background:#000000;
} 
.select.default {
	color:#fff;
}
.send {
	width:6em;
	border:1px solid #ddd;
	border-color:#000000;
	color:#600;
	font:bold 0.86em arial, sans-serif;
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}
.png {
behavior: expression( (this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : ( this.nodeName == "IMG" ? ( this.src.toLowerCase().indexOf('.png') > -1 ? ( this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transp.gif" ) : 0 ) : ( this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", (this.currentStyle.backgroundRepeat != 'no-repeat') ? ( this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')" ) : 0, this.runtimeStyle.backgroundImage = "none" ), this.pngSet=true ) ) );
}

/*************************/
/* Déclaration style de champs de formulaire*/