body

{

  

  margin:auto

  

   margin-bottom: 20px;   

  background-color:f8f8ff;

   font-family:  Arial , "Times New Roman", "Arial Black",  serif;

   color: navy;



   }
   #pol

{ 	

   width: 800px;



  margin-left:3%;

    background:url('fond.jpg') repeat-y; ;





  text-align:justify;

padding-left:5%;

padding-right:5%;

padding-top:10px;

padding-bottom:10px;

margin-top:10px;

}



   h1, h2,h3{ font-family: Lucida Handwriting, Arial, serif;}

blockquote{font-family: Lucida Handwriting, Arial, serif;

font-weight:bold;

 background-color: #add8e6;

  border: inset;

}


#menu
{
width:100%;
height:30px;
background:url('fond_menu.png') repeat-x;
}
#menu a
   {
   display:block; /*Pour que le "bloc" soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   width:33%; /*J'explique en détail après*/
   height:30px; /*La même hauteur que notre menu*/
   border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
   }
#menu1
{float: right; width: 25%; font-size:0.8em;}
li{list-style-type:none;}
.
.

#pol

{ 	

   width: 100%;



  margin-left:3%;

    background:url('fond.jpg') repeat-y; ;





  text-align:justify;

padding-left:5%;

padding-right:5%;

padding-top:10px;

padding-bottom:10px;

margin-top:10px;

}
#conteneur
{
   width:100%; 
   margin-top:20px; 
   padding-bottom:25px; 
   padding-top:5px;
}
 
#col1
{
   width:50%; 
   height:100px; 
   
   float:left;
}
 
#col2
{
   width:50%; 
   height:100px; 
 
   float:right;
}