* {margin: 0;padding: 0}
body
{
width: 800px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
background-color: rgb(128,128,128);
font-family: verdana, arial, "comic sans ms", serif;
color: black;
font-size: 0.8em;
background-repeat: repeat;

}

a{text-decoration: none; color: rgb(89,119,181);}
img{border:0;}

#drapeau
{
padding: 8px 0 0 10px;
}

#conteneur
{
  
   width: 800px; 
   height: 180px; /* La bannière fera 800 sur 170 pixels */
   background-image: url("images/new/Logo_Cofrepeche.jpg"); /* image de la bannière*/
   background-repeat: no-repeat; /* L'image ne sera pas répétée en mosaïque*/
   margin-bottom: -30px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/

}
#menu
{
float:left;
width: 830px;
height: 31px;
background: url("images/new/menu1.jpg") no-repeat;
text-align: center;
list-style-type: none;
font-size: 100%;
}

#menu li
{
margin-left: 9px;
float:left;
display: inline;
font-variant: small-caps;
text-align:center;
font-weight: bold;
}
#menu ul
{
float:left;
padding-top: 8px; 
}

#menu li a
{
float:left;
color:white;
margin: 0 2px; 
padding: 1px 15px; 
text-align: center; 
text-decoration: none;
}
#menu li a:hover, #menu li a:active
{
color:white;
text-decoration: underline;
}

#centre
{
width: 800px;
background: white url('images/new/plan.jpg') no-repeat;
margin: -11px 0 0 0px;
height: auto;
}
#centre h1 /* Tous les titres h1 du corps */
{
 padding-top:10px;
 padding-bottom:5px; 
 color: rgb(89,118,181);
 padding-left:250px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 
}
#centre h3
{
padding-left: 40px;
}
#centre h4
{
border-bottom: 1px solid grey 90%; 
}
.trait
{
border-bottom: 1px solid grey; 
}
#centre p
{
text-align: justify;
width: 800px;
padding-left: 40px;
}

#centre a
{
width: 40px;
}
#pied
{
display: block;
width: 800px;
height: 39px;
background: url('images/new/footer.jpg') no-repeat;
margin: auto;
margin-top: 0px;
padding-bottom: 20px;
margin-left: Opx;
}

#pied p
{
text-align: center;
font-size: 0.6em;
padding-top: 13px;
}