body
{
   width: 580px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #ffffff;
   font-family:"trebuchet MS", arial, helvetica, sans-serif;
   font-size:small;
   
}

/* L'en-tête */

#en_tete
{
   width: 580px;
   height: 151px;
   background-image: url("pages_haut.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border-right: 1px solid black;
}
#en_tete p {text-align: center; color: #ffff33;}
#en_tete a {color: #ff9933; text-decoration: none;}
#en_tete a:hover {color: #ffff33; text-decoration: underline;}



/* Le centre de la page */

#centre
{
   width: 580px;
   height: 397px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding: 0px;

   background-image: url("pages_centre.jpg");
   background-repeat: no-repeat;
   
   border: 0px solid black;

   border-right: 1px solid black;
   position:absolute;
   top:171px;
}

#centre p {padding: 10px; overflow: auto;}
.article
{ height: 200px; overflow: auto;}

#centre a {color: #660000; text-decoration: none;}
#centre a:hover {text-decoration: underline; color: #cc0000;}


#centre h1
{
   border-bottom: 1px dashed black; padding: 10px; font-size: 1.3em;
}

#centre h2
{
   padding: 10px;
}



/* Le pied de page  */

#pied_de_page
{
   width: 580px;
   height: 32px;
   position:absolute;
   top:568px;

   background-image: url("pages_bas.jpg");
   background-repeat: no-repeat;

   border-right: 1px solid black;

}
#pied_de_page p {color: #ff9933; text-align: center;}
#pied_de_page a {color: #ff9933; text-decoration: none;}
#pied_de_page a:hover {color: #ffff33; text-decoration: underline;}