body
{
   font-family: "Arial Black", Arial, "Trebuchet MS", serif; /* Police par défaut pour la page */
   text-align: justify;
   width: 987px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter éventuellement de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color: black;
   color: white; /* Toutes les balises contenues dans body verront, par défaut, leur texte coloré en blanc... */
}
a
{
outline: none;
}
a
{
   color: white; /* Les liens seront blancs */
   text-decoration: none;
}

a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}
a:active, a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}




#header
{
   width: 987px;
   height: 208px;
   background-image: url("images_site/agenda_accueil_header.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}



#menu
{
   font-size: 1.2em;
   font-family: "Arial Black", Arial, "Trebuchet MS", serif;
   text-align: justify;
   float: right; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   margin-bottom: 2px;
   
   color: white;
   text-align: right;
}


.element_menu_2
{
font-size: 0.7em;
}


#menu a
{
   color: white; /* Les liens seront blancs */
   text-decoration: none;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
   text-decoration: none;
}
#menu a:active, #menu a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}


#body
{
   font-size: 0.8em;
   font-family: Arial, "Trebuchet MS", serif;
   text-align: justify;
   margin-right: 123px; /* Une marge à droite pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-left: 28px;
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter éventuellement que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: white;
   background-color: black; /* Une couleur de fond pour le corps */   
}

#bk
{
 margin-left: 262px; /* Une marge à gauche... */
}

#texte_gras
{
   font-size: 0.9em;
   font-family: Arial, "Trebuchet MS", serif;
   text-align: justify;
   margin-right: 69px; /* Une marge à droite pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-left: 69px;
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0px; /* Pour éviter éventuellement que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: rgb(0, 255, 255);
   background-color: black; /* Une couleur de fond pour le corps */   
}