/*

Créé par Thomas

Décembre 2006

*/

body 
{
	   
   background-attachment: fixed;
   background-repeat: reapeat-y;
   margin: auto;
   font-family: Tahoma, "verdana", "Times New Roman", Times, serif;
   background-image: url("images/fond_grand.JPG");
   margin-bottom: 20px; 
   
}

#en_tete
{
	
   height: 100px;
   text-align: left;
margin: 10px;

}



.sous-menu
{

   border-style: none;

	padding: 5px;

	padding-top: 2px;
	
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.tete
{
	margin-right: 20px;
	margin-left: 20px;


}
.sous-menu h3 /* Tous les titres de menus */
{   
   color:;
   font-family: Arial, "verdana", "Times New Roman", Times, serif;
   text-align: center;
   text-decoration: underline;   
}
.sous-menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(""); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 15px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

#sous-menu-haut
{
   background-image: url("");

margin-top: 65px;
    height: 30px;
	font-size: 16px;
	
}
#sous-menu-haut ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-type: none;
   list-style-image: url(""); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 10px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.gauche
{
float: left;
padding-left: 10px;


}
.gauche_debut
{
float: left;	

}
.droite
{
float: right;
padding-left: 10px;

}
.droite_debut
{
float: right;

}

.gauche:before
{
	content: '-';
	padding-right: 10px;
}


.droite:before
{
	content: '-';
	padding-right: 10px;
}


#sous-menu-haut a /* Tous les liens se trouvant dans un menu */
{
      color: purple;
   text-decoration: none;
}

#sous-menu-haut a:hover /* Quand on pointe sur un lien du menu */
{
   background-color:;
   color: #000000;
   font-weight: bold;
}
#sous-menu-haut li /*Toutes les listes */
{
	margin: 0px;
	margin-bottom: 10px;
}

#menu
{

float: left;
margin: 5px;
width: 170px;

}

.sous-menu a /* Tous les liens se trouvant dans un menu */
{
   color:rgb(14,14,216);
   text-decoration: none;
}

.sous-menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color:;
   color: #000000;
   font-weight: bold;
}
.sous-menu li /*Toutes les listes */
{
	margin: 0px;
	margin-bottom: 10px;
}

#corps
{
   margin: 5px; /* Une marge à gauche et a droite  pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-left: 180px;
   	padding: 5px;
   	border-style: none;
	margin-bottom: 20px;

}
.sous-corps
{
	 
	color: ;
	background-image: url("");
	
	margin: 40px;
	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 */
}
#corps h3 /* Tous les titres de menus */
{   
   color:;
   font-family: Arial, "verdana", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 26px;
}
.baratin
{
 	text-indent: 15px;
	text-align: justify;
}

.baratin_menu
{

	text-align: left;
	font-size: 12px;
}


#pied_de_page
{
   padding: 3px;

   text-align: center;
   margin-left: 180px;


   margin-right: 5px;
   border-style: none;
}
.signature
{
text-align:right;
font-size:8px;
}
#pied_de_page a /* Tous les liens se trouvant dans un menu */
{
   color:rgb(14,14,216);
   text-decoration: none;
}

#pied_de_page a:hover /* Quand on pointe sur un lien du menu */
{

   font-weight: bold;
}


label 
{
display: block;
width: 350px;
float: left;
   font-weight: bold;
}

.baratin_error
{
text-indent: 15px;
	text-align: center;
	font-weight: bold;
}

.titre2
{
 	font-size: 25px;
	text-indent: 15px;
	font-weight: bold;
	text-decoration: underline;
}

.commentaire_tete
{
	background-color:rgb(176,213,239);
   border-style: none;

	padding: 5px;
		width: 200px;
	padding-top: 2px;

   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */

}

.commentaire_corps
{
   border-style: none;
	padding: 5px;
    float: right;
	padding-top: 2px;
	 margin-left: 210px;
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.block
{
display: block;
}

#contenu21
{
 visibility: hidden;
}

.titre_menu
{
	font-size: 26px;
	color: purple;
   font-family: serif, Arial, "verdana", "Times New Roman", Times;
   text-align: center;
}