body
{
	width: 800px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("images/fond.png");
	padding-left: 100px;	
}

/* L'en-tête */

#en_tete
{
   width: 980px;
   height: 100px;
   background-image: url("images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu gauche */

#menu_gauche
{
   float:left;  
   width: 205px;
}

.element_menu_gauche
{
	background-color: #710000;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border: 2px solid black;
	margin-bottom: 5px;
	padding-bottom: 30px;
	
}


/* Quelques effets sur les menus */


.element_menu_gauche h3
{
	color: #B3B3B3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

.element_menu_gauche ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
   
}

.element_menu_gauche a
{
   color: #B3B3B3;
   text-decoration: none;
}

.element_menu_gauche a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le menu droit*/

#menu_droit
{
   float:right;  
   width: 200px;
   margin-right: -205px;
   
}

.element_menu_droit
{
	background-color: #710000;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border: 2px solid black;
	margin-bottom: 5px;
	padding-bottom: 30px;
}


/* Quelques effets sur les menus */


.element_menu_droit h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu_droit ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu_droit a
{
   color: #B3B3B3;
   text-decoration: none;
}

.element_menu_droit a:hover
{
   background-color: #B3B3B3;
   color: black;
}




/* Le corps de la page */

#corps
{
   margin-left: 210px;
   margin-bottom: 20px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #710000;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 120px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}



/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	margin-left: 210px;
	padding: 5px;
	color: #B3B3B3;
	text-align: center;
	text-decoration: none;
	color: #B3B3B3;
	background-color: #710000;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border: 2px solid black;
		
}

/* Les tableaux */

caption
{
   caption-side: bottom; /* Le titre sera placé en bas du tableau */
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #000000;
   margin-top: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}

table
{
   margin: auto;
   border: 4px outset green;
   border-collapse: collapse;
}

th
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td
{
   height: 80px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;
}

#titre_conditions
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color: #B3B3B3;
}

#titre_alineas
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:5px;
	margin-right:5px;
	text-decoration:underline;
	font-weight: bold;
	color: #B3B3B3;
}


#conditions
{
	text-align:justify;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B3B3B3;
}

#lien
{
font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}