body
{
   width: 700px;
   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: 700px;
   height: 258px;
   background-image: url("haut.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}


/* La gauche */

#gauche
{
   float: left;
   width: 250px;
   height: 266px;
   background-image: url("gauche_actu.jpg");
   background-repeat: no-repeat;
   padding: 20px;
   a {text-decoration: none;}
   a:hover {text-decoration: underline; color: #cc0000;}
}

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




/* Le centre de la page */

#centre
{
   width: 450px;
   height: 266px;
   margin-top: 0px;
   margin-left: 250px;
   margin-bottom: 0px;
   padding: 10px;

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

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


#centre h1
{
   font-size: 1.3em;
}

#centre h2
{
   
}



/* Le pied de page  */

#pied_de_page
{
   width: 700px;
   height: 56px;
   position:absolute;
   top:544px;


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

}