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


/* L'en-tête */

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

 #menu	{background-color:#CCCCFF;
   position: absolute; top: 160px; width: 140px; left:40px;
    font-size: 19px;color:black;    
   font-family: "Comic Sans MS",Arial,"Times New Roman",serif;} 	
 .element_menu
{	 color:black;
     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:#CCCCFF;}
 a {color:black; text-decoration: underline; margin-left: 10px; background-color:#CCCCFF;}
 
  					 
#corps
{  position: absolute; left:240px; top: 10px; width: 660px;  
   padding: 12px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   	 
     background-color: #CCCCFF; /* 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 */}
   
 h2 {color: #000000; text-align: center; 
      font-weight: bold;background-color: #CCCCFF;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}
  
 p { color:#000000; font-size: 19px;  width:660px;background-color:#CCCCFF; 
   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:#000000;
   margin-right: 5px;background-color: #CCCCFF;}

.image1 
 {position: absolute; left:200px; top: 10px; width: 660px;border: 1px solid #339933;}
   
.image 
{ position: absolute; left:20px; top:340px; width:290px; height:220px; }
 		
.image5 
{ position: absolute; left:10px; top:70px; width:660px;}
 
#menuvil
  { position: absolute; left:380px; top:340px; text-align: justify;}
 a:active /* Quand le visiteur clique sur le lien */
 {background-color: #CCCCFF;}
 a:hover /* Quand le visiteur pointe sur le lien */
{text-decoration: underline;color: red; background-color: #CCCCFF;}
 a { color:black; text-decoration: underline; margin-left: 10px;font-size: 19px;
 font-family: "Comic Sans MS",Arial,"Times New Roman",serif;background-color: #CCCCFF;} 
  
#mixad
{ position: absolute; left: 880px; top: 20px; width: 100px; border: 1px solid #339933;} 

#mixad_entree
{ position: absolute; left: 880px; top: 20px; width: 100px; border: 1px solid #339933;}
 
 #date
 { position: absolute; left:15px; top:380px;}
 
  #style_switcher
	 { position: absolute; left:0px; top:485px;}
 
  #pub
  { position: absolute; left:15px; top:565px;}
 
   #w3c
  { position: absolute; left:12px; top:610px;}