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

html
{
	height:100%;
	overflow:hidden;
	background-color:#feead2;
}
body
{
	margin:0px;
	padding:0px;
	height:100%;
}
p, img, div, ul, li, input, a, h1, h2, h3, table, tr, th, td, form
{
	margin                : 0px;
	padding               : 0px;
	border                : 0px;
}

#preload
{
	display               : none;
	visibility            : hidden;
}
.clr
{
	clear                 : both;
}
.gras
{
	font-weight:bold;
}
.grasRed
{
	font-weight:bold;
	color:#8c1b1e;	
}
.grasU
{
	font-weight:bold;
	text-decoration:underline;
}
.U
{
	text-decoration:underline;
}

/* /////////////////////////////////////// INDEX //////////////////////////////////// */

#centerIndex
{
	position:absolute;
	top:50%;
	left:50%;
	width:980px;
	height:590px;
	margin-top:-295px;
	margin-left:-490px;
	background-image: url(../images/index/bg-index.jpg);
	background-repeat:no-repeat;
}
a.indexBoutique
{
	color:#8c1b1e;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin-right:100px;
}
a.index
{
	color:#8c1b1e;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
a.index:hover
{
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
a.indexLivret
{
	color:#8c1b1e;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
a.indexLivret:hover
{
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#logoIndex
{
	text-align:center;
	margin-top:30px;
}
#chateau
{
	background-image:url(../images/index/chateau-haut-coteau-propriete.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:182px;
	height:260px;
	float:left;
	margin-left:99px;
	text-align:center;
}
#chateau p
{
	padding-top:230px;
}
#terroirs
{
	background-image:url(../images/index/chateau-haut-coteau-terroirs.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:182px;
	height:260px;
	float:left;
	margin-left:18px;
	text-align:center;
}
#terroirs p
{
	padding-top:230px;
}
#vins
{
	background-image:url(../images/index/chateau-haut-coteau-vins.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:182px;
	height:260px;
	float:left;
	margin-left:18px;
	text-align:center;
}
#vins p
{
	padding-top:230px;
}
#hebergements
{
	background-image:url(../images/index/chateau-haut-coteau-hebergements.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:181px;
	height:260px;
	float:left;
	margin-left:18px;
	text-align:center;
}
#hebergements p
{
	padding-top:230px;
}
/*.contactIndex
{
	width:980px;
	text-align:center;
	margin-top:20px;
	z-index:1;
}*/
.contactIndex
{
	width:980px;
	text-align:left;
	margin-top:40px;
	margin-left:95px;
}
.quadrim
{
	float:right;
	width:980px;
	margin-top:10px;
	margin-bottom:20px;
}
.quadrim img
{
	width:45px;
	height:25px;
	float:right;
	margin-right:60px;
}
.coordonnees
{
	width:980px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-top:30px;
	padding-bottom:20px;
}
.coordonneesIndex
{
	width:980px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	margin-top:-20px;
	float:left;
}
a.mailIndex
{
	color:#8c1b1e;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.mailIndex:hover
{
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#menu1
{
	background-color:#fffded;
	border-bottom:2px solid #d9dadb;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
}
#menu1 ul
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#menu1 li
{
	list-style-type:none;
	list-style:none;
	padding-left:30px;
}
#menu2
{
	background-color:#fffded;
	border-bottom:2px solid #d9dadb;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
	z-index:5;
}
#menu2 ul
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#menu2 li
{
	list-style-type:none;
	list-style:none;
	padding-left:30px;
}
#menu3
{
	background-color:#fffded;
	border-bottom:2px solid #d9dadb;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
	z-index:5;
}
#menu3 ul
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#menu3 li
{
	list-style-type:none;
	list-style:none;
	padding-left:10px;
}
#menu4
{
	background-color:#fffded;
	border-bottom:2px solid #d9dadb;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
}
#menu4 ul
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#menu4 li
{
	list-style-type:none;
	list-style:none;
	padding-left:30px;
}
#menuContact
{
	background-color:#fffded;
	border-bottom:2px solid #d9dadb;
	border-left:2px solid #d9dadb;
	border-right:2px solid #d9dadb;
}
#menuContact ul
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#menuContact li
{
	list-style-type:none;
	list-style:none;
	padding-left:30px;
}

/* /////////////////////////////////////// PAGES CONTENU //////////////////////////////////// */

#centerPages
{
	position:absolute;
	top:50%;
	left:50%;
	width:980px;
	height:590px;
	margin-top:-295px;
	margin-left:-490px;
	background-image: url(../images/pages/bg-pages.jpg);
	background-repeat:no-repeat;
}
#centerPages h1
{
	font-size:18px;
	color:#8c1b1e;	
}
a.boutiquePages
{
	color:#8c1b1e;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin-top:-30px;
	margin-right:100px;
}
a.boutiquePages:hover
{
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
h1 a
{
	text-decoration:none;
	color:#8c1b1e;	
}
h1 a:hover
{
	text-decoration:none;
	color:#000000;	
}
#menuBas
{
	width:980px;
	margin-left:90px;
	font-weight:bold;
	color:#8c1b1e;	
}
#menuBas a
{
	color:#8c1b1e;
	text-decoration:none;
	padding:4px;
}
#menuBas a:hover
{
	color:#000000;
	text-decoration:none;	
}
.over
{
	color:#000000;
	padding:4px;
}
#pageContenuPropriete
{
	height:330px;
	margin-bottom:20px;
	width:785px;
	padding-left:100px;
	overflow-x:hidden;
	overflow-y:auto;
	background-image:url(../images/photos/propriete00.jpg);
	background-repeat:no-repeat;
	background-position:110px;
}

#pageContenuPropriete .left
{
	float:left;
	width:200px;
	margin-left:170px;
	margin-top:20px;
	text-align:left;
}
#pageContenuPropriete .right
{
	float:left;
	width:320px;
	margin-left:40px;
	margin-top:20px;
	text-align:left;
}
.right img
{
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	width:150px;
	height:100px;
}
#pageSaintEstephe
{
	height:330px;
	margin-bottom:20px;
	width:785px;
	padding-left:100px;
	overflow-x:hidden;
	overflow-y:auto;
}
#pageSaintEstephe p
{
	margin-bottom:10px;
}
#pageSaintEstephe .left
{
	float:left;
	width:350px;
	margin-left:10px;
	margin-top:20px;
	text-align:left;
}
#pageSaintEstephe .left img
{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
#pageSaintEstephe .rightSaintEstephe
{
	float:left;
	width:320px;
	margin-left:60px;
	margin-top:20px;
	text-align:left;
}
div.rightSaintEstephe img
{
	padding-right:10px;
	padding-bottom:5px;
	float:left;
	clear:both;
}
#rightSaintEstephe p
{
	width:320px;
	clear:both;
	margin-bottom:10px;
}
#pageContenuTerroirs
{
	height:330px;
	margin-bottom:30px;
	width:785px;
	padding-left:100px;
	overflow-x:hidden;
	overflow-y:auto;
}

#pageContenuTerroirs .left
{
	float:left;
	width:350px;
	margin-left:10px;
	margin-top:20px;
	text-align:left;
}
#pageContenuTerroirs .left2
{
	float:left;
	width:730px;
	margin-left:10px;
	margin-top:20px;
	text-align:left;
}
#pageContenuTerroirs .right
{
	float:left;
	width:320px;
	margin-left:60px;
	margin-top:20px;
	text-align:left;
}
#pageContenuVins
{
	height:330px;
	margin-bottom:20px;
	width:785px;
	padding-left:100px;
	overflow-x:hidden;
	overflow-y:auto;
	background-image:url(../images/photos/propriete00.jpg);
	background-repeat:no-repeat;
	background-position:110px;
}

#pageContenuVins .left
{
	float:left;
	width:200px;
	margin-left:170px;
	margin-top:20px;
	text-align:left;
}
#pageContenuVins .rightVins
{
	float:left;
	width:320px;
	margin-left:40px;
	margin-top:20px;
	text-align:left;
}
.rightVins img
{
	padding-right:6px;
	padding-bottom:10px;
	float:left;
}
#pageContenuVins p
{
	padding-bottom:10px;
}
#pageContenuVins a
{
	font-weight:bold;
	color:#8c1b1e;
	text-decoration:underline;
}
#pageContenuVins a:hover
{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
#pageContenuContact
{
	height:330px;
	margin-bottom:30px;
	width:785px;
	padding-left:100px;
	overflow-x:hidden;
	overflow-y:auto;
}

#pageContenuContact .left
{
	float:left;
	width:200px;
	margin-left:170px;
	margin-top:20px;
	text-align:left;
}
#pageContenuContact .right
{
	float:left;
	width:320px;
	margin-left:40px;
	margin-top:20px;
	text-align:left;
}
#pageContenuContact p
{
	padding-bottom:10px;
}
#pageContenuContact a
{
	color:#8c1b1e;
}
#pageContenuContact a:hover
{
	color:#000000;
	text-decoration:underline;
}
/*/////////////////////// CONTACT ////////////////////////*/

table.contact
{
  color:#8C1B1E;
  line-height:16px;
  width : 550px;
	float:left;
	display:table;
	margin-left:30px;
	margin-top:20px;
}
table.contact a
{
	text-decoration:none;
	color:#8C1B1E;
}
table.contact a:hover
{
	text-decoration:none;
	color:#000000;
}
td.formMiddleLeft
{
	text-align:left;
	padding-left:5px;
	display:table-cell;
	vertical-align:middle;
	height:30px;
	width:160px;
	font-weight:normal;
}
td.formTopLeft
{
	text-align:left;
	padding-left:5px;
	display:table-cell;
	vertical-align:top;
	height:30px;
	width:120px;
	font-weight:normal;
}
td.formMiddleCenter
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
td.retourFormMiddleCenter
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:350px;
}
td.separMiddleCenter
{
	display:table-cell;
	vertical-align:middle;
	text-align:middle;
	width:30px;
}
td.separMiddleTop
{
	display:table-cell;
	vertical-align:top;
	text-align:middle;
	width:30px;
}
td.champLeftMiddle
{
	text-align:left;
}
input.inputLongObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
}
input.inputLongNonObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
}
input.inputMoyenObli
{
	width:150px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
}
input.inputMoyenNonObli
{
	width:150px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
}
input.inputCourtObli
{
	width:60px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
}
input.inputCourtNonObli
{
	width:60px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
}
textarea.LongObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
	overflow:auto;
}
textarea.LongNonObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
	overflow:auto;
}
select.LongObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
}
select.LongNonObli
{
	width:250px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
}
select.courtObli
{
	width:60px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #8C1B1E;
	padding:2px;
	padding-bottom:4px;
}
select.courtNonObli
{
	width:60px;
	color:#0076A3;
	background-color:#f2f2e6;
	border:1px solid #0076A3;
	padding:2px;
	padding-bottom:4px;
}
#centerContact
{
	position:absolute;
	top:50%;
	left:50%;
	width:980px;
	height:590px;
	margin-top:-295px;
	margin-left:-490px;
	background-image: url(../images/pages/bg-contact.jpg);
	background-repeat:no-repeat;
}
#centerContact h1
{
	font-size:18px;
	color:#8c1b1e;	
}

#secure
{
	color:#8C1B1E;
	width:790px;
	text-align:center;
	height:60px;
	float:left;
}
#secure img
{
	padding-right:5px;
}
.prixBoutiquePromo
{
	font-weight:bold;
	color:#F00;
}
