#zoneMenuHoriz {
width: 980px;
height: 68px;
float: left;
background-image: url(zone_menu_horiz.jpg);
background-repeat: no-repeat;
}
body.bodyAccueil #zoneMenuHoriz {
width: 980px;
height: 68px;
float: left;
background-image: url(zone_menu_horiz_home.jpg);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
body.bodyAccueil #menu {
float: left;
width: 10px;
padding: 0px 0px 0px 0px;
}
#menu {
float: left;
width: 180px;
padding: 60px 0px 0px 10px;
background-repeat: no-repeat;
background-position: 5px 0px;
}
body.body01 #menu {
background-image: url(titre_menu_qu_est_ce_que_gpso.gif);
}
body.body02 #menu {
background-image: url(titre_menu_jour_le_jour.gif);
}
body.body03 #menu {
background-image: url(titre_menu_acteurs_partenaires_projets.gif);
}
body.body04 #menu {
background-image: url(titre_menu_themes_concertation.gif);
}
body.body05 #menu {
background-image: url(titre_menu_projets_associes.gif);
}
#menu ul li a {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 44px;
overflow: hidden;
}
#menu ul li.lien01 a {
left: 95px;
width: 146px;
background-image: url(bout_01_qu_est_ce_que_gpso.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lien02 a {
left: 241px;
width: 148px;
background-image: url(bout_02_les_projets_au_fil_des_jours.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lien03 a {
left: 389px;
width: 157px;
background-image: url(bout_03_les_acteurs_des_projets.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lien04 a {
left: 546px;
width: 155px;
background-image: url(bout_04_les_themes_communs.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lien05 a {
left: 701px;
width: 172px;
background-image: url(bout_05_les_prolongements.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#menu ul li.lien01 a:hover,
#menu ul li.lien02 a:hover,
#menu ul li.lien03 a:hover,
#menu ul li.lien04 a:hover,
#menu ul li.lien05 a:hover,
#menu ul li.lien01_on a,
#menu ul li.lien02_on a,
#menu ul li.lien03_on a,
#menu ul li.lien04_on a,
#menu ul li.lien05_on a {
background-position: 0px -110px;
}

/*--  NIVEAU 2  --*/

#menu ul li ul {
display: none;
}
#menu ul li ul.on{
display: block;
position: relative;
top: 0px;
left: 0px;
width: 160px;
margin: 0px 10px 0px 0px;
padding: 10px 20px 50px 0px;
background-image: url(fond_menu.gif);
background-position: -5px bottom;
}
#menu ul li.on ul li {
color: #1c59a8;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li.on ul li a {
display: block;
width: auto;
height: auto;
position: relative;
top: 0px;
left: 0px;
background-image: url(puce_menu01.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
color: #1c59a8;
text-decoration: none;
padding: 0px 0px 0px 18px;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li.on a {
color: #2a8e3a;
background-position: 0px 2px;
}

/*--  NIVEAU 3  --*/

#menu ul li.on ul.on li ul {
width: 135px;
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px 15px;
background-image: none;
}
#menu ul li.on ul.on li ul li {
color: #1c59a8;
font-size: x-small;
/*font-weight: bold;*/
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li.on ul.on li ul li a {
display: block;
width: auto;
height: auto;
background-image: url(puce_menu02.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
color: #1c59a8;
text-decoration: none;
padding: 0px 0px 0px 12px;
}
#menu ul li.on ul.on li ul li a:hover,
#menu ul li.on ul.on li ul li.on a {
color: #2a8e3a;
background-position: 0px 2px;
}
#menu ul li a span {
position: absolute;
top: -100px;
}