/* ---MENU-STYLE ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
width:192px;
/*margin:20px 20px 20px 10px;*/
margin:0px 20px 0px 20px;
display:inline;
float:right;
height:0px;
}
#menu ul li {
list-style:none;
margin:0px 0px 0px 0px;
}
#menu ul li ul,
#menu ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#menu ul li.on ul,
#menu ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li ul.on li.on ul{
display: block;
}
body.large #menu ul ul,
body.bodygenerique #menu ul ul{
display:none;
}
#menu ul#grandsProjets {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- AFFICHAGE TITRE MON MENU --- */
#menu ul.on li ul.on {
padding: 45px 0px 0px 0px;
background-image: url(titre_menu.gif);
background-repeat: no-repeat;
}
#menu ul.on li ul.on li ul.on {
padding: 0px 0px 0px 0px;
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- LIEN STYLE --- */
/* ---MA VILLE --- */
#menu ul li.ma_ville a{
display:block;
padding:22px 0px 12px 0px;
height:26px;
width:180px;
font-weight:bold;
font-size:x-small;
text-align:center;
text-transform:uppercase;
font-family:"georgia";
text-decoration:none;
background:url(bg_bouton_ville.jpg) repeat left top;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.mvav_on a,
#menu ul li.ma_ville a.on,
#menu ul li.ma_ville a:hover{
background:url(bg_bouton_ville.jpg) repeat 0px -62px;
color:#333333;
}
/* --- MA MAIRIE ---*/
#menu ul li.mairie a{
display:block;
padding:22px 0px 12px 0px;
height:26px;
width:154px;
font-weight:bold;
font-family:"georgia";
font-size:x-small;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_mairie.jpg) repeat top left;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.mmel_on a,
#menu ul li.mairie a.on,
#menu ul li.mairie a:hover{
background:url(bg_bouton_mairie.jpg) repeat 0px -62px;
color:#333333;
}
/* --- PARICIPE ---*/
#menu ul li.participe a{
display:block;
padding:22px 0px 12px 0px;
height:26px;
width:115px;
font-weight:bold;
font-size:x-small;
font-family:"georgia";
text-align:center;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_participe.jpg) repeat top left;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.jp_on a,
#menu ul li.participe a.on,
#menu ul li.participe a:hover{
background:url(bg_bouton_participe.jpg) repeat 0px -62px;
color:#333333;
}
/* --- DURABLE ---*/
#menu ul li.durable a{
display:block;
padding:22px 0px 12px 0px;
height:26px;
width:150px;
font-weight:bold;
font-size:x-small;
font-family:"georgia";
text-align:center;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_durable.jpg) repeat top left;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.drl_on a,
#menu ul li.durable a.on,
#menu ul li.durable a:hover{
background:url(bg_bouton_durable.jpg) repeat 0px -62px;
color:#333333;
}
/* --- VIVA --- */
#menu ul li.viva a{
position:absolute;
top:266px;
right: 300px;
display:block;
padding:18px 0px 12px 0px;
height:30px;
width:85px;
font-weight:bold;
font-size:small;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_viva.jpg) no-repeat top left;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.viva a.on,
#menu ul li.viva a:hover{
background:url(bg_bouton_viva.jpg) no-repeat 0px -62px;
color:#333333;
}
/*supprime le texte qui est remplacé par une image*/
#menu ul li.viva a span{
position:absolute;
top:-1000px;
}
/* --- VIDEO --- */
 #menu ul li.video a{
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:94px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_video.gif) no-repeat  0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.vid_on a,
#menu ul li.video a.on,
#menu ul li.video a:hover{
background:url(bg_bouton_video.gif) no-repeat  0px -31px;
}
/* --- DOCU ---*/
#menu ul li.docu a{
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:84px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_docu.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.doc_on a,
#menu ul li.docu a.on,
#menu ul li.docu a:hover{
background:url(bg_bouton_docu.gif) no-repeat 0px -31px;
}
/* --- ALERTE ---*/
#menu ul li.alerte a{
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:91px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_alerte.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.ale_on a,
#menu ul li.alerte a.on,
#menu ul li.alerte a:hover{
background:url(bg_bouton_alerte.gif) no-repeat 0px -31px;
}
/* --- ESPACE PRESSE ---*/
#menu ul li.presse a{
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:76px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_presse.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu ul li.pre_on a,
#menu ul li.presse a.on,
#menu ul li.presse a:hover{
background:url(bg_bouton_presse.gif) no-repeat 0px -31px;
}
/* --- ESPACE PRO ---*/
#menu ul li.espacePro a {
position:absolute;
top:130px;
left:798px;
height:40px;
width:160px;
text-align:left;
text-decoration:none;
color:#FFFFFF;
font-family:"georgia";
font-weight:bold;
margin:0px 0px 0px 0px;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* --- NEWSLETTER ---*/
#menu_top ul li.inscription_newsletter a{
position:absolute;
top:6px;
left:364px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:70px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_inscript_news.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu_top ul li.inscription_newsletter a.on,
#menu_top ul li.inscription_newsletter a:hover{
background:url(bg_bouton_inscript_news.gif) no-repeat 0px -31px;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* --- LOGOTHEQUE ---*/
#menu_top ul li.logotheque a{
position:absolute;
top:6px;
left:464px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:35px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_logo.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu_top ul li.logotheque a.on,
body.logotheque #menu_top ul li.logotheque a,
#menu_top ul li.logotheque a:hover{
background:url(bg_bouton_logo.gif) no-repeat 0px -31px;
}

/* --- ESPACE ACCESSIBILITE ---*/
#menu_top ul li.accessibilite a{
position:absolute;
top:6px;
left:637px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:68px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_access.gif) no-repeat 0px 0px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
#menu_top ul li.accessibilite a.on,
#menu_top ul li.accessibilite a:hover{
background:url(bg_bouton_access.gif) no-repeat 0px -31px;
}
/* --- L'ANNUAIRE ---*/
#menu_top ul li.lienannuaire a{
position:absolute;
top:6px;
left:738px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:68px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(picto_annuaire.gif) no-repeat 7px 7px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
/* --- FLUX RSS ---*/
#menu_top ul li.rss a{
position:absolute;
top:6px;
left:830px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:105px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(flux_rss.gif) no-repeat 7px 7px;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY ACCUEIL --- */
body.bodygenerique #menu ul li.mairie,
body.bodygenerique #menu ul li.participe,
body.bodygenerique #menu ul li.durable,
body.bodygenerique #menu ul li.viva,
body.bodygenerique #menu ul li.viva span,
body.bodygenerique #menu ul li.ma_ville,
body.bodygenerique #menu ul li.video,
body.bodygenerique #menu ul li.docu,
body.bodygenerique #menu ul li.alerte, 
body.bodygenerique #menu ul li.presse,
body.bodygenerique #menu ul li.espacePro,
body.bodyaccueil #menu ul li.mairie,
body.bodyaccueil #menu ul li.participe,
body.bodyaccueil #menu ul li.durable,
body.bodyaccueil #menu ul li.viva,
body.bodyaccueil #menu ul li.viva span,
body.bodyaccueil #menu ul li.ma_ville,
body.bodyaccueil #menu ul li.video,
body.bodyaccueil #menu ul li.docu,
body.bodyaccueil #menu ul li.alerte, 
body.bodyaccueil #menu ul li.presse,
body.bodyaccueil #menu ul li.espacePro {
position:absolute;
top:-1000px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/* --- MA VILLE --- */
body.bodygenerique #menu ul li.ma_ville a,
body.bodyaccueil #menu ul li.ma_ville a{
position:absolute;
top:1266px;
left:-760px;
}
/* --- MA MAIRIE ---*/
body.bodygenerique #menu ul li.mairie a,
body.bodyaccueil #menu ul li.mairie a{
position:absolute;
top:1266px;
right:430px;
}
/* --- PARICIPE ---*/
body.bodygenerique #menu ul li.participe a,
body.bodyaccueil #menu ul li.participe a{
position:absolute;
top:1266px;
right:320px;
}
/* --- DURABLE ---*/
body.bodygenerique #menu ul li.durable a,
body.bodyaccueil #menu ul li.durable a{
position:absolute;
top:1266px;
right:175px;
}
/* --- VIVA --- */
body.bodygenerique #menu ul li.viva a,
body.bodyaccueil #menu ul li.viva a{
position:absolute;
top:1266px;
right: 88px;
}
/* --- VIDEO --- */
body.bodygenerique #menu ul li.video a,
body.bodyaccueil #menu ul li.video a{
position:absolute;
top:1006px;
left:-767px;
}
/* --- DOCU ---*/
body.bodygenerique #menu ul li.docu a,
body.bodyaccueil #menu ul li.docu a{
position:absolute;
top:1006px;
left:-640px;
}
/* --- ALERTE ---*/
body.bodygenerique #menu ul li.alerte a,
body.bodyaccueil #menu ul li.alerte a{
position:absolute;
top:1006px;
left:-525px;
}
/* --- ESPACE PRESSE ---*/
body.bodygenerique #menu ul li.presse a,
body.bodyaccueil #menu ul li.presse a{
position:absolute;
top:1006px;
left:-238px;
}
/* --- ESPACE PRO ---*/
body.bodygenerique #menu ul li.espacePro a,
body.bodyaccueil #menu ul li.espacePro a{
position:absolute;
top:1130px;
left:30px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY MA VILLE ---*/
body.bodymaville #menu ul li.mairie,
body.bodymaville #menu ul li.participe,
body.bodymaville #menu ul li.durable,
body.bodymaville #menu ul li.video,
body.bodymaville #menu ul li.docu,
body.bodymaville #menu ul li.alerte, 
body.bodymaville #menu ul li.presse,
body.bodymaville #menu ul li.espacePro {
position:absolute;
top:-1000px;
background-image:none;
}
body.bodymaville #menu ul li.ma_ville a{
position:absolute;
top:266px;
left: 7px;
}
/* --- LIEN MA VILLE ---*/
body.bodymairie #menu ul li.ma_ville a,
body.bodyparticipe #menu ul li.ma_ville a,
body.bodyVilleDurable  #menu ul li.ma_ville a,
body.bodyvideo #menu ul li.ma_ville a,
body.bodydocu #menu ul li.ma_ville a,
body.bodyalerte #menu ul li.ma_ville a,
body.bodypresse #menu ul li.ma_ville a,
body.bodyespacePro #menu ul li.ma_ville a{
position:absolute;
top:1266px;
left:-760px;
}
/*--- sous menu ma ville --- */
body.bodymaville #menu ul li.ma_ville ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodymaville #menu ul li.ma_ville ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodymaville #menu ul li.ma_ville ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodymaville #menu ul li.ma_ville ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodymaville #menu ul li.ma_ville ul.on li.on a{
color:#01A0BE;
}
body.bodymaville #menu ul li.ma_ville ul.on li a.on,
body.bodymaville #menu ul li.ma_ville ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li a.on,
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li ul.on li a{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li ul.on li a.on,
body.bodymaville #menu ul li.ma_ville ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY MA MAIRIE ---*/
body.bodymairie #menu ul li.ma_ville,
body.bodymairie #menu ul li.participe,
body.bodymairie #menu ul li.durable,
body.bodymairie #menu ul li.video,
body.bodymairie #menu ul li.docu,
body.bodymairie #menu ul li.alerte, 
body.bodymairie #menu ul li.presse,
body.bodymairie #menu ul li.espacePro {
position:absolute;
top:-1000px;
}
body.bodymairie #menu ul li.mairie a{
position:absolute;
top:266px;
right:642px;
}
/* --- LIEN MAIRIE ---*/
body.bodymaville #menu ul li.mairie a,
body.bodyparticipe #menu ul li.mairie a,
body.bodyVilleDurable #menu ul li.mairie a,
body.bodyvideo #menu ul li.mairie a,
body.bodydocu #menu ul li.mairie a,
body.bodyalerte #menu ul li.mairie a,
body.bodypresse #menu ul li.mairie a,
body.bodyespacePro #menu ul li.mairie a{
position:absolute;
top:1266px;
right:430px;
}
/*--- sous menu mairie --- */
body.bodymairie  #menu ul li.mairie ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodymairie  #menu ul li.mairie ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodymairie #menu ul li.mairie ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodymairie #menu ul li.mairie ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodymairie #menu ul li.mairie ul.on li.on a{
color:#01A0BE;
}
body.bodymairie #menu ul li.mairie ul.on li a.on,
body.bodymairie #menu ul li.mairie ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li a.on,
body.bodymairie #menu ul li.mairie ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodymairie #menu ul li.mairie ul.on li ul.on li a.on ul.on li a.on,
body.bodymairie #menu ul li.mairie ul.on li ul.on li ul. li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY PARTICIPE ---*/
body.bodyparticipe #menu ul li.ma_ville,
body.bodyparticipe #menu ul li.mairie,
body.bodyparticipe #menu ul li.durable,
body.bodyparticipe #menu ul li.video,
body.bodyparticipe #menu ul li.docu,
body.bodyparticipe #menu ul li.alerte, 
body.bodyparticipe #menu ul li.presse,
body.bodyparticipe #menu ul li.espacePro{
position:absolute;
top:-1000px;
}
body.bodyparticipe #menu ul li.participe a{
position:absolute;
top:266px;
right:533px;
}
/* --- LIEN PARTICIPE ---*/
body.bodymaville #menu ul li.participe a,
body.bodymairie #menu ul li.participe a,
body.bodyVilleDurable #menu ul li.participe a,
body.bodyvideo #menu ul li.participe a,
body.bodydocu #menu ul li.participe a,
body.bodyalerte #menu ul li.participe a,
body.bodypresse #menu ul li.participe a,
body.bodyespacePro #menu ul li.participe a{
position:absolute;
top:1266px;
right:320px;
}
/*--- sous menu participe --- */
body.bodyparticipe  #menu ul li.participe ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodyparticipe  #menu ul li.participe ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodyparticipe #menu ul li.participe ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodyparticipe #menu ul li.participe ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodyparticipe #menu ul li.participe ul.on li.on a{
color:#01A0BE;
}
body.bodyparticipe #menu ul li.participe ul.on li a.on,
body.bodyparticipe #menu ul li.participe ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li a.on,
body.bodyparticipe #menu ul li.participe ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodyparticipe #menu ul li.participe ul.on li ul.on li ul.on li a.on,
body.bodyparticipe #menu ul li.participe ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY DURABLE ---*/
body.bodyVilleDurable #menu ul li.ma_ville,
body.bodyVilleDurable #menu ul li.mairie,
body.bodyVilleDurable #menu ul li.participe,
body.bodyVilleDurable #menu ul li.video,
body.bodyVilleDurable #menu ul li.docu,
body.bodyVilleDurable #menu ul li.alerte, 
body.bodyVilleDurable #menu ul li.presse,
body.bodyVilleDurable #menu ul li.espacePro{
position:absolute;
top:-1000px;
}
body.bodyVilleDurable #menu ul li.durable a{
position:absolute;
top:266px;
right:388px;
}
/* --- LIEN DURABLE ---*/
body.bodymaville #menu ul li.durable a,
body.bodymairie #menu ul li.durable a,
body.bodyparticipe #menu ul li.durable a,
body.bodyvideo #menu ul li.durable a,
body.bodydocu #menu ul li.durable a,
body.bodyalerte #menu ul li.durable a,
body.bodypresse #menu ul li.durable a,
body.bodyespacePro #menu ul li.durable a{
position:absolute;
top:1266px;
right:175px;
}
/*--- sous menu durable --- */
body.bodyVilleDurable  #menu ul li.durable ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodyVilleDurable  #menu ul li.durable ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodyVilleDurable #menu ul li.durable ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodyVilleDurable #menu ul li.durable ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodyVilleDurable #menu ul li.durable ul.on li.on a{
color:#01A0BE;
}
body.bodyVilleDurable #menu ul li.durable ul.on li a.on,
body.bodyVilleDurable #menu ul li.durable ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li a.on,
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li ul.on li a.on,
body.bodyVilleDurable #menu ul li.durable ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY VIDEO ---*/
body.bodyvideo #menu ul li.mairie,
body.bodyvideo #menu ul li.participe,
body.bodyvideo #menu ul li.durable,
body.bodyvideo #menu ul li.ma_ville,
body.bodyvideo #menu ul li.docu,
body.bodyvideo #menu ul li.alerte, 
body.bodyvideo #menu ul li.presse,
body.bodyvideo #menu ul li.invisible,
body.bodyvideo #menu ul li.espacePro{
position:absolute;
top:-1000px;
background-image:none;
}
body.bodyvideo #menu ul li.video a{
position:absolute;
top:6px;
left:0px;
}
/* --- LIEN VIDEO ---*/
body.bodymairie #menu ul li.video a,
body.bodyparticipe #menu ul li.video a,
body.bodyVilleDurable #menu ul li.video a,
body.bodymaville #menu ul li.video a,
body.bodydocu #menu ul li.video a,
body.bodyalerte #menu ul li.video a,
body.bodypresse #menu ul li.video a,
body.bodyespacePro #menu ul li.video a{
position:absolute;
top:1006px;
left:-767px;
}
/*--- sous menu video --- */
body.bodyvideo #menu ul li.video ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodyvideo #menu ul li.video ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodyvideo #menu ul li.video ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodyvideo #menu ul li.video ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodyvideo #menu ul li.video ul.on li.on a{
color:#01A0BE;
}
body.bodyvideo #menu ul li.video ul.on li a.on,
body.bodyvideo #menu ul li.video ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li a.on,
body.bodyvideo #menu ul li.video ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li ul.on li a{
width:17px;
padding-left:18px;
color:#333333;
}
body.bodyvideo #menu ul li.video ul.on li ul.on li ul.on li a.on,
body.bodyvideo #menu ul li.video ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY DOCU ---*/
body.bodydocu #menu ul li.mairie,
body.bodydocu #menu ul li.participe,
body.bodydocu #menu ul li.durable,
body.bodydocu #menu ul li.ma_ville,
body.bodydocu #menu ul li.video,
body.bodydocu #menu ul li.alerte, 
body.bodydocu #menu ul li.presse,
body.bodydocu #menu ul li.espacePro{
position:absolute;
top:-1000px;
background-image:none;
}
body.bodydocu #menu ul li.docu a{
position:absolute;
top:6px;
left:126px;
}
/* --- LIEN DOCU ---*/
body.bodymairie #menu ul li.docu a,
body.bodyparticipe #menu ul li.docu a,
body.bodyVilleDurable #menu ul li.docu a,
body.bodymaville #menu ul li.docu a,
body.bodyvideo #menu ul li.docu a,
body.bodyalerte #menu ul li.docu a,
body.bodypresse #menu ul li.docu a,
body.bodyespacePro #menu ul li.docu a{
position:absolute;
top:1006px;
left:-640px;
}
/*--- sous menu DOCU --- */
body.bodydocu #menu ul li.docu ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodydocu #menu ul li.docu ul li.on{
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodydocu #menu ul li.docu ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodydocu #menu ul li.docu ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodydocu #menu ul li.docu ul.on li.on a{
color:#01A0BE;
}
body.bodydocu #menu ul li.docu ul.on li a.on,
body.bodydocu #menu ul li.docu ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li a.on,
body.bodydocu #menu ul li.docu ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodydocu #menu ul li.docu ul.on li ul.on li ul.on li a.on,
body.bodydocu #menu ul li.docu ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY ALERTE ---*/
body.bodyalerte #menu ul li.mairie,
body.bodyalerte #menu ul li.participe,
body.bodyalerte #menu ul li.durable,
body.bodyalerte #menu ul li.ma_ville,
body.bodyalerte #menu ul li.docu,
body.bodyalerte #menu ul li.video, 
body.bodyalerte #menu ul li.presse,
body.bodyalerte #menu ul li.espacePro{
position:absolute;
top:-1000px;
background-image:none;
}
body.bodyalerte #menu ul li.alerte a{
position:absolute;
top:6px;
left:242px;
}
/* --- LIEN ALERTE ---*/
body.bodymairie #menu ul li.alerte a,
body.bodyparticipe #menu ul li.alerte a,
body.bodyVilleDurable #menu ul li.alerte a,
body.bodymaville #menu ul li.alerte a,
body.bodydocu #menu ul li.alerte a,
body.bodyvideo #menu ul li.alerte a,
body.bodypresse #menu ul li.alerte a,
body.bodyespacePro #menu ul li.alerte a{
position:absolute;
top:1006px;
left:-525px;
}
/*--- sous menu alerte --- */
body.bodyalerte #menu ul li.alerte ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodyalerte #menu ul li.alerte ul li.on {
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodyalerte #menu ul li.alerte ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodyalerte #menu ul li.alerte ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodyalerte #menu ul li.alerte ul.on li.on a{
color:#01A0BE;
}
body.bodyalerte #menu ul li.alerte ul.on li a.on,
body.bodyalerte #menu ul li.alerte ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li a.on,
body.bodyalerte #menu ul li.alerte ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodyalerte #menu ul li.alerte ul.on li ul.on li ul.on li a.on,
body.bodyalerte #menu ul li.alerte ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY PRESSE ---*/
body.bodypresse #menu ul li.mairie,
body.bodypresse #menu ul li.participe,
body.bodypresse #menu ul li.durable,
body.bodypresse #menu ul li.ma_ville,
body.bodypresse #menu ul li.docu,
body.bodypresse #menu ul li.video, 
body.bodypresse #menu ul li.alerte,
body.bodypresse #menu ul li.espacePro{
position:absolute;
top:-1000px;
background-image:none;
}
body.bodypresse #menu ul li.presse a{
position:absolute;
top:6px;
left:529px;
}
/* --- LIEN PRESSE ---*/
body.bodymairie #menu ul li.presse a,
body.bodyparticipe #menu ul li.presse a,
body.bodyVilleDurable #menu ul li.presse a,
body.bodymaville #menu ul li.presse a,
body.bodydocu #menu ul li.presse a,
body.bodyvideo #menu ul li.presse a,
body.bodyalerte #menu ul li.presse a,
body.bodyespacePro #menu ul li.presse a{
position:absolute;
top:1006px;
left:-238px;
}
/*--- sous menu presse --- */
body.bodypresse #menu ul li.presse ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodypresse #menu ul li.presse ul li.on {
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodypresse #menu ul li.presse ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodypresse #menu ul li.presse ul.on li a{
position:relative;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodypresse #menu ul li.presse ul.on li.on a{
color:#01A0BE;
}
body.bodypresse #menu ul li.presse ul.on li a.on,
body.bodypresse #menu ul li.presse ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li a.on,
body.bodypresse #menu ul li.presse ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodypresse #menu ul li.presse ul.on li ul.on li ul.on li a.on,
body.bodypresse #menu ul li.presse ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- BODY ESPACE PRO ---*/
body.bodyespacePro #menu ul li.mairie,
body.bodyespacePro #menu ul li.participe,
body.bodyespacePro #menu ul li.durable,
body.bodyespacePro #menu ul li.ma_ville,
body.bodyespacePro #menu ul li.docu,
body.bodyespacePro #menu ul li.video, 
body.bodyespacePro #menu ul li.alerte,
body.bodyespacePro #menu ul li.presse{
position:absolute;
top:-1000px;
background-image:none;
}
body.bodyespacePro #menu ul li.espacePro a{
position:absolute;
top:130px;
left:797px;
}
/* --- LIEN ESPACE PRO ---*/
body.bodypresse #menu ul li.espacePro ul {
display: none;
}
body.bodymairie #menu ul li.espacePro a,
body.bodyparticipe #menu ul li.espacePro a,
body.bodyVilleDurable #menu ul li.espacePro a,
body.bodymaville #menu ul li.espacePro a,
body.bodydocu #menu ul li.espacePro a,
body.bodyvideo #menu ul li.espacePro a,
body.bodyalerte #menu ul li.espacePro a,
body.bodypresse #menu ul li.espacePro a{
position:absolute;
top:1130px;
left:30px;
}
/*--- sous menu pro --- */
body.bodyespacePro #menu ul li.espacePro ul li{
background:url(bg_ul_li_noir.gif) left 3px no-repeat;
}
body.bodyespacePro #menu ul li.espacePro ul li.on {
background:url(bg_ul_li.gif) left 3px no-repeat;
}
body.bodyespacePro #menu ul li.espacePro ul.on li {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}
body.bodyespacePro #menu ul li.espacePro ul.on li a{
position:relative;
display:block;
top:0px;
left:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
color:#333;
font-weight:normal;
font-size:x-small;
text-align:left;
text-transform:none;
background-image:none;
height:auto;
width:175px;
font-family : Arial, Helvetica, sans-serif;
border-bottom:1px #666 dotted;
}
body.bodyespacePro #menu ul li.espacePro ul.on li.on a{
color:#01A0BE;
}
body.bodyespacePro #menu ul li.espacePro ul.on li a.on,
body.bodyespacePro #menu ul li.espacePro ul.on li a:hover{
color:#01A0BE;
background-image:none;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li{
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li a{
width:165px;
padding-left:10px;
color:#01A0BE;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li a.on,
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 1px 5px;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li ul.on li {
background-image:none;
padding:0px 0px 0px 0px;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li ul.on li a{
width:157px;
padding-left:18px;
color:#333333;
}
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li ul.on li a.on,
body.bodyespacePro #menu ul li.espacePro ul.on li ul.on li ul.on li a:hover{
background:url(bg_ul_li_ul_li.gif) no-repeat 10px 5px;
}