*{
   margin:0;
   padding:0;
}

 

	
	 

body 
	{
	font-size:small;
	width:auto;
	height:768px;
	background-color:#2b5d8b ; 
   	background-image: ;
	background-repeat: no-repeat;
	background-position:left;
    
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	}

#navigation { 
   
	width: 860px;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:5px;

	 
	



}
	

	
#conteneur { 
   
	width:720px;
	height:720px;
	margin:auto;
	margin-left:auto  ;
	margin-top:0px;
	border-top:5px solid #FFFAFA ;
	padding:2px;
	background-color: 	#FFFAFA ;
	background-image: 
	url(images/banniere.jpg)  ;
	background-repeat:no-repeat;
	background-position:right-top;
	border: #333333 1px solid;
	
   
	 	 
     
 }
  
 
#haut_gauche {
float:left; height:175px; width:120px;  margin-top:15px; border-top: 1px solid #FFFFFF ; border-left:#FFFFFF 0px solid;   margin-left:50px; margin-right:25px; background-position:center-top; background-repeat:no-repeat;display:inline;border-bottom: #999999 0px solid; border-right: #999999 0px solid; padding:3px;
	
}
#haut_milieu  {
float:left; height:175px; width:120px; margin-top:15px;  border-top: 1px solid #FFFFFF;border-left:#FFFFFF 0px solid; background-position:center-top; background-repeat: no-repeat;display:inline; margin-left:10px; margin-right:27px;border-bottom: #999999 0px solid; border-right:  #999999 0px solid; padding:3px;   
	
} 
#bas_gauche  {
float:left; height:195px; width:120px; margin-left:195px;margin-top:0px; border-top: 1px solid  #FFFFFF; margin-right:30px; background-position:center-top; background-repeat:no-repeat;display:inline;border-left:#FFFFFF 0px solid;border-bottom: #999999 0px solid; border-right: #999999 0px solid; padding:3px;
}
#bas_milieu  {
float:left; height:195px; width:120px; margin-top:0px; margin-left:9px; border-top: 1px solid  #FFFFFF  ;display:inline; margin-right: 14px; background-position:center-top; background-repeat:no-repeat; border-left:#FFFFFF 0px solid;border-bottom:#999999 0px solid; border-right: #999999 0px solid; padding:3px;
} 
 
 
 
#haut_droit {
float:left; height:175px; width:120px; margin-top:15px; margin-left:0px; margin-right:80px;border-top: 1px solid  #FFFFFF; float:right;display:inline; background-position:center-top; background-repeat:no-repeat;font-style: normal;border-left:#FFFFFF 0px solid;border-bottom: #999999 0px solid; border-right: #999999 0px solid; padding:3px;
	
}
#bas_droit {
float:left; height:195px; width:120px; margin-top:0px; margin-left:0px; margin-right:80px;  border-top: 1px solid   #FFFFFF; float:right; display:inline; background-position:center-top; background-repeat:no-repeat; border-left:#FFFFFF 0px solid;border-bottom:#999999 0px solid; border-right:#999999 0px solid; padding:3px;
}
  #haut_gauche,#haut_milieu,#bas_gauche,#bas_milieu, #haut_droit,#bas_droit  {
  font-style: normal; font-size:12px; line-height: normal;letter-spacing:0,1mm;font-family:Georgia, "Times New Roman", Times, serif;color: #000000;vertical-align: baseline; background:
 #f8f8ff  ;  
 }
#bas_milieu1 {
float:left; height:45px; width:550px; margin-top:15px; margin-left:120px; border-bottom:  #999999 5px solid; border-left: #FFFFFF 3px solid; border-top:#FFFFFF 3px solid; border-right: #999999 5px solid; display:inline; margin-right: 30px; padding:10px; font-weight:bold;font-style: normal; font-size:12px; line-height: normal;letter-spacing:0,1mm;font-family:Georgia, "Times New Roman", Times, serif; vertical-align:baseline; background-color:#9b2816   ; background-image: url(images/bureaucomcom1.jpg); background-position:top right; background-repeat:no-repeat; color: #FFFFFF   ;
} 
 
#bas {
clear:both;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	z-index:100;
	margin-left:80px;
	margin-right:auto;
	 width:;

		text-align: center;
	font-family: "Georgia",  Times New Roman , Times, serif;
	color:#333333;
	
}


#menu dl {
float: left;
width: 125px;


 


}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: 100;
background:#2b5d8b ;
border: 1px solid #e2e9f1  ;
margin: 3px;

background-image: url(boutons/accueil.gif)               ;
background-repeat:no-repeat;
 background-image: url(boutons/accueil.gif)          ;
 background-repeat:no-repeat;
 background-image: url(boutons/accueil.gif)          ;
 background-repeat:no-repeat;
 background-image: url(boutons/accueil.gif)         ;
  background-repeat:no-repeat;
  background-image: url(boutons/accueil.gif)    ;
  background-repeat:no-repeat;
 
}
#menu dd {
display: none;
border: 0px solid  #FFFFFF;

}
#menu li {
text-align: center;
background :#918ec3;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
font-weight: 500;
display: block;
height: 100%;
border:  1px solid  #666666;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background:#4ca139 ;

} 
 
 
 
 
 #menu12  { float:left; text-align:center;   font-family:"Arial", Helvetica, sans-serif; font-size:12px;   font-weight: bold; background-image:      ; background-repeat:no-repeat; width:145px; height:230px; margin-top:12px; }
  #menu12 a
{
display: block;
padding: 5px 10px;
width: 125px;
color: #fff;
background-color: #036;
text-decoration: none;
border: #FFFFFF 1px solid;
}

#menu12 a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#menu12 ul ul li { margin: 0 0 1px 0; }

#menu12 ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
}

#menu12 ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}