body
{
background-color: rgb(183,211,242); 

margin: 10px; 
margin-bottom: 20px;   
}

h1
{
text-align: center;
font-family:   haettenschweiler,"monotype corsiva", "Bradley Hand ITC",Chiller,  Broadway, serif;
}

.entete
{
   height: 130px;
   margin: auto;
   margin-top: 10px;
   text-transform: capitalize;
   text-align: center;
   text-decoration: underline;
   font-size: 3em;
   font-weight: bold;
   font-family: "monotype corsiva", "Bradley Hand ITC",Chiller,  haettenschweiler,  Broadway, serif;
   
}

a
{
color: white;
}

a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: rgb(100,202,240);
   color: black;
}

.menugche
{
   float: left; /* Le menu flottera à gauche */
   width: 25%; /* Très important : donner une taille au menu */
   margin-left:5px;
}
.menudrt
{
   float: right; /* Le menu flottera à gauche */
   width: 25%; /* Très important : donner une taille au menu */
   margin-right:5px;
   padding-left:5px;
}
.menuctre
{
/*  width: 25%; /* Très important : donner une taille au menu */
   margin-right:26%;
   padding-left:26%;
}

.elmenu
{
   background-color: rgb(123,151,192);
   border: 2px solid black;
   margin-bottom: 20px; 
   padding: 2px;
}

.elmenu h2  
{   
   font-family: Times,Arial, "Arial Black", "Times New Roman",  serif;
   text-align: center;
}
.elmenu h3   
{   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.elmenu h4
{   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left:5px;
 /*   text-align: center;   */
}

#corps
{
   margin-left: 26%;  /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right:26%;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   background-color: rgb(24,82,146); /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
}

#corps h1 /* Tous les titres h1 du corps */
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;  
   padding-left: 30px;
   text-align: left;
}
.pied_de_page 
{
font-size:0.8em;
}
.enhaut
{
font-size:0.8em;
}
/*   inscrire   */
fieldset
{
width:60%;
padding:10px;
margin-left:20%;

}
input, textarea
{
   background-color: rgb(255,230,255); 
   color: purple; 
   font-family: "Times New Roman", Times, serif; 
   margin: 5px; 
   margin-bottom: 5px;
   padding:5px;
}
.encadre
{
border:1px solid black;
}
.encadrement
{
width:40%;
font-size: 1.2em;
margin-left:20%;
padding:3%;
background-color: rgb(123,151,192);
   border: 2px solid black;
}
.sites
{
margin-top:20px;
background-color: rgb(143,171,212);
  border: 2px solid silver;

}
.sites span
{
font-size: 1.4em;
font-weight:bold ;
}
.encadrant
{
width:80%;
font-size: 1.2em;
margin-left:5%;    

padding:3%;
background-color: rgb(143,171,212);
   border: 2px solid black;
}