/* CSS Document */

*{
   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:400px;
	margin:auto;
	margin-left:auto  ;
	margin-top:0px;
	border-top:5px solid #FFFAFA ;
	padding:2px;
	background-color: #fff  ;
	background-image: url(../images/banniere.jpg);
	background-repeat:no-repeat;
	background-position:right-top;
	border: #333333 1px solid;
 }
#haut_gauche {
float:left; height:200px; width:450px;  margin-top:15px; border : 1px solid #ccc   ;    margin-left:10px; margin-right:10px; background-position:center-top; background-repeat:no-repeat;display:inline;  padding:3px; background: #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:90px;
	margin-right:auto;
	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:                     ;
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:#009966  ;
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;
}