body {
     margin: 0; /* pour éviter les marges */
	 padding: 0;
	 font: 70% verdana, arial, sans-serif;
	 text-align: center; /* pour corriger le bug de centrage IE */
     }
.titre{
font-family:Arial, Helvetica, sans-serif;
color:#FCFDB4;
text-shadow:4px,4px,4px,blue;
font-size:8pt;
text-align:justify;
padding: 10 10 10 10;
margin: 0 0 -8px 0;
}

#pagecentree {
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	height: 588px;
	position:absolute;
	margin-top: -294px;
	margin-left: -394px;
	border: 1px solid #000;
	z-index: 10;
	left: 50%;
	top: 50%;
	background-image: url(Images/fond.jpg);
	background-repeat: no-repeat ;
}

#container {
	position:relative;
	/*border: 1px solid #FFF;*/
}

#anim {
	position:relative;
	/*border: 1px solid #000;*/
	z-index: 1;
}

#animbandeau {
	position:relative;
	
}



#date {
text-align: center;
color: #000;
}

#phare {
	position: absolute;
	top: 30px;
	left: 7px;
	z-index:2;
}	
#bandeau {
	position: absolute;
	top: 32px;
	left: 150px;
	z-index:2;
}

/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menu {
	position: absolute;
	top: 179px;
	left: 210px;
	z-index:400;
	width: 583px;
	height: 123px;


}
#menu dl {
float: left;
width: 10em;
margin: 0 1px;

}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color: #0072B6;
background: #FFBD6C;
border: 1px solid white;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
font: verdana, arial, sans-serif;
text-align: center;
background: #FFBD6C;
border: 1px solid #0172b6;
height: 14px;
}
#menu li a {
color: #0072B6;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
color: #0072B6;
text-decoration: none;
height: 100%;
border: 0 none;
}
#menu li a:hover {
color: white;
background: #0172b6;
}
#menu dt a:hover {
color: white;
}

.jours {
text-align:center;
font-size:8pt;
color : #ffb663;

}

.mois {
width:130px;
height:8px;
font-size:7pt;
text-align:left;
background: #ffb663;
border-left:0px solid #0006F1;
border-right:0px solid #0006F1;
border-top:0px solid #0006F1;
border-bottom:0px solid #0006F1;
}

.libre {
text-align:center;
font-size:7pt;
height:8px;
background: #8DFBCE;
text-decoration: none;
}

.occupe {
color: white;
text-align:center;
font-size:7pt;
height:8px;
background: #ff5050;
}

.pasdebordure {
background: #ffce96;
font-size:7pt;
color: #ffb663;
height:8px;
border-left:0px solid #0006F1;
border-right:0px solid #0006F1;
border-top:0px solid #0006F1;
border-bottom:0px solid #0006F1;
}

a:link {
text-decoration: none;
color: blue;
}

a:visited {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: none;
color: blue;
}

.resa {
line-height:18px;
background:#0172b6;
font-family:"trebuchet ms",sans-serif;
font-size:11px;
color:#ffb663;
width:560px;
}

.formul {
line-height:18px;
background:#0172b6;
font-family:"trebuchet ms",sans-serif;
font-size:11px;
color:#ffb663;
width:120px;
}

.input { 
color:#0000CC;
font-size:9px;
background-color:#ffb663;
border:1px solid white;
 }

input.bouton {
text-align:center;
border:2px outset #ffb663;
color:#0172b6;
cursor:pointer;
}
input.bouton:hover {
background-color:white;
color:#ffb663;
}
input.bouton:active {
border:2px inset #ffb663;
background-color:#ffb663;
color:white;
} 

.couleurliens {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: blink;
	background-color: #FFFF00;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center center;
	border: medium outset #FF0000;
}

.tarif1 {
text-align:center;
font-size:7pt;
height:8px;
background: #33CCFF;
text-decoration: none;
}

.tarif2 {
text-align:center;
font-size:7pt;
height:8px;
background: #33FF99;
text-decoration: none;
}

.tarif3 {
text-align:center;
font-size:7pt;
height:8px;
background: #FF9900;
text-decoration: none;
}

.tarif4 {
text-align:center;
font-size:7pt;
height:8px;
background: #FF8080;
text-decoration: none;
}


.Formulaire {float: left; width: 100%; margin: 5px 0 10px 0;}
.Ligne {float: left; width: 100%; padding: 2px 0 1px 0;}
.Commentaire {float: left; width: 100%; padding: 0 0 3px 0; font-size: 10px;}
.Libelle {float: left; width: 51%; text-align: left;padding: 0 0 0 15px;}
.Saisie {float: right; width: 45%; text-align: left;}

.Libelle2 {float: left; width: 30%; text-align: left;padding: 0 0 0 15px;}
.Saisie2 {float: right; width: 65%; text-align: left;}

.Libelle, .Libelle2 {color: #338CC3; font-weight: bold;}

#ContenuPrincipal {
	float: left;
	position: relative;
	width: 550px;
	height: 300px;
	margin-left: 230px;
	margin-top: 210px;
	/*border:1px solid #000;*/		
}