body
{
	width: 800px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	font-size:1em;
	background-color:#e36929;
	font-family: "Trebuchet MS","Times new roman",Arial;

}

#en_tete
{
   width: 801px;
   height: 142px;
	background-image: url('enteteorange.jpg');
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
#content
{
  clear: both;
margin-top:0px;
   width: 801px;
   height: auto;
}

#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 173px; /* Très important : donner une taille au menu */
	height: 628px;
	background-image: url('menuorange.jpg');

}

.element_menu
{    
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 70px;
	font-size:1.2em;

}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-type: none; /* 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-top: 10px;
   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 */
   line-height:1.8em;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #f6e732;
   text-decoration:none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #d67331;
   color: #897023;
}

#corps
{
	float:right;
	height:100%;
   	width: 607px;
	margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-top: 10px;
	margin-bottom: 5px; /* 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 */
	color: #828add;
	background-color:#eda143;
	border: 0px solid #78f31e; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	overflow:auto;
}

#corps a
{
	font-size: 1.4em;
	color: #f6e732;
}

#corps a:hover 
{
	color: #828add;
	text-decoration:underline;
}

#corps td 
{
	color: black;
}

#pied_de_page
{
	width:617px;
	padding: 0px;
	text-align: center;
	border: 0px solid #828add;
	background-color: #eda143; 
clear:both;
	margin-top:5px;
	margin-left: 183px;
}

#pied_de_page p
{
	text-indent: 0px;
	}
	

p
{
	font-size:1em;
	text-decoration:none;
	color:black;
	font-family:"Trebuchet MS";
	text-indent: 30px;
}

h1
{
color:#e36929;
font-size:1.6em;
font-family:"Trebuchet MS";
text-align:left;
text-decoration:none;
}

h2
{
color:#f6e732;
font-size:1.6em;
font-family:"Trebuchet MS";
text-align:center;
text-decoration:underline;
}

h3
{
text-align:center;
text-indent:0px;
font-size:1em;
font-family:"Trebuchet MS";
}
.news h3
        {
            background-color:black;

        }
.news p
        {
            background-color:white;
            margin-top:0px;
			text-indent:0px;
			color:black;
			text-align:center;


        }
.news
        {
            width:90%;
            margin:auto;
        }

h6
{
color:black;
font-size:1em;
font-family:"Trebuchet MS";
text-align:center;
font-weight:bold;
}
a
{
color:#d67331;
text-decoration:none;
}
.important
{
   color: red;
   font-size: 18px;
}

input, textarea
{
   font-family: "Trebuchet MS", "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */

}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}
 
label
{
   color: black; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   text-align:center;

}
form
{
	text-indent: 0px;
	   font-family: "Trebuchet MS", "Times New Roman", Times, serif;
   color: black;

	}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "Trebuchet MS", "Times New Roman", Times, serif;
   color: black;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 30px; /* Une marge pour séparer les fieldset */
   background-color: #FFFFCC;
}

	
table
{
   text-align:center;
margin:0px;
padding:5px;
}