@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-cerif;
	width:768px;
	margin: 0;
	padding: 0;
	text-align: center ;
}

img {
	border: 0;
}

a {
	color: #000099;
	text-decoration: none;
}

a:hover {
	color: #f85211;
	text-decoration: underline overline;
}

#conteneur {
	background-position: top left;
	position:absolute;
	left: 50%; 
    top: 50%;
	margin-top: -384px; /* moitié de la hauteur */
    margin-left: -512px; /* moitié de la largeur */
	}


#entete {
	width:1008px;
	height: 209px;
	position:absolute;
}

#valet {
	width:148px;
	height: 122px;
	position:absolute;
	left: 120px;
	top: 88px;
	display:inline;
	float:left;
	z-index:2;
}

#barre {
	width:1024px;
	height: 35px;
	position:absolute;
	left: 0px;
	top: 220px;
	float:left;
	z-index:2;
}

#menu {
	font-size: 14px;
	width: 340px;	
	margin: 0;
	position:absolute;
	left: 250px;
	top: 230px;
	float:left;
	z-index:3;
}


menu {
	color: #000099;
	font-size: 14px;
	margin: 0;	
}


#bas {
	width:1024px;
	height: 519px;
	position:absolute;
	left: 0px;
	top: 246px;
	float:left;
}

h1 {
	float : left;
	font-family: Arial;
	font-size: 24px;
	color: #000099;	
	text-align: left;
	position: absolute;
	top: 30px;
	left: 30px;
} 

#crevette {
	position: absolute;
	top: 280px;
	left: 30px;
} 

#bloc-milieu{
	position: absolute;
	top: 0px;
	left: 260px;
} 

#centre {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:0;
} 

p1 {
	font-family: Arial;
	font-size: 14px;
	color: #0000cc;	
	text-align: left;
	position: absolute;
	top: 60px;
	left: 60px;
	z-index:2;
} 

#bloc-droit{
	position: absolute;
	top: 0px;
	left: 780px;
} 

#trefle{
	position: absolute;
	top: 40px;
	left: 30px;
} 
/*
p2{
	font-family: Arial;
	font-size: 24px;
	color: #000099;	
	text-align: left;
	position: absolute;
	top: 60px;
	left: 110px;
	position: absolute;
} 
*/
p3{
	font-family: Arial;
	font-size: 14px;
	color: #0000cc;	
	text-align: left;
	position: absolute;
	top: 130px;
	left: 50px;
	position: absolute;
}