@charset "windows-1252";
/* black 800*/
body
{  background-color: #333333;
   color:#FF9933; /* Toutes les balises contenues dans body verront leur texte coloré en blanc... */
   width:760px;
   margin-left:100px;
   margin-top:10px;	 
   margin-bottom:10px;    	 
  }		 
 
/* L'en-tête */

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

 #menu	
 {background-color:#333333;
   position: absolute; top: 100px; width: 140px;
   color:#FF9933; font-size: 17px;    
   font-family: "Comic Sans MS",Arial,"Times New Roman",serif;} 	
 .element_menu
{	 color:#FF9933;background-color:#333333;
     margin-bottom: 12px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
 .element_menu ul
{   background-color:#333333;color:#FF9933;
   padding-left: 15px;
   margin: 5px;	color:#FF9933;
   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:#333333;}
 a { text-decoration: underline; color:#FF9933; margin-left: 10px; background-color:#333333;}
 
  					 
#corps
{ background-color: #333333; color:#FF9933;  position: absolute; left:180px; top:10px; width: 585px;  
   padding: 12px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */}
   
 h2 { text-align: center; 
      font-weight: bold;background-color: #333333;color:#FF9933;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
  
 p {font-size: 16px;  width: 580px;background-color:  #333333;color:#FF9933; 
   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) */
   margin-right: 5px;background-color:  #333333;color:#FF9933;}

.image1 
 {position: absolute; left:180px; top: 40px; width: 585px;border: 1px solid #339933;}
   
.image 
{ position: absolute; left:20px; top:280px; width:267px; height:200px; }
 		
.image5 
{ position: absolute; left:10px; top:70px; width:570px;}
 
#menuvil
  { position: absolute; left:320px; top:290px; text-align: justify;}
 a:active /* Quand le visiteur clique sur le lien */
 { background-color: #333333; color:#FF9933;}
 a:hover /* Quand le visiteur pointe sur le lien */
{text-decoration: underline;color: red; background-color:  #333333;}
 a { background-color: #333333; color:#FF9933; text-decoration: underline; margin-left: 10px;font-size: 17px;
 font-family: "Comic Sans MS",Arial,"Times New Roman",serif;} 
 
  #date
  {background-color: #333333;color:#FF9933; position: absolute; left:5px; top:370px;}
  
 #pub
  {background-color: #333333;color:#FF9933; position: absolute; left:5px; top:440px;}