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

body
{
   background-image:url("images/bg.png");
   color:white;
}

#all
{
	width: 90%;
	height:800px;
	margin-left:5%;  
	margin-right:5%;  
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	margin-bottom:25px;
	padding-bottom:25px;
	z-index:1;
	
	-moz-border-radius:10px;
}



#en_tete
{
	width: 100%;
	height: 185px;
	margin-bottom:20px;
	text-align:center;
	color:white;
	
}

#en_tete a
{
	color:white;
}

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

#gris
{
	width:74%;
	text-align: justify;
	font-family: Arial, serif;
	font-size:13px;
	color:white;
	margin-left: 18%;
	list-style-type:square;
	moz-border-radius:10px;
}

#gris ul
{
	list-style-type:square;
}

#gris p
{
	width:100%;
}

#gris a
{
	color:silver;
}

#gris a:hover
{
	color:#ef0a0a;
}


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

#blue li
{
	list-style-type:square;
}

#blue a
{
	color:black;
}

#blue a:hover
{
	color:#ff0000;
}

#top
{
	margin-left:18%;
	margin-bottom:35px;
	height:60px;
	text-align:center;
	-moz-border-radius:10px;
}

#top a
{
	color:black;
}

#top a:hover
{
	color:#ff0000;
}

#green
{
	width:74%;
	text-align: justify;
	font-family: Arial, serif;
	font-size:13px;
	background-color:white;
	border:4px outset silver;
	color:black;
	padding: 2%;
	margin-left: 18%;
	margin-top:none;
	margin-bottom:25px;
	-moz-border-radius:10px;
}

#green a
{
	color:black;
}

#green a:hover
{
	color:#ef0a0a;
}

#pink
{
	width:74%;
	text-align: justify;
	font-family: Arial, serif;
	font-size:13px;
	background-color:white;
	border:4px outset silver;
	color:black;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2%;
	padding-bottom: 0px;
	margin-left: 18%;
	list-style-type:square;
	margin-bottom:35px;
	-moz-border-radius:10px;
}

#pink a
{
	color:black;
}

#pink a:hover
{
	color:#ff0000;
}

#rose
{
	position: absolute;
	left:5.5%;
	top:900px;
}

#robe
{
	position: absolute;
	left:5.5%;
	top:700px;
}

#bloc
{
	width:16%;
	float:left;
	z-index:1;
	background-color:black;
	
	position:absolute;
	left:5%;
	top:825px;
}

#bloc1
{
	width:16%;
	float:left;
	z-index:1;
	background-color:black;
		
	position:absolute;
	left:5%;
	top:1475px;
}

#bloc2
{
	width:16%;
	float:left;
	z-index:1;
	background-color:black;

	position:absolute;
	left:5%;
	top:2125px;
}

#bloc3
{
	width:16%;
	float:left;
	z-index:1;
	background-color:black;

	position:absolute;
	left:5%;
	top:2775px;
}


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

#menu2
{
/*agrandir le menu en largeur*/
width:16%;
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:center;
padding:none;
margin:none;
}

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

#menu2 a:hover
{
color: #ef0a0a;
}


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

#menu
{
	background-color: black;
	border:5px outset #b8c1d5;
	padding:2%;
	width:94%;
	height:20px;
	margin-bottom:20px;
	-moz-border-radius:10px;
}

#menu a
{
	color:  #ffda41;
	display: block;
	float: left;
	text-align: center;
	width:25%;
}

#menu a:hover
{
	color: #ff0000;
}

#menu3
{
	background-color: black;
	border:5px outset #b8c1d5;
	
}

table
{
	width:106%;
	margin:0px;
	padding:0px;
	background-color:white;
	border:4px outset silver;
	color:black;/* Les bordures du tableau seront collées (plus joli) */
	-moz-border-radius:10px;
}

.table tr
{
	padding:none;
	margin:none;
}

.table td
{
	padding:none;
	margin:none;
}

table a 
{
	color:silver;
	margin:none;
	padding:none;
}

table a:hover
{
	color:#ef0a0a;
}


td
{
	padding:5px;
}

h1
{
	font-size:16px;
	color:black;
	text-align:center;
	font-weight:bold;
	
	
}

h2
{
	font-size:20px;
	color:black;
	text-align:center;
}

h3, h4
{	
	text-align:center;
	color:white;
	background-color:black;
	border:3px outset black;
	font-size:18px;
}

h5
{
	text-decoration:none;
	border:none;
}

h2 a:hover
{
	color:blue;
}

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

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

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

a
{
	color:white;
}

a:hover
{
	color:#ef0a0a;
}

#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;
	
}

#blanc a:hover
{
	color:#ef0a0a;
}

.un
{
	float:right;
	margin-left:10px;
}

.deux
{
	color:white;
}

.trois
{
	background-color:black;
	border:2px black outset;
	color:white;
	padding:5px;
	margin:5px;
	font-size:14px;
}

.quatre
{
	font-weight:bold;
	font-size:16px;
}

.cinq
{
	float:left;
}

.six
{
	float:right;
	padding:4px;
}

.sept
{
	font-weight:bold;
	font-size:14px;
}