#body
{
font-family: verdana, arial, sans-serif;
font-size: 1em;
color: navy;
}

#header_0
{
width:80%;
height:125px;
text-align: center;
background-color:#90b6c9;
margin: auto;
}

#contentarea
{
width:80%;
text-align: center;
background-color:#94d2f3;
margin: auto;

}

#navcol

{
width:15%;
background-color:#94d2f3;
float:left;
}

#corps
{
width: 64%;
background-color:#dbf3ff;
padding: 20px;
min-height:520px;
height: auto !important;
height: 520px; 
float:left;
}


#droite
{
width: 15%;
background-color:#94d2f3;
float:left;
}

#footer
{
width:100%;
background-color:#90b6c9;
margin: auto;
padding-top: 10px;
padding-bottom:5px;
height:20px;
font-weight: bold;
font-size:0.8em;
color:navy;
text-align:center;
}

.clearfloats
{
clear:both;
}

h4, h5, h6
{text-align:center;}
p
{font-size:0.75em;
text-align:justify;}
a.bouton 
{
color: white;
background-color: #000080;
text-decoration: none;
font-size:0.5em;
font-weight: bold;
text-align: center;
padding: 5px;
}
a.bouton2
{
color: fuchsia;
background-color: #f5f20f;
text-decoration: none;
font-size:0.5em;
font-weight: bold;
text-align: center;
padding: 5px;
}


a.bouton:hover
{background-color:#6495ED;
}
#inscription
{
margin-bottom:20px}

ul.liste, .liste li, .liste a 
{padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */

.liste {
font-size:0.6em ; 
font-weight:bold ;
list-style-type:none} /* suppression des boutons CSS devant les items de la liste */

.liste li a {border-left:1.5em solid #000080 ; /* crée un gros carré bleu à gauche des liens non survolés */
background-color: #7da3fa;
display:block; /* force le lien à prendre 100% de la largeur de la liste */
padding-left:0.5em ; /* insère un espace entre le texte du lien et le gros carré gris */
padding-top:0.75px;
margin-top:30px;
color:navy ; /* la police des liens non survolés est navy */
text-decoration:none ; /* on suprime le soulignement des liens */
height:2em} /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */

.liste li a:hover { /* style des liens lors du survol */
background-color:black ; /* le fond du lien passe au noir */
color:white ; /* le texte passe au blanc */
border-left-color:red} /* crée un gros carré rouge à gauche des liens survolés */