body {
margin: 0px 0;/* sans marges, la page sera collée aux bords */

font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}

.head1 {
background-image: url('../images/modifimg/head1.jpg');
width: 770px;
height: 91px;
}

.head2 {
background-image: url('../images/modifimg/head2.gif');
width: 770px;
height: 36px;
} 

.logo {
float: right; /* alignement du logo à droite */
margin-right: 10px;  /* placement du logo dans son conteneur, head1 */
margin-top: 3px;
border: 0;
}
.gauche {
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url(../images/modifimg/menur.jpg);
width: 181px;
height: auto;
}
.droite {
	position: absolute;
	right:0;
	background-image: url(../images/modifimg/menud.jpg);
	width: 181px;
	height: 1557px;
	left: 835px;
	top: 127px;
} 

.centre {
margin-left: 181px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-right: 181px;
width: 750px;
font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
}

.hautpage {
width: 586px;
font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
background-image: url(../images/modifimg/head2.gif);
text-align: right;
color : #3333CC;
}

ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 30px; /* interligne */
list-style-image:  url("../images/modifimg/puce1.gif");
}
h1 {
font-size: 160%;
text-align: left;
color : #CC0033;
font-weight: bold;
}

h2	{
font-size: 120%;
text-align: left;
color : #3333CC;
}
.menuhaut {
float: right; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 10px;
}

.menuhaut a {
font-size: 14px;font-weight: bold;color: #060C6F;
text-decoration: underline; /* pour éviter le soulignement au survol */margin-left: 20px; /* espacement entre chaque sous-menu */}

p#footer
{
	margin: 0 ;
	padding-bottom: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #CC0033 ;
	font-weight: bold;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 30px ;
	color: #000000 ;
	text-indent: 10px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(../images/modifimg/menuimages.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #3399CC ;
}

ul#menu li a:hover
{
	background: url(../images/modifimg/menuimages.jpg) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #99CCFF ;
}


.flottante1 {
margin: 2px;
float: left;
width: 230px;
height: 100px ;
text-align: left;
}

.flottante2 {
margin: 2px;
float: left;
width: 200px;
height: 50px ;
text-align: left;
}
.flottante3 {
margin: 2px;
float: right;
width: 200px;
height: 30px ;
text-align: left;
}
.flottante4 {
margin: 2px;
float: left;
width: 290px;
height: 30px ;
text-align: left;
}
.flottante5 {
margin: 1px;
float: center;
width: 151px;
height: 30px ;
text-align: left;
}
.flottante6 {
margin: 1px;
float: left;
width: 400px;
height: 30px ;
text-align: left;
}
.carre {
margin: 2px;
float: left;
width: 320px;
height: 350px ;
text-align: justify;
}
.carre1 {
margin: 2px;
float: left;
width: 400px;
height: 150px ;
text-align: justify;
}
.carre2 {
margin: 2px;
float: left;
width: 250px;
height: 150px ;
text-align: justify;
}
.conteneur {
width: 100%;
}
.spacer {
clear: both;
}
/**************Formulaire****************/
input, textarea
{
   font-family: Arial, Helvetica, sans-serif; 
}
label
{
   color:#001553; 
   font-size:9px;
}

legend 
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #3399CC;
   font-weight: bold;
   text-align:center;
}

fieldset
{
   margin-bottom: 10px; 
   background-color: #D9ECFF;
 }
/************Calendrier*****************/
.ds_box {
	background-color: #D9ECFF;
	border: 1px solid #3399CC;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #D9ECFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 25px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}