body {
margin: 0;/* sans marges, la page sera colle'e aux bords */
font-family: verdana, arial, sans-serif; /* on de'finit la police de base dans la page */
font-size: 12px; /* on de'finit la taille de police de base dans la page */
height: 100%;
background-color: rgb(204, 204, 255);
}


.conteneur { /*le conteneur global du site */
width: 100%;
height: 100%;
}

.head1 {
background-image: url('fond.jpg');
/* height: 91px;*/
height: 10%;
}

.head2 {
background-image: url('fond.jpg');
/*height: 36px;*/
height: 5%;
} 

.logo {
float: left; /* alignement du logo a` gauche*/
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 a` gauche en position absolue */
width: 181px;
height: 85%;
}

.centre {
margin-left: 175px; /* on place le bloc centre par rapport a` la largeur du bloc gauche */
margin-right: 0px; /* on place le bloc centre par rapport a` la largeur du bloc gauche */
/* height: 337px;*/
height: 85%;
/*background-color: #A0C0E0;*/
background-color: rgb(204, 204, 255);
}

.menu { /* on de'finit un conteneur pour le menu */
width: 166px;
background-image: url('fond.jpg');
height: 100%;
}

.menutitre {
height: 5%;
font-family: verdana, arial, sans-serif;
font-size: 120%;
font-weight: bold;
color: white;
/*padding-top: 2px; /* pour e'viter que le titre soit colle' en haut du bandeau-titre */
text-align: center;
}

.menubloc {
margin-left: 10px;
width: 138px;
border: 1px solid #060C6F;
border-top: 0;
border-bottom: 0;
background-color: rgb(204, 204, 255);
/*background-color: #B7D3F0;*/
font-family: verdana, arial, sans-serif;
font-size: 110%;
text-align: center;
}

.menufooter {
background-image: url('fond.jpg');
height: 5%;
}

h1 {
font-size: 140%;
text-align: center;
}


h2	{
font-size: 100%;
text-align: center;
}

ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 30px; /* interligne */
}

.menuhaut {
float: right; /* on aligne le menu vertical a` droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 10px;
}

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