body
{
   width: 100%;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color:white;

}

/* L'en-tête */

#en_tete
{
   width: 100%;
   height: 218px;
   background-image: url("images/fond_haut.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
.entete1
{
margin-left:10px;
}




.case_menuhaut
{
 font-family: "Comic Sans MS", "Arial Black", "Times New Roman", serif;
 font-weight: bold;
 font-variant: small-caps;
 text-align: center;
}


/* Le menu */

#menu
{
   float: left;
   width: 215px;
   height: 482px;
   background-image: url("images/fond_menu.jpg");
}

.element_menu
{
margin-left: 5px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}






/* Le corps de la page */

#corps
{
   float: center;
   margin:auto;
   margin-left: 215px;
   margin-right: 195px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:13px;

 /*  border-top: 1.2px dotted black;
   border-left: 1.2px dotted black;
   border-right: 1px dotted black;
   border-bottom: 1px dotted black;    */
}

#corps h1
{
   color: #B3B3B3;
 /*  text-align: center;  */
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;

   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
}
p
{
   text-indent: 20px;
}



#cadre_droite1
{
   font-size:12px;
   float: right;
  /* padding:5px; */
   width: 190px;
}
.droite1
{
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
background-image: url("images/Fond_droite1.jpg");
background-repeat: no-repeat;
width: 190px;
height:313px;

}
.droite3
{
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
background-image: url("images/Fond_droite3.jpg");
background-repeat: no-repeat;
width: 190px;
height:280px;

}
.droite2
{
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
background-image: url("images/Fond_droite2.jpg");
background-repeat: no-repeat;
width: 190px;
height:209px;
text-align:justify;
}

.txt_droite1
{
 margin-left:20px;
 margin-right:20px;
 text-align:justify;
}
.txt_droite2
{
 margin-left:20px;
 margin-right:20px;
 text-align:justify;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size:12px;
   float: center;
   margin:auto;
   margin-bottom: 0px;
   width: 711px;
   height: 90px;
   background-image: url("images/Fond_bas.jpg");
}




/*Liens classiques*/
a:visited /* Quand le visiteur a déjà vu la page concernée */
{

}
a:focus /* Quand le visiteur sélectionne le lien */
{
   font-weight: bold;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: black;
}
a /* Lien normal */
{
   text-decoration: none;
   color: rgb(68,68,68);
   font-style: italic;
}

/*Liens menu_entete*/
.lienentete:visited /* Quand le visiteur a déjà vu la page concernée */
{

}
.lienentete:focus /* Quand le visiteur sélectionne le lien */
{
   font-weight: bold;
}
.lienentete:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: white;
}
.lienentete /* Lien normal */
{
   text-decoration: none;
   color: black;
}

/*Liens bas*/
.lienentete:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: white;
}
.lienentete /* Lien normal */
{
   text-decoration: none;
   color: rgb(255,241,201);
}



/*Formulaires*/
input
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
input:focus/* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: rgb(202,202,255);
}