body
{
	margin: auto; 		/* Pour centrer notre page */
	background-image: url("../images/dgr.png");
	background-repeat: repeat-x;
	margin-top: 20px;
}

#dateGen
{
	width: 892px;
	
	margin: auto;

	background-color: #aaaaaa;
	background-repeat: no-repeat;

	padding-top: 10px; 												/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-bottom: 10px; 												/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-right: 10px; 
	
	text-align: right;
}

.date_Gen
{
	color: #000000;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
}


#menu
{
   width: 902px;

	margin: auto; 
   background-image: url("../images/menu-bg.png");
   background-repeat: repeat-x;
   margin-bottom: 30px;

}


.element_menu ul 													/* Toutes les listes à puces se trouvant dans un menu */
{
	color: #B3B3B3;
   font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
   text-align: center;
   /*list-style-image: url("images/"); 	*/								/* On change l'apparence des puces */
   padding: 5px; 												/* Tous les côtés ont une marge intérieure de 0 pixels */
   margin: 0px; 												/* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-left: 10px;
   word-spacing: 40px;
}



.element_menu a 												/* Tous les liens se trouvant dans un menu */
{
	text-decoration: none; 										/* Les liens ne seront plus soulignés */
	padding: 5px;
	color: #B3B3B3;
}


.element_menu a:hover 											/* Quand on pointe sur un lien du menu */
{
   background-color: #808080;
   color: black;
}

.element_menu img
{
	position: absolute;
	left: 50%;
	margin-top: -41px;
	margin-left: -440px;
}

#en_tete
{	
	margin: auto;
	background-color: #626262;
	
	padding-top: 200px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 1px;
	
	width: 700px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;										
	text-align: justify;
}

.en-tete h1
{
	color: #eeee00;
   font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
   text-align: center;
   padding: 5px; 												/* Tous les côtés ont une marge intérieure de 0 pixels */
   margin-top: -50px;
}
.en-tete h2
{
	margin-top: 80px;
	font-size: 1.8em;
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	text-align: center;
	padding: 5px; 												/* Tous les côtés ont une marge intérieure de 0 pixels */
}

.en-tete img
{
	position: absolute;
	left: 50%;
	margin-left: -155px;
	margin-top:	-150px;
	padding-bottom: 100px;
}

.en-tete p
{
	font-size: 1.3em;
	margin: 13px;
	margin-bottom: 100px;
}


#en_tete2
{	
	margin: auto;
	background-color: #626262;
	
	padding-top: 200px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 1px;
	
	width: 700px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;										
	text-align: justify;
}

.en-tete2 h1
{
	color: #eeee00;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	text-align: center;
	padding: 5px; 				/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-bottom: 20px;
	margin-top: -150px;
}

.en-tete2 h2
{	
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	padding: 5px; 				/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-bottom: 20px;
	
}

.en-tete2 ol
{
	font-size: 1.3em;
	margin: 13px;	
}

#image1
{
	margin: auto;
	margin-top: -25px;
	background-color: #626262;
	
	width: 700px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
		
	padding-left: 100px;
	padding-right: 100px;
	
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	margin-bottom: 20px;				
	text-align: center;
}

.img1 p
{
	font-size: 1.1em;
	margin: 13px;
	margin-bottom: 30px;
}

#image2
{
	margin: auto;
	margin-top: -25px;
	background-color: #626262;
	
	width: 700px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
		
	padding-left: 100px;
	padding-right: 100px;
	
	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	margin-bottom: 20px;				
	text-align: center;
}

.img2 p
{
	font-size: 1.1em;
	margin: 13px;
	margin-bottom: 30px;
}

.img2 img
{
	margin-top: 40px;
	margin-left: -86px;
}

#corps1
{
	margin: auto;
	background-color: #626262;
	
	padding-left: 100px;
	padding-right: 100px;
	
	width: 700px;
	
	border: 1px solid black;

	color: #ffffff;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;										
	text-align: justify;
}

.corps_1 h1
{
	color: #eeee00;
	font-family: Calibri, "Times New Roman", "Arial Black", Verdana, serif;
	text-align: center;
	padding: 5px; 				/* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-bottom: 20px;
}

#corps
{
	margin: auto;
	
	width: 902px;
}

.corps_ table
{
		margin-top: 20px;
}

a img 															/* Toutes les images contenues dans un lien */
{
	border: none; 												/* Pas de bordure */
}

.message{z-index:100;color:#ff0000;font-size:15px;float:left;margin-left:10px;}
