body
{
   width: 776px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
   background-color:#5dc5fe;
   background-image: url(images/fond1.gif); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-repeat: repeat-x;
}
#en_tete
{
   width: 776px;
   height: 132px;
   background-image: url(images/banniere.gif);
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 216px; /* Très important : donner une taille au menu */
}
#menu table {
margin:0px;
}
#corps_haut
{
   margin-left: 226px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   background-image: url(images/pic_top.gif);
   color:#FFFFFF;
   padding:5px;
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
}
#corps
{
   margin-left: 226px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   background: #ffffff; 
   padding-left:20px;
   padding-right:10px;
}
#corps_bas
{
   margin-left: 226px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   background-image: url(images/pic_bottom.gif);
   color:#FFFFFF;
   padding:5px;
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
}
#pied_de_page
{
  margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
  text-align:center;
  margin-top:5px;
  color: #B3B3B3;
}
img {
border:none;
}
.texte { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#515151; line-height:14px;}
.texte_rouge { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #FF0000; line-height:14px;}
.texte_vert { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #00CC33; line-height:20px;}
.texte_bleu { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: ##00CC33; line-height:20px;}
.texte_blanc { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:14px;}
.contour {
border:1px solid #003399;
padding:2px;
}
/* footer */
.mn_active {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #ffffff;
background:#28527a;
line-height:16px;
padding:2px;
}

/* en tête */
.drapeau {
margin-left:0px;
margin-top:87px;
}
.logo {
margin-left:1px;
margin-top:0,5px;
}
.welcome {
margin-left:10px;
margin-top:82px;
}
/* fin en tête */
.imgaflottante {
float:left;
margin:10px;
margin-top:0px;
margin-bottom:3px;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#0000CC;
text-decoration:none;
line-height:16px;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #00CC33;
text-decoration:underline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #0000CC;
}

h3 {
font-family:Arial, "Arial Black" , Helvetica, sans-serif;
font-size:16px;
color:#8e8d8c;
padding:10px;
background-color:#04235a;
}
