div#menu div {
	display:block;
	float:none;
	top:177px;
	/top:176px;
	position:absolute;
	left: -999em;
	color:#fff;
	text-align:left;
	line-height:12px;
	font-size:1px;
	border:1px solid #336699;
}

div#menu ul li:hover div {
	left: auto;
	float:none;
}
div#menu li.sfhover div{
	left: auto;
	float:none;
	clear:both;
}

div#menu{background:#FFFFFF url(../gfx/navig-under.gif) no-repeat scroll left bottom;height:44px;}
div#menu ul{list-style-type:none;}
div#menu li{float:left;border-right:2px solid white;}
div#menu li a{display:block;height:33px;float:left;}
div#menu li a span{display:none;}
div#menu li.home{width:58px;}
div#menu li.home a{background:transparent url(../gfx/home.gif) no-repeat scroll left top;width:58px;}
div#menu li.home a:hover, div#menu li.home a.selected, div#menu li#current-home a{background:transparent url(../gfx/home-on.gif) no-repeat scroll left top;width:58px;}
div#menu li.soutenir{width:148px;}
div#menu li.soutenir a{background:transparent url(../gfx/nous-soutenir.gif) no-repeat scroll left top;width:148px;}
div#menu li.soutenir a:hover, div#menu li.soutenir a.selected, div#menu li.soutenir:hover a, div#menu li#current-soutenir a{background:transparent url(../gfx/nous-soutenir-on.gif) no-repeat scroll left top;width:148px;}
div#menu li.actus{width:120px;}
div#menu li.actus a{background:transparent url(../gfx/actualites.gif) no-repeat scroll left top;width:120px;}
div#menu li.actus a:hover, div#menu li.actus a.selected, div#menu li.actus:hover a, div#menu li#current-actus a{background:transparent url(../gfx/actualites-on.gif) no-repeat scroll left top;width:120px;}
div#menu li.legap{width:169px;}
div#menu li.legap a{background:transparent url(../gfx/decouvrir-le-gap.gif) no-repeat scroll left top;width:169px;}
div#menu li.legap a:hover, div#menu li.legap a.selected, div#menu li.legap:hover a, div#menu li#current-legap a{background:transparent url(../gfx/decouvrir-le-gap-on.gif) no-repeat scroll left top;width:169px;}
div#menu li.partenaires{width:164px;}
div#menu li.partenaires a{background:transparent url(../gfx/les-associations.gif) no-repeat scroll left top;width:164px;}
div#menu li.partenaires a:hover, div#menu li.partenaires a.selected, div#menu li.partenaires:hover a, div#menu li#current-partenaires a{background:transparent url(../gfx/les-associations-on.gif) no-repeat scroll left top;width:164px;}
div#menu li.demarche_qualite{width:166px;}
div#menu li.demarche_qualite a{background:transparent url(../gfx/demarche-qualite.gif) no-repeat scroll left top;width:166px;}
div#menu li.demarche_qualite a:hover, div#menu li.demarche_qualite a.selected, div#menu li.demarche_qualite:hover a, div#menu li#current-demarche_qualite a{background:transparent url(../gfx/demarche-qualite-on.gif) no-repeat scroll left top;width:166px;}
div#menu li.emplois_stages{width:163px;border-right:0px none;}
div#menu li.emplois_stages a{background:transparent url(../gfx/emploi-et-stages.gif) no-repeat scroll left top;width:163px;}
div#menu li.emplois_stages a:hover, div#menu li.emplois_stages a.selected, div#menu li.emplois_stages:hover a, div#menu li#current-emplois_stages a{background:transparent url(../gfx/emploi-et-stages-on.gif) no-repeat scroll left top;width:163px;}


div#menu li#current-soutenir div ul li a,
div#menu li#current-actus div ul li a,
div#menu li#current-legap div ul li a,
div#menu li#current-partenaires div ul li a,
div#menu li#current-demarche_qualite div ul li a,
div#menu li#current-emplois_stages div ul li a,
div#menu li.soutenir div ul li a,
div#menu li.actus div ul li a,
div#menu li.legap div ul li a,
div#menu li.partenaires div ul li a,
div#menu li.demarche_qualite div ul li a,
div#menu li.emplois_stages div ul li a{
	display:block;
	float:none;
	padding:5px;
	background:#FFFFFF none repeat scroll 0 0;
	color:#336699;
	font-size:12px;
	height:16px;
	text-decoration:none;
}


div#menu li#current-soutenir:hover div ul li a,
div#menu li#current-actus:hover div ul li a,
div#menu li#current-legap:hover div ul li a,
div#menu li#current-partenaires:hover div ul li a,
div#menu li#current-demarche_qualite:hover div ul li a,
div#menu li#current-emplois_stages:hover div ul li a,
div#menu li.soutenir:hover div ul li a,
div#menu li.actus:hover div ul li a,
div#menu li.legap:hover div ul li a,
div#menu li.partenaires:hover div ul li a,
div#menu li.demarche_qualite:hover div ul li a,
div#menu li.emplois_stages:hover div ul li a{
	display:block;
	float:none;
	background:#FFFFFF none repeat scroll 0 0;
	color:#336699;
	font-size:12px;
	height:16px;
	text-decoration:none;
}


div#menu li#current-soutenir div ul li a:hover,
div#menu li#current-actus div ul li a:hover,
div#menu li#current-legap div ul li a:hover,
div#menu li#current-partenaires div ul li a:hover,
div#menu li#current-demarche_qualite div ul li a:hover,
div#menu li#current-emplois_stages div ul li a:hover,
div#menu li.soutenir div ul li a:hover,
div#menu li.actus div ul li a:hover,
div#menu li.legap div ul li a:hover,
div#menu li.partenaires div ul li a:hover,
div#menu li.demarche_qualite div ul li a:hover,
div#menu li.emplois_stages div ul li a:hover{
	display:block;
	float:none;
	padding:5px;
	background:#336699 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

div#menu ul li div ul li{border-right:0px none;}
div#menu li.soutenir:hover div ul li a, div#menu li.soutenir div ul li a, div#menu li.soutenir div ul li a:hover{width:225px;-width:228px;}
div#menu li#current-soutenir:hover div ul li a, div#menu li#current-soutenir div ul li a, div#menu li#current-soutenir div ul li a:hover{width:135px;-width:138px;}
div#menu li.actus:hover div ul li a, div#menu li.actus div ul li a, div#menu li.actus div ul li a:hover{width:107px;-width:110px;}
div#menu li#current-actus:hover div ul li a, div#menu li#current-actus div ul li a, div#menu li#current-actus div ul li a:hover{width:107px;-width:110px;}
div#menu li.legap:hover div ul li a, div#menu li.legap div ul li a, div#menu li.legap div ul li a:hover{width:156px;-width:159px;}
div#menu li#current-legap:hover div ul li a, div#menu li#current-legap div ul li a, div#menu li#current-legap div ul li a:hover{width:156px;-width:159px;}
div#menu li.partenaires:hover div ul li a, div#menu li.partenaires div ul li a, div#menu li.partenaires div ul li a:hover{width:185px;-width:188px;}
div#menu li#current-partenaires:hover div ul li a, div#menu li#current-partenaires div ul li a, div#menu li#current-partenaires div ul li a:hover{width:185px;-width:188px;}
div#menu li.demarche_qualite:hover div ul li a, div#menu li.demarche_qualite div ul li a, div#menu li.demarche_qualite div ul li a:hover{width:153px;-width:156px;}
div#menu li#current-demarche_qualite:hover div ul li a, div#menu li#current-demarche_qualite div ul li a, div#menu li#current-demarche_qualite div ul li a:hover{width:153px;-width:156px;}
div#menu li.emplois_stages:hover div ul li a, div#menu li.emplois_stages div ul li a, div#menu li.emplois_stages div ul li a:hover{width:150px;-width:153px;}
div#menu li#current-emplois_stages:hover div ul li a, div#menu li#current-emplois_stages div ul li a, div#menu li#current-emplois_stages div ul li a:hover{width:150px;-width:153px;}



/*********** TO TEST ************/



/*
#menu_haut #current a{
	background-position:0 -300px;
	text-decoration: none;
	color: #336699;
}

#menu_haut #current div ul li a{
	background:#FFFFFF none repeat scroll 0 0;
	color:#336699;
}

#menu_haut #current div ul li a:hover{
	background:#336699 none repeat scroll 0 0;
	color:#FFFFFF;
}

#menu_haut #current a span{
	background-position:100% -300px;
}
*/

/*NEW NAVIG*/
div#menu div ul {
	display:block;
	float:none;
	margin:0;
	padding:0;
}
div#menu div ul li{
	display:block;
	float:none;
	background:none;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#menu div ul li a:hover{
	color:#fff;
	background-color:#336699;
}
div#menu div.smbg_red ul li a{
	background-color:#d60083;
}
div#menu div.smbg_red ul li a:hover{
	background-color:#336699;
}


div#menu_haut div.smbg_blue{
	background-color:#FFFFFF;
	border:1px solid #336699;
	color:#336699;
}

div#menu div div ul li a{
	color:#fff;
}
.spacerMenu{
clear:both;
font-size:1px;
height:1px;
}

/* Cette section permet le rollover changeant en fonction du menu. Commentée car (apparemment) difficile à utiliser dans les navigateurs#menu_haut li:hover ul, li.over ul, #menu_haut_droite li:hover ul{	display: block;}*//* -------------- MENU NIVEAU 3 -------------------*/
#left ul {/*	padding-left: 12px;*/
	list-style-type: none;
	margin-top:20px;
	margin-left:10px;
	text-align: left;
	font-size:1.10em;
	font-weight:bold;
	color:#000;
}
#left ul li {
	border-bottom: 0.1em dashed #ccc;
	margin-right:20px;
	padding-bottom:6px;
	background: url(../gfx/puces/puce1.gif) left top no-repeat;
	padding-top: 4px;
	padding-left: 25px;
}
#left ul li a {
	text-decoration:none;
	color:#666;
}
#left ul li:hover, #left ul #selected {
	background: url(../gfx/puces/puce2.gif) left top no-repeat;/*	background-color:#F5F5F5;*/
}
#left ul li:hover a, #left ul #selected a {
	text-decoration:none;
	color:#09c;
}