body{
	
	text-align:center;
	margin: 0;
	padding:0;
	font-family:Arial;
	background:url(/img/bg.jpg) white;
}
#conteneur{
	border:1px none black;
	width: 882px;
	margin: 5px auto;
	padding:0;
	background: none;  

}
#pied{
	margin: 20px 0 0 0;
	padding:0;
}
#pied p {
	margin: 0;
	padding:0;
	font-size:11px;
	color: #666666;
	text-align:center;
}
#pied a {
  text-decoration:none;  
  color: #616161;
}
#pied a:hover {
  text-decoration:underline;  
  color:#000000;
}
img.milieu {vertical-align:text-bottom;}
img{
border:none;
}
#top{
	margin: 0 0 5px 0;
	padding:0;
	border:1px none black; 
	
}
#menu_principal{
	border:1px none red;
	float:right;
	margin:40px 0 0 0;
	padding:0;
}
#menu_principal li{
	display:inline;
	margin:0;
	padding:0;
}
#menu_principal a{
	color:#90160b;
	font-size:12px;
	text-decoration:none;
}
#menu_principal a:hover{
text-decoration:underline;
}
.on{
font-weight:bold;
}
.normal{
border:1px solid #d3d3d3;
background:white;
}
#slideshow{
	border:1px none red;
	height:219px;
}

/* menu */
#menu{
	border:1px none black;
	height:45px;
	
}

#menu ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display:inline;
}

#menu ul li a{
	text-decoration:none;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	color: #90160b;
	font-size:12px;
	float:left;
}

#menu ul li a img{
	border: none;
}


a#description{
	background:url(/img/menu/description.jpg) no-repeat;
	width: 98px;
	height: 45px;
	display:block;
	padding: 0 0 0 0px;
}


a#description:hover{
	font-weight:bold;
}

a#chantiers-dossiers{
	background:url(/img/menu/chantiers-dossiers.jpg) no-repeat;
	width: 154px;
	height: 45px;
	display:block;
}


a#chantiers-dossiers:hover{

	font-weight:bold;
}

a#etablissements{
	background:url(/img/menu/etablissements.jpg) no-repeat;
	width: 124px;
	height: 45px;
	display:block;
}


a#etablissements:hover{
	font-weight:bold;
}

a#documentation{
	background:url(/img/menu/documentation.jpg) no-repeat;
	width: 120px;
	height: 45px;
	display:block;
}


a#documentation:hover{
	font-weight:bold;
}

a#actualites{
	background:url(/img/menu/actualites.jpg) no-repeat;
	width: 88px;
	height: 45px;
	display:block;
}


a#actualites:hover{
	font-weight:bold;
}

#rechercher{
	background:url(/img/menu/rechercher.jpg);
	height:35px;
	width:298px;
	float:right;
	padding: 10px 0 0 0;
}

#contenu{
	border:1px none black;
	margin: 0;
	padding:0;
	background:none;
}

#summit{
	background: url(/img/loupe.jpg) no-repeat;
	height: 15px;
	width:16px;
}


#gauche{
	width:579px;
	border:1px none red;
	float:left;
	color:#4b4b4b;
	padding: 0;
}
#droite{
	margin: 0;
	padding:0;
	float:right;
	width:303px;
	color:#4b4b4b;
	font-size:12px;
	background:url(/img/actualites-bg.jpg) repeat-y;
}

#actualites-bottom{
	background:url(/img/actualites-bottom.jpg) no-repeat;
	width: 303px;
	height: 13px;
}
#droite .nouvelle{
	text-align: left;
	border:1px none red;
	margin: 0 0 8px 0;
}
#droite .nouvelle h4{
font-size:13px;
padding: 0 20px 0 20px;
margin: 0 0 0 0;
}
#droite .nouvelle h4 a{
color:#0066FF;
text-decoration:underline;
}
#droite .nouvelle h4 a:hover{
color: #0066CC;

}
.date{
	margin: 0px 0 0 0;
	padding: 0 20px 0 20px;
	display:block;
	font-size:11px;
	font-weight:bold;

	

}
#droite .nouvelle p{
margin: 0;
}



.floatl{
	float: left;
}
.clear{
	clear: both;
}
h1{
	margin: 0 0 10px 0;
	padding: 2px 0 0 10px;
	font-size:20px;
	text-align:left;
	font-weight:100;
	background:url(/img/h1.jpg) no-repeat;
	height:30px;
	width:882px;
	color:#404040;
	}
h2{
	margin: 20px 0 0 0;
	padding: 0px 0 0 10px;
	font-size:18px;
	text-align:left;
	font-weight:100;
	/*background:url(/img/h2.jpg) no-repeat;*/
	height:30px;
	color:#00a2df;	 
}
h3{
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	font-size:15px;
	text-align:left;

	/*background:url(/img/h3.jpg)  no-repeat;*/
	height:30px;
	color:#404040;	
}
h4{
	margin: 20px 0 0 0;
	padding: 0px 0 0 10px;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color:#404040;	

}
h5 {
	margin: 20px 0 0 0;
	padding: 0px 0 0 10px;
	font-size:18px;
	text-align:left;
	font-weight:100;
	/*background:url(/img/h2.jpg) no-repeat;*/
	height:30px;
	color:#404040;	 
}
p{
	text-align:justify;
	font-size:13px;
	padding: 0 10px 0 10px;
	line-height:1.5em;
	border:1px none black;
	margin:0 0 10px 0;
	color:#404040;
}
fieldset {
  border:none;
}
td,li{
	font-size:13px;
}
#contenu p a{
 color: #c04338;
 text-decoration:underline;
}
#contenu p a:hover{
 color: #c04338;
 text-decoration:underline;
}

/*** SLIDESHOW CSS **/

#slideshow {
    position:relative;
	 margin : 0 0px 0px 0px;
	 
	 width:882px;
	 height:219px;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*** SLIDESHOW CSS */





/*  -------------------------------------------------------------- Menu */

ul#nav{ 
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 1px none red;
  width: 584px; /*For KHTML*/
  list-style: none;
  height: 45px;
  float:left;
  top:0px;
  
}

/*menu + Sous menu LI*/ 
ul#nav li {
	margin: 0;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	border:1px none black;
}
ul#nav li a {
	
	padding: 12px 0 0 0;
	height:33px;
}

/*box qui apparais sur lien menu*/
ul#nav ul {
	margin: 0;
	padding: 0;
	border: 0 none; 	 
	width: 150px;
	list-style: none;
	display: none;
	position: absolute;
 	top: 45px;
	left: 0px;
	background: #d4edf5; /* -------------------------------------------------------------------*/
	text-align:left;
}

ul#nav ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  
}

ul#nav ul li {
	
  width: 150px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  	margin: 0;
	padding: 0;
	border-top:1px solid white;
  
}
ul#nav ul li a {
	margin: 0;
	padding: 5px 0 5px 10px;
	border: 1px none black;
  	float: none !important; 
  	float: left; 
  	display: block;
  	height: auto !important;
 	height: 1%; 
}

/* Root Menu */
/*
ul#nav a {
  
  padding: 0px 0px 0 0;
  margin:0;
  float: none !important; 
  float: left; 
  display: block;
  font: 11px Verdana, Arial, Helvetica, sans-serif ;
  text-align:left;
  text-decoration: none;
  height: auto !important;
  height: 1%; 
  color:white;
}


ul#nav a.main {
	padding: 0;
	margin: 0px;
}
*/
.main{
	font-weight:normal; 
}
/*Main menu over*/
ul#nav li a.main:hover, ul#nav li:hover a.main, ul#nav li.iehover a.main {
	background: #8fd2e7;
	color: #90160b;
	
}





/*sub menu over*/
ul.subnav a:hover, ul.subnav li:hover a, ul.subnav li.iehover a {
	font-weight:bolder;
	background: #8fd2e7;
	color: #90160b;

	
}


/* 2nd Menu */
ul#nav li:hover li a, ul#nav li.iehover li a {
  float: none;
  /*background: #EEE;*/
  color: #90160b;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  /*background: #CCC;*/
  color: #90160b;
  
  
}




/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a 

{
 color: #EEEEEE;
 width:180px;
 
}

ul#nav li:hover li a.daddy:hover,
ul#nav li:hover li:hover a.daddy,
ul#nav li.iehover li a.daddy:hover,
ul#nav li.iehover li.iehover a.daddy {
background: url(../img/rightarrow2.gif) center right no-repeat;
 
}


/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
 color: #58B514;
}

/* 4th Menu 
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
*/
/* 4th Menu Hover 
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}
*/
ul#nav ul ul, ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -160px;
  width:160px;
  
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}