*
{
	padding:0px;
	margin:0px;
}

body
{
    /* ou le gris ==> #3f3f3f */
   color:white;
   background-image:url("images/bg.png");
}

#all
{
	width: 88%;
	height:800px;
	margin-left:2%;  
	margin-right:10%;  
	font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
	margin-bottom:50px;
	padding-bottom:50px;
	z-index:1;
	font-size:12px;
	
}

/* L'en-tête */

#en_tete
{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom:20px;
	height: 200px;
	text-align:center;
}

/*******centre du site********/

#gris
{
	width:73%;
	text-align: justify;
	font-family: Arial, serif;
	font-size:12px;
	background-color: white;
	color:black;
	padding: 2%;
	margin-left: 18%;
	margin-bottom:25px;
	border:4px outset silver;
	list-style-type:square;
	-moz-border-radius:4px;
}

#gris ul
{
	list-style-type:square;
	padding-left:20px;
}

#gris p
{
	width:100%;
}

#bleu
{
	width:73%;
	text-align: justify;
	font-family: Arial, serif;
	font-size:12px;
	background-color: white;
	color:black;
	padding: 2%;
	margin-left: 18%;
	margin-bottom:0px;
	border:4px outset silver;
	list-style-type:square;
	-moz-border-radius:4px;
}

/*****menu gauche******/

#menu2
{
	/*agrandir le menu en largeur*/
	width:17%;
	float:left;
	z-index:1;
	text-decoration:none;
	-moz-border-radius:4px;
}

#menu2 ul
{
	list-style-type:none; 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align:left;
	padding:0%;
	margin:0%;
}

#menu2 a
{
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	display:block;
	height:40px;
	font-size:12px;
	padding:1%;
	color:black;
	background-color:white;
	border:4px outset silver;
	-moz-border-radius:4px;
}

#menu2 a:hover
{
	color: red;
}

/******menu haut*******/

#menu
{
	padding-bottom: 2%;
	padding-top:0%;
	margin-left: 17%;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
	-moz-border-radius:4px;
}

#menu a
{
	color:  black;
	display: block;
	float: left;
	height:20px;
	font-weight:bold;
	text-align: center;
	width:18.9%;
	text-decoration:none;
	background-color:white;
	border:4px outset silver;
	-moz-border-radius:4px;
}

#menu a:hover
{
	color: red;
}

#menu3
{
	width:80%;
	padding: 0%;
	margin-left: 18%;
	text-align:center;
	margin-top:0px;
	margin-bottom:25px;
}

.un
{
	float:right;
	margin:2%;
}


.deux
{
	background-color:red;
	color:white;
	font-size:14px;
	text-decoration:none;
	padding:0.2%;
}

.trois
{
	padding-top:20px;
	padding-left:200px;
	padding-bottom:20px;
	
}
.quatre
{	
	margin-top:100px;
	padding-left:200px;
}

.cinq
{
	background-color:#363636;
}

		
table
{
	margin:auto;
	text-align:center; 
	color:black;/* Les bordures du tableau seront collées (plus joli) */
}

td
{
	border:2px outset black;
	padding:20px;
}


span
{
	text-decoration:underline;
}

h1
{
	font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 16px;
	text-align:center;
	background-color: black;
	color:white;
}

h2, h1, h3
{	
	text-align:center;
}

h3
{
	font-size:14px;
}

h3 a:hover
{
	color:white;
}

table a:hover
{
	color:red;
}

#fil_d_ariane
{
	font-size:11px;
	font-family:Arial;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:10px;
}

#fil_d_ariane a
{
	color:white;
	text-decoration:none;
}

#fil_d_ariane a:hover
{
	color:red;
	text-decoration:underline;
}

a
{
	color:black;
}

a:hover
{
	color:red;
}

#blanc
{
	margin-left:18%;
	margin-top:none;
	padding-bottom:2%;
	text-align:center;
	color:white;
	font-size:12px;
	-moz-border-radius:10px;
}

#blanc a
{
	color:white;
	
}

#rose
{
	position: absolute;
	left:4%;
	top:650px;
}

#nuit
{
	position: absolute;
	right:1%;
	top:245px;
}

#noir
{
	width:73%;
	padding: 2%;
	margin-left: 18%;
	text-align:center;
	margin-top:0px;
}

.jaune 
{
	text-align:center;
}

.jaune a
{
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:black;
	padding-left:0%;
	margin-left:0%;
}

.jaune a:hover
{
	color:red;
}