body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
background-color: #0092CE;
padding: 0;
				color: #000048;
}

a, a:link, a:visited	{
			color: #0054AA;
			text-decoration: none;
}

a:hover	{	color: #FFFFFF;
			text-decoration:underline;
		}
		
#esprit	{	position:absolute;
			top: 150px;
			left: 650px;
			z-index: 210;
			font-style:italic;
		}			

#boulevide	{	
	position:absolute;
	top: 200px;
	left: 22px;
	}

 img { border: none;}
	
.bouton
	{	
		position:absolute;
		background-position:top left;
		background-repeat:no-repeat;
		height: 27px;
		width: 350px;
		background-image:url(Elements/bg_bouton.gif);
		font: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #000048;
		padding-top: 5px;
		padding-left: 60px;
	}

.bouton a, .bouton a:link, .bouton a:visited, .bouton a:active	{
		text-decoration: none;
		color: #000048;
	}
	
.bouton a:hover	{	color: #FFFFFF;	}	
	
#bouton1	{	
		top: 170px;
		left: 180px;
		}	
#bouton2	{	
		top: 210px;
		left: 230px;
		}
#bouton3	{	
		top: 250px;
		left: 260px;
		}
#bouton4	{	
		top: 295px;
		left: 270px;
		}
#france	{		
			background-color:#B5DBFF;
			width: 250px;
			height: 250px;
			position:absolute;
			top: 190px;
			left:135px;
			}

#actus	{ 	background-image:url(Elements/bg_actu.jpg);
			background-repeat:no-repeat;
			height: 241px;
			width : 224px;
			position: absolute;
			top: 150px;
			left: 680px;
			z-index: 200;
			padding: 15px 0px 15px 0px;
			color: #000048;
	}		

#identification	{ 	background-image:url(Elements/bg_identification.jpg);
			background-repeat:no-repeat;
			height: 96px;
			width : 224px;
			position: absolute;
			top: 410px;
			left: 680px;
			z-index: 200;
			padding: 15px 0px 15px 0px;
			color: #000048;
	}	

#rechercher	{ 	background-image: url(Elements/bg_rechercher.jpg);
				background-repeat:no-repeat;
				height: 139px;
				width : 156px;
				position: absolute;
				top: 15px;
				left: 21px;
				z-index: 200;
				padding: 15px 0px 15px 0px;
				color: #000048;
	}

#texteactu	{	
				position:absolute;
				height: 220px;
				width: 200px;
				top: 160px;
				left: 690px;
				z-index: 210;
				color: #000048;
				text-align:justify;
					font-size:12px;

}		

#texteidentification	{	
				height: 86px;
				width : 204px;
				position: absolute;
				top: 380px;
				left: 680px;
				z-index: 210;
				color: #000048;
				text-align:justify;

}		

#newsletter		{	height: 60px;
					width: 260px;
					position:absolute;
					top: 510px;
					left: 400px;
					z-index: 210;
					font-size:10px;
				}

#infos			{	height: 92px;
					width: 242px;
					position:absolute;
					top: 420px;
					left: 60px;
					z-index: 210;
					font-size:10px;
				}

#texterecherche	{	
				height: 125px;
				width : 130px;
				position: absolute;
				top: 40px;
				left: 35px;
				z-index: 210;
				color: #000048;
				text-align:justify;
				font-size:12px;
}	

input {			border: 1px solid #000048;
				background-color: #DCECFE;
				color: #000048;
		}	
			
#header {
height: 150px;
background-color: #B5DBFF;
background-image:url(Elements/bg_header.jpg);
background-repeat:no-repeat;
background-position: top left;
padding-left: 322px;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#B5DBFF;
background-image:url(Elements/bg_menu_left.jpg);
background-repeat:repeat-y;
}
#centre {
background-color:#B5DBFF;
margin-left: 150px;
height: 360px;
}

html>body #centre
{
height: auto;
min-height: 360px;
}

#bgphoto	{	position:absolute;
				top: 281px;
				left: 210px;
				z-index:0;
				width: 508px;
				height: 272px;
				background-image:url(Elements/bgphoto.jpg);
				background-position:right;
				background-repeat:no-repeat;
			}

#gauche {
position: absolute;
left:0;
background-image:url(Elements/bg_menu_left.jpg);
background-repeat:repeat-y;
width: 150px;
}
#pied {
height: 36px;
background-color: #B5DBFF;
background-image:url(Elements/bg_footer.jpg);
background-repeat:no-repeat;
background-position:left;
}

.menugauche {
list-style-type: none;
background-image:url(Elements/bg_menu_left.jpg);
background-repeat:repeat-y;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

div#links a span {display: none;}
div#links a:hover span#span1 {
	display: block;
   position: absolute; 
  top: 30px;
	left: -158px; 
   z-index: 100;
   }
   div#links a:hover span#span2 {
	display: block;
   position: absolute; 
  top: -10px;
	left: -208px; 
   z-index: 100;
   }
   div#links a:hover span#span3 {
	display: block;
   position: absolute; 
  top: -50px;
	left: -238px; 
   z-index: 100;
   }
   div#links a:hover span#span4 {
	display: block;
   position: absolute; 
  top: -95px;
	left: -248px; 
   z-index: 100;
   }
div#links a:hover {background: #90C6E8;
text-decoration:none;}   
   
td	{	
					font-size:12px;
	}