@charset "windows-1252";
 /* JAUNE 800*/
body
 
{
   width: 760px;margin:auto; 
   margin-top: 10px;  
   margin-bottom: 10px;    
   background-color:#EFE0AB;}

/* L'en-tête */

#en_tete
{ position: absolute; left:100px; top: 20px; width: 760px; height: 70px; border: 1px solid #339933;
   background-image: url("../photos/logovp.jpg");	 
   background-repeat: no-repeat; }  
 
/* Le menu */


#menu	   
   {background-color:#EFE0AB;
   position: absolute; top: 100px; width: 140px; left:100px;
   color:green; font-size: 17px;    
   font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
   	
 .element_menu
{	   
      margin-bottom: 12px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
 .element_menu ul
{  padding: 5px;
   padding-left: 15px;
   margin: 5px;
   margin-bottom: 5px;
}
   
         
 a:active /* Quand le visiteur clique sur le lien */ 
{background-color: #FFCC66;}
 a:hover /* Quand le visiteur pointe sur le lien */
{ color: red; text-decoration: underline; background-color:#EFE0AB;}
 a { text-decoration: underline; color:green ; margin-left: 10px; background-color:#EFE0AB;}
 
  					 
#corps
{  position: absolute; left:200px; top: 10px; width: 585px;  
   padding: 12px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	 color:green;
     background-color:  #EFE0AB; 
      background-repeat: no-repeat;  
   border: 0px solid black;} 
    
  h2 {color:green ; text-align: center; 
      font-weight: bold;background-color: #EFE0AB;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
  
 p { color:green;font-size: 16px;  width: 585px;background-color:  #EFE0AB; 
   font-family: "Comic Sans MS",Arial,"Times New Roman",serif; text-align: justify;} 
   
   p:first-letter /* Je veux que la première lettre de mes paragraphes... */
   { 
   font-size: 2em; /* Fasse une hauteur de 2 lignes */
   font-family: "Comic Sans MS","Arial Black",Georgia, Arial,Times, serif; /* Soit mise en   si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */	color:green;
   margin-right: 5px; background-color:#EFE0AB;}

.image1 
 {position: absolute; left:160px; top: 10px; width: 585px;border: 1px solid #339933;}
   
.image 
{ position: absolute; left:15px; top:280px; width:267px; height:200px; }

.image5 
{ position: absolute; left:10px; top:80px; width:570px;}
 
 #menuvil
  { position: absolute; left:280px; top:290px; text-align: justify;}
 a:active /* Quand le visiteur clique sur le lien */
 {background-color: #FFCC66;}
 a:hover /* Quand le visiteur pointe sur le lien */
{text-decoration: underline;color: red; background-color:#EFE0AB;}
 a { text-decoration: underline; color:green ; margin-left: 10px;font-size: 17px;
 font-family: "Comic Sans MS",Arial,"Times New Roman",serif;background-color:#EFE0AB;} 
  
 #date
 { position: absolute; left:20px; top:360px;}
 
  #style_switcher
 { position: absolute; left:0px; top:440px;}
 
  #pub
  { position: absolute; left:13px; top:510px;}
 
   #w3c
  { position: absolute; left:10px; top:560px;}