body
{
   background-image: url("beige105.jpg");
   text-align:center; 
    
}
h2
{
background-image:url(beige105.jpg);
color:rgb(105,00,00);
border-bottom: 2px solid black;
font-family:  "Agaramond regularSc", Arial, serif, Georgia,Perpetua, "Trebuchet MS", ;
  a:hover /* Quand on pointe sur un lien du menu */
  

}
p
{
font-size: 20px ;
color:rgb(105,00,00) ;
font-family:  "Agaramond regularSc", serif,Arial, Georgia,Perpetua, "Trebuchet MS", ;
text-align:left;

}


a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Le lien deviendra souligné quand on pointera dessus */
   color: rgb(105,00,00); 
   text-align:center;
}
#menu, #menu ul /* Liste */     
{
text-align : center;
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
         
        color: rgb(105,00,00);
        font-weight : bold; /* on met le texte en gras */
        font-family:  Arial, serif, "Agaramond regularSc", Georgia,Perpetua, "Trebuchet MS", ; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		 
}


#menu a /* Contenu des listes */
{
       
color: rgb(105,00,00);
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        
background-image: url(beige105.jpg);	
	
        color : rgb(105,00,00); /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 243px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 0px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

#menu  a:hover /* Quand on pointe sur un lien du menu */
{
  background: #8B0000;
   color: #FFFFCC;
}