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 */
   color: white; /* Toutes les balises contenues dans body verront, par défaut, leur texte coloré en blanc... */
   background-image: url("images_site/00BK.jpg");
}


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


#intro
{
font-family: Arial, "Trebuchet MS", serif;
font-size: 1em;
margin-left: 137px;
}


#news, #image
{
float: left;
}
#news
{
font-family: "Arial Black", Arial, "Trebuchet MS", serif;
font-size: 2.6em;
margin-left: 233px;
}

#image
{
margin-left: 10px;
}

#contact
{
font-family: "Arial Black", Arial, "Trebuchet MS", serif;
font-size: 2.6em;
margin-left: 419px;
}

#header
{
   width: 987px;
   height: 175px;
   background-image: url("images_site/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 à droite */
   width: 120px; /* Très important : donner une taille au menu */
   margin-bottom: 2px;
   margin-top: 4px;
   padding: 0px;
   
   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;
}

#petit_menu_tit
{
   font-family: Arial, "Trebuchet MS", serif;
   font-size: 0.9em;
}

#titre_contact
{
text-align: center;
font-size: 3em;
font-family: "Arial Black", Arial, "Trebuchet MS", serif;
}



#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;
}



h4
{
text-align: justify;
margin-left: 108px;
font-family: Arial, "Trebuchet MS", serif;
}
#yo_ho_ho
{
font-style: italic;
}





#footer, #footer_2
{
   font-family: "Arial Black", Arial, "Trebuchet MS", serif; /* Police par défaut pour la page */
   font-size: 0.7em;
   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 */

   color: white; /* Toutes les balises contenues dans body verront, par défaut, leur texte coloré en blanc... */
}

#footer a, #footer_2 a
{
outline: none;
}

a:hover /* Quand on pointe sur un lien */
{
   color: red;
   text-decoration: none;
}
a:active, a:focus
{
   color: fuchsia;
   text-decoration: none;
}



#photo_gauche, #photo_milieu, #photo_droite
{
   margin-bottom: 0px;
   margin-left: 1.5px;
}



#deux_premieres_photos, #deux_premieres_photos_bis
{
float: left;
}


#trois_premieres_photos_bis
{
float: left;
}


#photo_gauche, #photo_gauche_bis
{
float: left;
}

#photo_milieu
{
margin-left: 362px;
}

#photo_droite
{
margin-left: 723px;
}

#photo_milieu_bis
{
margin-left: 254px;
}

#photo_milieu_2_bis
{
margin-left: 508px;
}

#photo_droite_bis
{
margin-left: 763px;
}

#ga
{
font-size: 0.9em;
margin-left: 16px;
}



#bloc_teaser
{
text-align: center;
}