<style type="text/css">
<!--
#entete  { 
}

#menu{
	position : absolute;
}

#compteur{
	text-align: center;
}

#meteo{
	position : absolute;
}

#corps{
	position : absolute;
	left : 170px;
	width : 600px;
	text-align: center;
}

#libellemail{
	position : absolute;
	text-align: right;
	left : 0px;
	width : 220px;
}

#valeurlibellemail{
	position : absolute;
	text-align: left;
	left : 220px;
	width : 380px;
}

body {
	background-color: #F5E9CF;
	font-size:   18px;
	color: #770100;
	font-family: "Monotype Corsiva";
}

h1 {
	line-height: 0px;
}

h2 {
	line-height: 0px;
}

h3 {
	line-height: 0px;
}

.imageGauche{
	float:left;
	margin-right:10px;
}

.imageDroite{
	float:right;
	margin-left:10px;
}

/* Gestion du menu */
ul, li { /* utilisation de liste pour le menu */
	list-style-type: none; /* suppression des puces de liste */
	margin:0; /* marge intérieure */
	padding:0; /* marge extérieure */
}
ul {
	background: transparent url(photos/menu.jpg) top left no-repeat; /* arrière-plan général du menu */
	width: 160px;
	padding-top: 40px;
	text-align: center;
}
li {display: inline;} /* correction pour IE5 et IE5.5 */

li a { /* dimensions et définitions des boutons */
	display: block; /* mise en block de <a> pour lui donner des dimensions */
	color: #660000;
	text-decoration: none;
	line-height: 25px; /* hauteur de ligne pour éviter les paddings */
}
li a:hover {
	color: #fff;
	background: transparent url(photos/menu.jpg) top left no-repeat;
}
a#Accueil:hover { /* décalage de l'arrière-plan pour chaque bouton */
	background-position: 0% -357px;
}
a#concept:hover {
	background-position: 0% -377px;
}
a#chambres:hover {
	background-position: 0% -404px;
}
a#village:hover {
	background-position: 0% -427px;
}
a#activites:hover {
	background-position: 0% -454px;
}
a#tourisme:hover {
	background-position: 0% -477px;
}
a#tarifs:hover {
	background-position: 0% -497px;
}
a#plan:hover {
	background-position: 0% -524px;
}
a#reservation:hover {
	background-position: 0% -551px;
}
a#livreor:hover{
	background-position: 0% -578px;
}

/* Gestion du calendrier */
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}


.jours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.tab_numero {
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border-style:solid; 
	border-width:2px; 
	border-color:#000099;
	border-top:hidden;
}

.tab_cal {
	background:url(calendrier/img/entete.jpg);
	background-repeat:no-repeat;
	border-style:solid; 
	border-width:2px; 
	border-color:#000099;
	border-bottom:hidden;
}

.reserve {
	background-color:Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.semi-reserve {
	background-color:#339966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left:10px;
}
-->
</style>