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/news_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;
}

#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: 1em;
   font-family: Arial, "Trebuchet MS", serif;
   text-align: right;
   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 */   
}

#paragraphe a
{
   color: white;
   text-decoration: none;
   font-size: 3em;
   font-family: "Arial Black", Arial, "Trebuchet MS", serif;
   margin-left: 50px;
}
#paragraphe a:hover /* Quand on pointe sur un lien */
{
   color: red;
   text-decoration: none;
}
#paragraphe a:active, #paragraphe a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}

#paragraphe_2 a
{
   color: white;
   text-decoration: none;
   font-size: 1.7em;
   font-family: "Arial Black", Arial, "Trebuchet MS", serif;
   margin-left: 50px;
}
#paragraphe_2 a:hover /* Quand on pointe sur un lien */
{
   color: red;
   text-decoration: none;
}
#paragraphe_2 a:active, #paragraphe_2 a:focus /* Appliquer le même style aux liens actifs et focus (lien sélectionné) */
{
   color: fuchsia;
   text-decoration: none;
}