/* POUR TOUTE LA PAGE */
body
{
	width:            760px; /*Pour les plus petits affichage à 800px*/
	background-image: url("images/fond_degrade.png"); /* Une image de fond pour éviter d'avoir un fond blanc */
	background-repeat:repeat-x;
	
	background-color: #012373	;
	border-color :    #012373	;
	
	font :            0.8em "Trebuchet MS";
  
	margin:           auto; /* Pour centrer notre page */
	margin-top:       10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur*/
	margin-bottom:    10px; /* Idem pour le bas du navigateur */
}

/*  ========================= ENTETE =========================  */
#en_tete
{
   height: 			  105px; 
   
   background-image:     url("images/logo.gif");
   background-repeat:    no-repeat; /* pour s'assurer qu'il n'y a pas de répétition*/
   background-position : center center;

   margin-bottom: 	  10px; /* pour éviter d'être collé à ce qu'il y aura en dessous*/
}

/* =========================  MENU =========================  */
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-type : none; /*Pas de puces */
	padding: 		  5px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	
	background-color: white;	
   
	border: 		  1px dashed #012373;
   
	margin: 		 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 	 25px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu ul  li
{
	display : inline;
}

.element_menu ul  li img 
{ 
	border : none;
}

.element_menu ul  li  a 
{
	color : 		  #012373;
	text-decoration : none;
	font-size :       1.4em;
	padding : 		  0 1.3em;
}

.element_menu ul  li  a:hover 
{ 
	color : silver; 
}

/* ========================= CORPS =========================  */
.imageflottantegauche
{
	float: left;
}

.imageflottantedroite
{
	float: right;
    padding: 10px;
}

.dessous
{
   clear: both;
}

td /* Les cellules normales */
{
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 15px 25px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

td a img
{
	border : none;
}

#corps
{
   padding: 		  10px;   /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: 			  #626262;
   text-align: justify;
   
   background-color:  white; /* Une couleur de fond pour le corps */
   
   border:           1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli *margin-bottom: 	  20px;  /* pour éviter que le corps colle trop au pied de page en-dessous *//
   margin-bottom: 	 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}


#corps p
{
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: 		black;
   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size :  1.6em;
   
   text-align:  center;
   height:      18px; 
}

#corps h2 /* Tous les titres h2 du corps */
{
   color: 		 black;
   
   font-size :   1.2em;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   
   text-align: 	 left;
   height:       14px; 
}

/* ========================= PIED =========================  */
#pied_de_page
{

   text-align: 		  right;
   text-decoration :  underline;
   font-size :        0.8em;

   color: 			  white;
}