body {
	margin:0;
	padding:0;
	background:url(../img/body_bg.jpg) top center no-repeat #dbbd8b; 
	color:#800000;
	text-align:center;
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, arial, tahoma;
}

.header-contener {
	position: relative;
	height:307px;
	text-align: center;
	width:782px; 
	margin:0 auto;
}

.header {
	text-align:center;
	height:307px;
	z-index: 9;
	width: 782px;
	background:url(../img/banniere.jpg) center top no-repeat;
}

.titrepage {
	position: absolute;
	top:190px;
	left:250px;
	height:50px;
	width: 482px;
	background:#fff;
	text-align: center;
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}

.titrepage span {
	color: #800000;
	font-weight:bold;
	font-size: 150%;
	line-height: 50px;
	text-align: center;
    filter : alpha(opacity=100);
    -moz-opacity : 1.0;
    opacity :1.0;
}

.menuhaut {
	position: absolute;
	top: 257px;
	left:0px;
	height:50px;
	width:782px;
	background: transparent;
	text-align: left;
}

.menuhaut ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: left;
}

.menuhaut ul li {
	margin:0;
	padding:0;
	float:left;
}

.menuhaut ul li a {
	display: block;
	text-decoration: none;
}

li.accueil a {
	background: url(../img/accueil.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:200px;
}

li.accueil a:hover, li.accueilh {
	background: url(../img/accueil.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:200px;
}

li.fournil a {
	background: url(../img/fournil.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.fournil a:hover, li.fournilh {
	background: url(../img/fournil.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.grange a {
	background: url(../img/grange.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.grange a:hover, li.grangeh {
	background: url(../img/grange.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.maison a {
	background: url(../img/maisonnette.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.maison a:hover, li.maisonh {
	background: url(../img/maisonnette.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.sejours a {
	background: url(../img/sejoursban.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:291px;
}

li.sejours a:hover, li.sejoursh {
	background: url(../img/sejoursban.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:291px;
}

li.tarifsejours a {
	background: url(../img/tarifsejours.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:291px;
}

li.tarifsejours a:hover, li.tarifsejoursh {
	background: url(../img/tarifsejours.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:291px;
}

li.circuit1 a {
	background: url(../img/circuit1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.circuit1 a:hover, li.circuit1h {
	background: url(../img/circuit1.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.circuit2 a {
	background: url(../img/circuit2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.circuit2 a:hover, li.circuit2h {
	background: url(../img/circuit2.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.circuit3 a {
	background: url(../img/circuit3.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.circuit3 a:hover, li.circuit3h {
	background: url(../img/circuit3.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.balade1 a {
	background: url(../img/balade1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.balade1 a:hover, li.balade1h {
	background: url(../img/balade1.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.balade2 a {
	background: url(../img/balade2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.balade2 a:hover, li.balade2h {
	background: url(../img/balade2.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.balade3 a {
	background: url(../img/balade3.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	height:50px;
	width:194px;
}

li.balade3 a:hover, li.balade3h {
	background: url(../img/balade3.jpg) no-repeat 0 -50px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:194px;
}

li.partenaires {
	background: url(../img/partenairesban.jpg) no-repeat 0 0 ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:582px;
}

li.vinocave {
	background: url(../img/vinocaveban.jpg) no-repeat 0 0 ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:582px;
}

li.acces {
	background: url(../img/accesban.jpg) no-repeat 0 0 ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	height:50px;
	width:582px;
}

.main {
	padding:0;
	background: url(../img/bgcontener.jpg) center bottom;
	width:782px; 
	margin:0 auto;
}

.contener {
	padding: 10px 20px 10px 20px;
	text-align: justify;
	margin-left: 200px;
	min-height:300px;
}

ul.tastepuce li {
	list-style: url(../img/tastepuce.gif) inside;
}

ul.feuillepuce li {
	list-style: url(../img/feuillepuce.gif) inside;
}


.footer-contener {
	padding:0;
	text-align: center;
	background: url(../img/footer.jpg) center top no-repeat;
	width: 782px;
	margin:0 auto;
}

.footer {
	padding-top:1px;
	color:#3f3f3f;
	text-align: center;
	width: 782px;
	height:153px;
	margin:0 auto;
}

img, img a {
	border: none;
}
	
p, blockquote {
	text-indent:25px;
}

.spacer {
	clear: both;
}

h3 {
	text-align: left;
}

a {
	color: #8c8c00;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #008c8c;
	text-decoration: none;
	font-weight:bold;
}

table {
	border: none; 
}

td {
	border: dashed 1px #800000;	
	color:#800000;
	text-align:center;
	font-size:12px;
	font-family: Verdana, arial, tahoma;
}

th {
	border: dashed 1px #800000;	
	background: #dbbd8b;
	color:#800000;
	text-align:center;
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, arial, tahoma;
}

.marron {
	color:#800000;
}