body

{
   width: 90%;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 0px;
   font-family:  Arial, sans-serif;
   text-align: center;
   color: white;
  
   background-color:rgb(192,202,224);
}
h1
{
font-family: Verdana, Arial, cursive;
font-size: 20px;
text-align: center;
/*background-color:pink;*/

}
h1 a
{
color:  rgb(175,196,222);
text-decoration: none;
font-size: 25px;
}

h2
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
text-align: center;
color: white;

}

h3
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
font-weight: bold;
text-align: center;
color: navy;
}

a 
{
color: white;
text-decoration: none;
font-size: 20px;
}
a:hover
{
color: purple;
background-color: none;
text-decoration: none;
} 
p a
{
color:purple;
text-decoration: none;
font-size: 14px;
}


/* commentaires */

#fond
{
width: 850px;
height: 573px;
position: absolute;

left: 50%;
margin-left: -430px;
text-align: center;
 padding: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
border: 3px rgb(194,115,56);
 
z-index: 30;
}

#legende
{
color: white;
font-weight: bold;
}
.centre
{
margin:auto;
text-align: center;
}