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

.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: 170px;
			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: 430px;
			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: 180px;
				left: 690px;
				z-index: 210;
				color: #000048;
				text-align:justify;

}		

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

}		

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

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

input, textarea {			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: 192px;
}
#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: 600px;
background-image:url(Elements/bg_page.jpg);
background-position: bottom right;
background-repeat:no-repeat;
text-align:justify;
padding-top: 80px;
padding-right: 50px;
}

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

#bgphoto	{	position:absolute;
				top: 230px;
				left: 200px;
				z-index:0;
				width: 569px;
				height: 407px;
				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;}




















ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}




#menu {


position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 170px;
left: 150px;
z-index:100;
width: 800px; /* correction pour Opera */
}	

#menu li  {
  	
  	float:left;
	
   	text-align:center;	
		position:relative;
		vertical-align:bottom;
		background:#B5DBFF;
		font-size:11px;
		color: #EFEFEF;
		margin-left;5px;
		letter-spacing: 0px;	
		display:block;
		width:160px;	
}

#trucchiant{
	width:150px;
}



#menu li  a{
		float:left;
   	text-align:center;	
		position:relative;
		border: 1px solid #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:bottom;
		background: #0092CE;
		font-size:12px;
		color: #EFEFEF;
		
		letter-spacing: 0px;	
		display:block;
		
		height:100%;
}

#menu li  a:hover {
  	background:#EFEFEF;
  	color:#555555;
}

#menu li ul{
	display:none;	
	position : absolute;
	top : 100%;
	left: 0px;
	margin : 0;
	padding : 0;
}
	
#menu li ul li{
	text-align:center;	
		float:middle;
		vertical-align:bottom;
		background: #E7F3FF;
		font-size:11px;
		color: #000;
		margin-bottom:-2px;
		letter-spacing: 0px;	
		display:block;
		width:150px;	
}

#menu li ul li a{
	background:#E7F3FF;
	color:#0092CE;
	font-family:Arial, Helvetica, sans-serif;
	width:149px;
}
#menu li ul li a:hover{
	background:#0092CE;
	color:#FFF;
}
	
#menu li:hover ul, #menu li.over ul {
		
   	display: block;	
		width : 150px;
		
}	

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.4em;
}

#orgservice {
width : 700px;
}

#orgservice1 {
width: 128px;
float: left;
}

#orgservice2 {
width : 570px;
float: left;
}