body
{
	   font-family:Arial, Helvetica, sans-serif;
	   font-size: 14px ;
	   width: 760px;
	   margin: auto; /* Pour centrer notre page */
	   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur*/
	   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
	   background-color: #efefef; /* Couleur GRIS du fond */

}

.imageflottante
{
   float: left;
}

a img	 /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

table	/* format tableau tarifs */
{
   border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;
}

/* L'en-tête */
#en_tete
{
		margin-left: 0px;
		width: 760px;
		height: 146px;
		border: 0px solid black;
		margin-bottom: 10px;
		background-image: url("images/entete.bmp");
		background-repeat: no-repeat;
    }

/* Le menu */
#menu
{
	   margin-left: 0px;
	   width: 760px;
	   height: 25px;
}

.element_menu
{
		background-color: #efefef; /* Couleur GRISE du fond */
		background-repeat: repeat-x;
		margin-bottom: 0px;
		text-align: center;
}

.element_menu a
{
		color: #000000; /*  Couleur NOIRE de la police  menu */
		text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_menu a:hover 
{
	   background-color: #efefef; /*Couleur GRIS du fond de la police  quand on pointe sur un lien du menu */
	   color: #daa520; /*couleur BLEU de la police qd on pointe dessus*/
}

a.pageactif
{
 color: #daa520; /*couleur BLEu  de la police menu qd on est sur la page*/
}

/* Quelques effets sur les menus */

.element_menu h3
{    
	   color: #ffffff;  /* Couleur BLANC de la police  titre h3 */
	   font-family:Arial, Helvetica, sans-serif;
	   font-size: 14px;
	   text-align: center;
}

.element_menu ul /* Toutes les listes dans un menu */
{
		padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
		padding-left: 2px; /* ... mais on modifie ensuite la marge de gauche,  */
		margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
		margin-bottom: 0px; /* on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
		text-align: center; /*aligne menu*/
}

/* Le corps de la page */

#corps
{
	   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	   margin-bottom: 0px; /* 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: #000000;  /* Couleur de la police */ 
	   background-color: #ffffff; /* Une couleur de fond pour le corps */
	   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
	   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 	/* Tous les titres h1 du corps */
{
		color: #daa520; /* Couleur orange  de la police h1  */
		text-align: left;
		font-family:  Arial, Helvetica, sans-serif;
		
}

#corps h2 /* Tous les titres h2 du corps */
{
		height: 0px;
		color: #daa520;
		font-family:Arial, Helvetica, sans-serif;
		text-align: left;
		background-image: url("images/burn.png");
		background-repeat: no-repeat;
		padding-left: 40px; /* décalage du texte pour mettre la puce  */
		
}

#corps h3 /* Tous les titres h3 du corps */
{
		text-align: left;
		color: #000000;
}

#corps h4 /* Tous les titres h4 du corps */
{
		font-family:Arial, Helvetica, sans-serif;
		text-align: center;
		color: #000000;
}

/* Le pied de page  */

#pied_de_page
{
		margin-left: 1px;
		padding: 5px; /*marge autour du texte*/
		width: 748px;
		border: 1px solid black;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 10px;
		border: none; /* Les liens ne seront plus soulignés */
		text-align: center;
		color: #000000; /* Couleur de la police */
		background-color: #ffffff;  /* Couleur du fond */
		background-repeat: repeat-x;
		
  }