/**
	* STYLES des menus et des blocs qui composent les pages
	*/
div#background {
	background: top center no-repeat;
	min-height: 770px;
	height: auto !important; /* Hack ie 7 pour corriger le min-height */
	height: 770px;					 /* Hack ie 6 pour corriger le min-height */	
}

/** BLOC HAUT **/ 
div#bloc_haut {
	margin-top: 15px;
	height: 95px;
}

#bloc_haut img { /* Logo en haut a gauche */
	float: left;
	margin-top: 4px;
}

ul#menu_general {
	float: left;
	width: 775px;
	padding: 0;
	display: block;
	list-style-type: none;
}

#menu_general li {
	float: left;
}

#presentation, #organisation, #realisations, #espace_residants, #espace_presse, #appel_offres, #recrutement {
	height: 83px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	background: 0 -83px no-repeat;
}

#presentation:hover, #organisation:hover, #realisations:hover, #espace_residants:hover, #espace_presse:hover, #appel_offres:hover, #recrutement:hover, #menu_general a.menu_actif  {
 background-position: 0 0;
}

#menu_general ul.sous_menu_general {
	position: absolute;
	list-style-type: none;
	z-index:100;
	visibility: hidden;
}

#menu_general ul.sous_menu_general li {
	float: none; /* annule le float attribue a son parent */
	font-weight: bold;
/*	height: 26px;*/
	width: 195px;
	padding: 0;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	position: relative;
	left: -1px; /* decalage pour coller au bords du menu parent */
	text-decoration: none;
}

#menu_general ul.sous_menu_general li {
	border-bottom:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	float:none;
	font-weight:bold;
/*	height:26px;*/
	left:-1px;
	padding:0;
	position:relative;
	text-decoration:none;
	width:195px;
}

span.fond_opaque_menu {
	position: absolute; 
	display: block;
	width: 195px;
	height: 26px;
	padding: 5px 0 0 27px;
	margin: 0;
	color: #FFF;
	z-index: 20;
	background: 13px 9px no-repeat;
}

span.fond_translucide_menu {
	display: block;
  filter:alpha( opacity = 90 );
  -moz-opacity:0.9;
  opacity: 0.9;
	width: 195px;
	height: 26px;
}

ul#menu_pages_statiques {
	font: 10px Arial, sans-serif;
	margin: 0;
	list-style-type: none;
  overflow: hidden;
}

ul#menu_pages_statiques li {
	float: left;
}

ul#menu_pages_statiques li a {
	display: block;
  margin: 0 0 0 2px;
	padding: 0 5px;
	color: #5d6165;
}

ul#menu_pages_statiques li a.border {
	border-left: 1px solid #5d6165;
}

ul#menu_pages_statiques a:hover, ul#menu_pages_statiques a.menu_actif {
	text-decoration: none;
}

div#centre {
	float: left;
	padding: 0 0 0 21px;
	width: 706px;
}


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

div#menu_gauche {
	width: 181px;
	float: left;
	overflow: hidden;
}

div#menu_gauche ul li {
	list-style-type: none;
	display: block;
}

div#menu_gauche ul#menu_gauche_niv_1 {
	margin-top: 14px;	
}

div#menu_gauche ul li.menu_gauche_puce_1 {
	padding-top: 7px;
}

div#menu_gauche ul li.menu_gauche_puce_2 {
	padding: 5px;
}

div#menu_gauche ul li.menu_gauche_puce_3 {
	padding: 5px;
}

div#menu_gauche ul li.menu_gauche_puce_1 a {
	line-height: 22px;
}

div#menu_gauche ul li.menu_gauche_puce_2 a {
	margin-left: 10px;
	line-height: 14px;
}

div#menu_gauche ul li.menu_gauche_puce_3 a {
	margin-left: 20px;
	line-height: 14px;
}

div#menu_gauche ul li.menu_gauche_bordure_bas {
	padding-bottom: 13px;
}

/* DIVERS */
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
}