body
{
margin-top: 15px;
font-size: 100%;
font-family: Georgia, Arial, Verdana, serif, "Arial Black"; /* On essaie d'avoir Arial Black en priorité */
background: url(images/font0.jpg) no-repeat center;
background-attachment: fixed;
background-color:  #FFFFFF;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color:  	#9400D3; /* Les liens seront en rouge au lieu de bleu */
   font-style: bold; /* Les liens seront en gras(pourquoi pas ?) */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #800080; /* Le lien sera écrit en vert quand on pointera dessus */
}

#en_tete{
/*color:  	#6B8E23;*/
text-align: center;
}

#en_tete h1{
color:  	#6B8E23;

}


#corps{
width: 875px;
text-align: center;
margin: auto;
margin-top: 20px;
color:  	#000000;
font-size: 80%;
}

#gauche{
width: 430px;
height: 525px;
margin: 0 auto;
float: left;
background: url(images/img02.gif) no-repeat left top;
text-align: center;
color: #F5DEB3;
font-size: 180%;
line-height: 13px;
}
#droite {
width: 430px;
height: 525px;
margin: 0 auto;
float: right;
background: url(images/img02.gif) no-repeat left top;
text-align: center;
color: #F5DEB3;
font-size: 180%;
line-height: 13px;
}

#droite a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

#gauche a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

#droite a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green;
}

#gauche a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green;
}


#pied_de_page{

font-size: 80%;
text-align: center;
/*border: 3px outset black;*/

}