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/illustrations_accueil_header.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}



#menu
{
   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_1
{
font-size: 1.2em;
}


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



#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;
   background-color: black; /* Une couleur de fond pour le corps */   
}


h1
{
font-size: 2.7em;
text-align: center;
font-family: "Arial Black", Arial, "Trebuchet MS", serif;
}
h4
{
text-align: justify;
font-family: Arial, "Trebuchet MS", serif;
}
#yo_ho_ho
{
font-style: italic;
}





#footer
{
   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 */
   background-color: black;
   color: white; /* Toutes les balises contenues dans body verront, par défaut, leur texte coloré en blanc... */
}

#footer 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
{
float: left;
}

#photo_gauche
{
float: left;
}

#photo_milieu
{
margin-left: 362px;
}

#photo_droite
{
margin-left: 723px;
}

#intro_maciste
{
font-size: 1.2em;
margin-left: 77px;
font-family: Arial, "Trebuchet MS", serif;
}

#ligne_2
{
font-size: 0.7em;
margin-left: 362px;
}