body {
margin: 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: 11px; /* on définit la taille de police de base dans la page */
color: #005291;
}

.logo {
float: left; /* alignement du logo à droite */
margin-right: 10px;
margin-left: 24px;  /* placement du logo dans son conteneur, head1 */
margin-top: 30px;
border: 0;
}

.head1 {
margin-top: 2;
width: 770px;
height: 80px;
}

.head2 {
/*background-image:  url("images/coin.jpg");*/
margin-left: 220px;
width: 800px;
height: 20px;
} 

h1 {
font-size: 11px;
text-align: left;
}

h2	{  /*header pour titre "dans un cadre...." */
font-size: 11px;
text-align: left;
color: #cbd300;
}

.gauche {
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
/*background-image: url('images/coin.jpg');*/
width: 250px;
height: 337px;
}

.centre {
margin-top: 40px;
margin-left: 220px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 520px;
}

.menu { /* on définit un conteneur pour le menu */
margin-top: 70px;
margin-left: 20px;
width: 200px;
border: 0px; 
font-family: verdana, arial;
font-size: 11px;
text-align: left;
color: #cbd300;
}


ul {
list-style-type: none; /* pour ne pas avoir de puces */
color: #cbd300;
margin: 0;
padding:0;
width: 300px;
line-height: 13px; /* interligne */
background-color: #FFF;
}

li {
text-decoration: underline;
margin: 0;
padding:0;
line-height: 13px; /* interligne */
}

.blabla{ /* on définit un conteneur pour le menu */
margin-top: 70px;
margin-left: 20px;
width: 185px;
border: 0px; 
font-family: verdana, arial;
font-size: 11px;
text-align: left;
color: #005291;
}

u2 {
list-style-type: none; /* pour ne pas avoir de puces */
text-decoration: none;
color: #005291;
margin: 0;
padding:0;
line-height: 13px; /* interligne */
background-color: #FFF;
}

bla {
text-decoration: underline;
margin: 0;
padding:0;
line-height: 13px; /* interligne */
}