@charset "windows-1252";
/* NOIR 1024*/
body
{  
  width:900px;
   margin:auto;
   margin-top:10px;	 
   margin-bottom:10px;  
    background-color:#333333; 
     	 
   }		 


/* L'en-tête */

#en_tete
{position: absolute;  top: 10px; width: 900px; height:100px; border: 2px solid #FF9933;
   background-image: url("http://villages-perches-06.fr/photos/logo1024n.jpg");	 
   background-repeat: no-repeat;}  
   
  /* Le menu */

 #menu	{background-color:#333333;
  position: absolute; top: 140px; width: 140px; left:20px;
    font-size: 18px; color:#FF9933;    
   font-family: "Comic Sans MS",Arial,"Times New Roman",serif;} 	
 .element_menu
{	 
     margin-bottom: 14px; /* Pour éviter que les éléments du menu ne soient trop collés */}

 .element_menu ul
 { padding-left: 15px;
   margin: 5px;
   margin-bottom: 5px;}													   
  	  
 a:active /* Quand le visiteur clique sur le lien */ 
 a:hover /* Quand le visiteur pointe sur le lien */
{ color: red; text-decoration: underline; background-color:#333333;}
 a {color:#FF9933; text-decoration: underline; margin-left: 10px; background-color:#333333;}
 
  					 
#corps
{  position: absolute; left:220px; top: 10px; width: 660px; 
   padding: 12px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	 
     background-color: #333333; /* Une couleur de fond pour le corps */
      background-repeat: no-repeat;  
   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */}
   
 h1 {color:#FF9933; 
       font-size: 1.2em;
      font-weight: bold;background-color: #333333;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
  
  h2 {color:#FF9933; 
  background-color: #333333;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
  
 p { color:#FF9933; font-size: 18px;  width: 720px;background-color:  #333333; 
   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:#FF9933;
   margin-right: 5px;background-color: #333333;}

.image1 
 {position: absolute; left:200px; top: 10px; width: 660px; border: 1px solid #FF9933;}
   
.image 
{ position: absolute; left:20px; top:340px; width:290px; height:220px; }
 		
.image5 
{ position: absolute; left:10px; top:90px; width:660px;}
 
#menuvil
  { position: absolute; left:380px; top:340px; text-align: justify; color:#FF9933;}
 a:active /* Quand le visiteur clique sur le lien */
 {background-color: #333333;}
 a:hover /* Quand le visiteur pointe sur le lien */
{text-decoration: underline; color: red; background-color: #333333;}
 a { color:#FF9933; text-decoration: underline; margin-left: 10px;font-size: 19px;
 font-family: "Comic Sans MS",Arial,"Times New Roman",serif; background-color: #333333;} 
  
 #date
 {position: absolute;  left:25px; top:365px;}
 
   #style_switcher
 {position: absolute;  left:0px; top:460px;}
 
  #hebdotop
  {position: absolute;  left:0px; top:400px;}