html {height: 100%; }
body {
	background:#eae2c8;
	margin: 0; 
	text-align:center;
}
img {
	border:0;
}
/* GABARIT PRINCIPAL */

/*menu langues drapeaux*/
	#menu-langues {
		display:block;
		position:absolute;
		left:50px;
		top:20px;
		width:260px;
		height:24px;
		text-align:left;
		z-index:10;
	}


/*contact-coin français*/
	#contact-coin-fr {
		display:block;
		position:absolute;
		right:0;
		top:0px;
		width:160px;
		height:120px;
		z-index:10;
	}
	#contact-coin-fr a {
		background:transparent url(/images/contact-coin.png) 0px -8px no-repeat;
		display:block;
		width:160px;
		height:120px;
		z-index:11;
	}
	#contact-coin-fr a:hover {
		background:transparent url(/images/contact-coin-hover.png) 0px -8px no-repeat;
	}
/*contact-coin allemand*/
	#contact-coin-de {
		display:block;
		position:absolute;
		right:0;
		top:0px;
		width:160px;
		height:120px;
		z-index:10;
	}
	#contact-coin-de a {
		background:transparent url(/images/contact-coin-de.png) 0px -8px no-repeat;
		display:block;
		width:160px;
		height:120px;
		z-index:11;
	}
	#contact-coin-de a:hover {
		background:transparent url(/images/contact-coin-de-hover.png) 0px -8px no-repeat;
	}
/*contact-coin anglais*/
	#contact-coin-en {
		display:block;
		position:absolute;
		right:0;
		top:0px;
		width:160px;
		height:120px;
		z-index:10;
	}
	#contact-coin-en a {
		background:transparent url(/images/contact-coin-en.png) 0px -8px no-repeat;
		display:block;
		width:160px;
		height:120px;
		z-index:11;
	}
	#contact-coin-en a:hover {
		background:transparent url(/images/contact-coin-en-hover.png) 0px -8px no-repeat;
	}


#cadre-g {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
/*	border:1px solid red;*/
	width:928px;
	height:794px;
/*	background:#fff;*/
	text-align:left;
}
#logo {
	position:absolute;
	top:0;
	left:327px;
	display:block;
	width:281px;
	height:141px;
	background:url(/images/logo-chateau-dutruch.gif);
	z-index:1;
}
#logo a {
	display:block;
	width:281px;
	height:141px;
}
#menu-haut {
	position:absolute;
	top:110px;
	left:0;
	display:block;
	width:929px;
	height:31px;
	z-index:0;
	background:url(/images/menu-onglet-back.jpg) repeat-x;
}
	#menu-haut ul {
		list-style:none;
/*		border:1px solid red;*/
		display:block;
		height:31px;
		margin:0;
		padding:0;
	}
	#menu-haut li {
		list-style:none;
		display:inline;
	}
	#menu-haut ul li a {
		text-decoration:none;
		font:normal 18px/30px "Times New Roman", Palatino, Times, serif;
		color:#cdc19c;
		float:left;
		display:block;
		width:108px;
		height:31px;
		background:url(/images/menu-onglet-back.jpg) no-repeat;
		text-align:center;
	}
	#menu-haut ul li a:hover {
		background:url(/images/menu-onglet-hover.jpg) no-repeat;
		color:#eae2c8;
	}
	#menu-haut ul li.menu_actif a {
		text-decoration:none;
		font:normal 18px/30px "Times New Roman", Palatino, Times, serif;
		float:left;
		display:block;
		width:108px;
		height:31px;
		text-align:center;
		background:url(/images/menu-onglet-hover.jpg) no-repeat;
		color:#faf2c8;
	}
	
#frise-haut {
	position:absolute;
	top:141px;
	left:-1px;
	display:block;
	width:930px;
	height:51px;
	z-index: 2;
	background:url(/images/frise-haut.jpg) no-repeat;
}
#frise-bas {
	position:absolute;
	top:605px;
	left:-1px;
	display:block;
	width:930px;
	height:50px;
	z-index: 2;
	background:url(/images/frise-bas.jpg) no-repeat;
}
#main {
	position:absolute;
	top:142px;
	left:1px;
	display:block;
	width:926px;
	height:512px;
	z-index:0;
	background:#fff;
	border-left:1px solid #3a3035;
	border-right:1px solid #3a3035;
	background:url(/images/main-background.jpg) no-repeat 0 40px;
/*	background:url(/images/main-background.jpg) repeat-x 0 40px;*/
}
	
	
	/* bloc texte gauche */
	#bloc-texte-gauche {
		position:absolute;
		top: 106px;
		left:35px;
		display:block;
		width:562px;
		background:transparent;
	}
		#bloc-texte-gauche p {
			text-align:justify;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}
		#bloc-texte-gauche a {
			text-decoration:none;
			color:#cdc19c;
		}
		#bloc-texte-gauche ul {
			padding:10px;
		}
		#bloc-texte-gauche li {
			list-style:none;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}
	/* bloc texte droite */
	#bloc-texte-droite {
		position:absolute;
		top: 106px;
		right:35px;
		display:block;
		width:562px;
		background:transparent;
	}
		#bloc-texte-droite p {
			text-align:justify;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}
		#bloc-texte-droite ul {
			padding:10px;
		}
		#bloc-texte-droite li {
			list-style:none;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}

	/* bloc texte centre */
	#bloc-texte-centre {
		position:absolute;
		top: 106px;
		left:324px;   /* 289px left + 35px marge */
		display:block;
		width:273px;
		height:416px;
		background:transparent;
	}
		#bloc-texte-centre p {
			text-align:justify;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}
		#bloc-texte-centre ul {
			padding:10px;
		}
		#bloc-texte-centre li {
			list-style:none;
			font:normal 18px/22px "Times New Roman", Palatino, Times, serif;
			color:#cdc19c;
			font-style: italic;
			font-weight: lighter;
		}

	/* image bloc de droite */
		#bloc-image-droite{
			position:absolute;
			top: 47px;
			right:0;
			display:block;
			width:289px;
			height:416px;
			text-align:center;
			z-index:0;
		}
		/* caption légende sur image */
		#bloc-image-droite table {
/*			display:block;*/
			clear:both;
			position:relative;
			top:-20px;
			background:#392817;
		    filter : alpha(opacity=80); 
		    -moz-opacity : 0.8; 
		    opacity : 0.8; 
			color:#fff;
			font:normal 10px Arial;
			padding:0 5px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			z-index:4;
		}
	/* image bloc de gauche */
		#bloc-image-gauche{
			position:absolute;
			top: 47px;
			left:0;
			display:block;
			width:289px;
			height:416px;
			z-index:0;
		}
		/* caption légende sur image */
		#bloc-image-gauche p {
			
		}
	/* image bloc centré */
		#bloc-image-centre{
			position:absolute;
			top: 47px;
			left:350px;
			display:block;
			width:289px;
			height:416px;
			z-index:0;
		}
		/* caption légende sur image */
		#bloc-image-gauche p {

		}

/*	#bloc-droite-presentation-ph2 img{
		position:absolute;
		top: 47px;
		right:0;
		display:block;
		width:289px;
		height:416px;
		z-index:3;
	}
*/
	#bouton-up-left {
		position:absolute;
		top:60px;
		left:25px;
		z-index:3;
	}
	#bouton-down-left {
		position:absolute;
		top:420px;
		left:25px;
		z-index:3;
	}
	#bouton-up-centre {
		position:absolute;
		top:60px;
		left:445px;
		z-index:3;
	}
	#bouton-down-centre {
		position:absolute;
		top:420px;
		left:445px;
		z-index:3;
	}
	#bouton-up-right {
		position:absolute;
		top:60px;
		right:25px;
		z-index:3;
	}
	#bouton-down-right {
		position:absolute;
		top:420px;
		right:25px;
		z-index:3;
	}
	
	
	#ficheTechnique {
		position:absolute;
		top:280px;
		left:450px;
		width:130px;
		text-align:center;
		z-index:3;
	}
	#ficheTechnique img {
		margin-bottom:8px;
	}
	#ficheTechnique a {
		font:bold 12px Arial;
		color:#cdc19c;
	}

	/* commentaires vins presse */
	.millesimes a {
		font:normal 22px/24px "Times New Roman", Palatino, Times, serif;
		color:#cdc19c;
		font-style: italic;
		font-weight: lighter;
		text-decoration:none;
		margin-bottom:15px;
		-margin-bottom:-8px;
		display:block;
	}
	.millesime-commentaire {
		display:none;
	}
	
	/* commentaires vins presse fancybox*/
	/* cf jquery.fancybox.css dans répertoire /scripts */

/* NEWS ACTUALITES */
.listing-news h1 {
	font:bold 20px/20px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
}
.listing-news p {
	font:normal 18px/20px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
}
.listing-news em {
	font:normal 14px/16px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
}


#adresse {
	position:absolute;
	top:653px;
	left:323px;
	display:block;
	width:281px;
	height:161px;
	border:1px solid #928872;
	z-index:1;
	text-align:center;
	color:#928872;
	font:normal 13px Arial;
	padding-top:12px;
	line-height:18px;
	background:#fff;
}
#adresse a {
	color:#928872;
	text-decoration:none;
}
#mentions {
	position:absolute;
	top: 830px;
	display:block;
	width:926px;
/*	height:512px;*/
	color:#928872;
	font:normal 12px Arial;
	text-align:center;
}
.hebergement {
	font:normal 10px Arial;
}

/* PAGE CONTACT */
	/* bloc texte haut */
	#bloc-texte-haut {
		position:absolute;
		top: 70px;
		left:35px;
		display:block;
		width:562px;
		background:transparent;
		text-align:justify;
		font:italic 18px/22px "times new roman", palatino, times, serif;
		color:#cdc19c;
	}

/* ################################################################### */
/*                         FORMULAIRES CONTACT                         */
/* ################################################################### */



.contact_form p {
	margin:4px 0 1px 0;
	padding:0;
	display:block;
/*	clear:both;*/
/* 	border:1px solid red;*/
}
.contact_form label {
	background-color: transparent;
	display: inline-block;
	width: 100px;
	float: left;
	margin-top:2px;
	padding:3px 1% 3px 0;
	text-align: right;
	letter-spacing: 1px;
	font-size:10px;
	font-weight:bold;
	font:normal 14px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
}
.contact_form label:hover {
	color:#ec7602;
}
.contact_form input, .contact_form select,.contact_form textarea
{
	margin-left: 1%;
	width: 240px;
	border: #fff 1px solid;
	font: bold 14px/14px "Times New Roman", Palatino, Times, serif;
	color:#452f1c;
}
.contact_form textarea {
	padding:3px;
}

.contact_form input:focus, .contact_form select:focus, .contact_form textarea:focus
{
	border: #fff 1px solid;
	color:#fff;
	background-color: #ec7602;
	font-weight:bold;
	font-style:italic;
}

/* ################################################################### */
/*                          WSLIDE  ACTUALITES                         */
/* ################################################################### */
#actu-wrapper {
	background:transparent;
	position:absolute;
	top:50px;
	width:926px;
	height:412px;
	display:block;
/*	border:1px solid green;*/
}
#actu-wslide-menu-wrap {
	float:left;
	margin-left:0;
/*	border:1px solid green;*/
}
#actu-wslide-menu {
	position:relative;
	width:250px;
}
#actu-wslide-menu a.display-none {
	width:0;
	height:0;
	border:0;
	display:none;
}
#actu-wslide-menu a{
	display:block;
	width:250px;
	height:85px;
/*	font:normal 24px/40px Arial;*/
/*	background:#222;*/
	color:#cdc19c;
	text-decoration:none;
	border-bottom:1px solid #555;
}
#actu-wslide-menu a:hover{
/*	background:#333 url(images/arrow_left_green.png) 236px center no-repeat;*/
	background:#2f2015;
}
#actu-wslide-menu a h1 {
	font: italic 18px "Times New Roman", Palatino, Times, serif;
	padding:5px 0 0 5px;
	margin:0;
	color:#cdc19c;
	text-transform: none;
	display:inline;
	float:left;
	text-align:left;
}
#actu-wslide-menu a h2 {
	font: italic 14px "Times New Roman", Palatino, Times, serif;
	padding:5px 0 0 5px;
	margin:0;
	color:#cdc19c;
	text-transform: none;
	display:inline;
	text-align:justify;
	float:left;
}
#actu-wslide-menu a em {
	font: italic 10px "Times New Roman", Palatino, Times, serif;
	padding:5px 5px 0 5px;
	margin:0;
	color:#cdc19c;
	text-transform: none;
	display:inline;
	float:right;
}
#actu-wslide-menu a.wactive{
/*	font-weight: bold;*/
/*	background:#372616 url(images/arrow_left_blue.png) 236px center no-repeat;*/
	background:#372616;
	color:#fff;
}
#actu-wslide-wrap {
	float:left;
	border:0;
	z-index:0;
	display:block;
	background:transparent;
}
#actu-wslide {
	font:normal 14px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
}
#actu-wslide ul {
}
#actu-wslide li {
	background:transparent;
}
.bloc-news-texte {
	font: normal 16px "Times New Roman", Palatino, Times, serif;
	font-style:italic;
	color:#cdc19c;
	text-align:justify;
	display:block;
	position:absolute;
	top:0;
	width:355px;
	height:417px;
	padding:0 15px;
/*	border:1px solid #ccc;*/
}
.bloc-news-texte h1{
	font: normal 24px "Times New Roman", Palatino, Times, serif;
	color:#cdc19c;
	text-align:left;
	margin-top:5px;
}
.bloc-news-texte em {
	position:absolute;
	bottom:0;
	right:20px;
	font-size:10px;
	font-style:italic;
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}
.bloc-news-images {
	display:block;
	float:right;
	right:0;
	width:289px;
}
.bloc-ombre {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:289px;
	height:417px;
	background:transparent url(/images/photo-ombre.png) no-repeat;
	z-index:9;
}