/***menu***/

#menu{
margin:0 auto;
padding:0;
width:780px;
float:left;
height:37px;
position:relative;

}

#menu ul{
margin:0;
padding:0;

}

#menu li{
float:left;
background-position:left top;
background-repeat:no-repeat;
list-style-type:none;
}

#menu li span{
text-indent:-1000em;
display:block;
height:37px;
}

#menu li a:link span, #menu li a:visited span, #menu li a:hover span, #menu li a:active span{
cursor:pointer;
}

/* actif*/

#menu ul li.actif{
background-position:right top;
}

#menu ul li ul.hover{
display:block;
}

#menu ul li:hover ul{
display:block;
}

/* niveau 2**/

#menu ul ul{
display:none;
position:absolute;
z-index:10000;
width:173px;
background:#6699CC;
padding-bottom:5px;
-moz-opacity:.95;
filter:alpha(opacity=95);
opacity:.95;
}

#menu ul ul a{
color:#FFFFFF;
display:block;
padding: 2px 1px 2px 5px;
width:173px;
text-decoration:none;
font-size:10px;
font-family:Verdana;
}

#menu ul ul a:hover{
color:#666666;
}

/*menu images*/

#menu li#muni{
width:128px;
background:url('../images/vie_muni.gif');
}

#menu li:hover#muni{
background:url('../images/vie_muni.gif');
cursor:pointer;
}

#menu li#eco{
width:126px;
background:url('../images/vie_eco.gif');
}

#menu li:hover#eco{
background:url('../images/vie_eco.gif');
cursor:pointer;
}

#menu li#grandir{
width:113px;
background:url('../images/grandir.gif');
}

#menu li:hover#grandir{
background:url('../images/grandir.gif');
cursor:pointer;
}

#menu li#vivre{
width:113px;
background:url('../images/vivre.gif');
}

#menu li:hover#vivre{
background:url('../images/vivre.gif');
cursor:pointer;
}

#menu li#decouvrir{
width:127px;
background:url('../images/decouvrir.gif');
}

#menu li:hover#decouvrir{
background:url('../images/decouvrir.gif');
cursor:pointer;
}

#menu li#demarche{
width:173px;
background:url('../images/demarche1.gif');
}

#menu li:hover#demarche{
background:url('../images/demarche1.gif');
cursor:pointer;
}

#menu ul ul#sous_muni{
width:172px;
}

#menu ul ul#sous_eco{
width:130px;
}

#menu ul ul#sous_grandir{
width:132px;
}

#menu ul ul#sous_vivre{
width:150px;
}

#menu ul ul#sous_decouvrir{
width:168px;
}

#menu ul ul#sous_demarche{
width:173px;
}