/* 106 -113 - 4245 - 4248 - 4247 - 4246 - */ /* --- MENU HAUT --- */ #menumenu1 { clear:both; padding:0 0 0 71px; height:59px; margin:0; border:0; background:#8CBE24 url(/design/actionfourmies/images/menu_haut_bgd.gif) no-repeat 0 0; z-index:200; } #menumenu1 ul, #menumenu1 li { list-style:none; display:inline; padding:0; margin:0; border:0; } #menumenu1 .menu_top, #menumenu1 .menu_bottom, #menumenu1 .menu_title { display:none; } #menumenu1 a { display:block; margin:0; padding:0; float: left; } #menumenu1 a:hover { } #menumenu1 ul { height: 59px; } #menu_106_root a { display: block; width:224px; height:59px; background:url(/design/actionfourmies/images/menuhaut1.gif) no-repeat; } #menu_106_root a:hover { background:url(/design/actionfourmies/images/menuhaut1o.gif) no-repeat; } #menu_106_root a span { display: none; } #menu_113_root a { display: block; width:141px; height:59px; background:url(/design/actionfourmies/images/menuhaut2.gif) no-repeat; } #menu_113_root a:hover { background:url(/design/actionfourmies/images/menuhaut2o.gif) no-repeat; } #menu_113_root a span { display: none; } #menu_4245_root a { display: block; width:109px; height:59px; background:url(/design/actionfourmies/images/menuhaut4.gif) no-repeat; } #menu_4245_root a:hover { background:url(/design/actionfourmies/images/menuhaut4o.gif) no-repeat; } #menu_4245_root a span { display: none; } #menu_4248_root a { display: block; width:133px; height:59px; background:url(/design/actionfourmies/images/menuhaut3.gif) no-repeat; } #menu_4248_root a:hover { background:url(/design/actionfourmies/images/menuhaut3o.gif) no-repeat; } #menu_4248_root a span { display: none; } #menu_4247_root a { display: block; width:92px; height:59px; background:url(/design/actionfourmies/images/menuhaut5.gif) no-repeat; } #menu_4247_root a:hover { background:url(/design/actionfourmies/images/menuhaut5o.gif) no-repeat; } #menu_4247_root a span { display: none; } #menu_4246_root a { display: block; width:149px; height:59px; background:url(/design/actionfourmies/images/menuhaut6.gif) no-repeat; } #menu_4246_root a:hover { background:url(/design/actionfourmies/images/menuhaut6o.gif) no-repeat; } #menu_4246_root a span { display: none; } /* --- Menu des communes dans la tetière :---*/ #area_top .listing a { } #menu17 { position:absolute; top:75px; left:861px; width:123px; z-index:100; } .section15 #menu17 { position:absolute; top:175px; left:861px; } #menu17 .menu_top {display:none; } #menu17 ul { margin:0; padding:0; border:0; list-style-type:none; height:17px; overflow:hidden; } #menu17 ul li { display:block; margin:0; padding:0; border:0; } #menu17 ul li a { display:block; margin:0; padding:0; border:0; height:17px; } #menu17 ul li a span { display:none; } #menu17 #menu_4295_root a { background:url(/design/actionfourmies/images/menu_4298.gif) no-repeat; height:17px; } #menu17 #menu_4295_root a:hover { background:url(/design/actionfourmies/images/menu_4298o.gif) no-repeat; } #menu17 #menu_4296_root a { background:url(/design/actionfourmies/images/menu_4297.gif) no-repeat; height:17px; } #menu17 #menu_4296_root a:hover { background:url(/design/actionfourmies/images/menu_4297o.gif) no-repeat; } #menu17 #menu_4297_root a { background:url(/design/actionfourmies/images/menu_4296.gif) no-repeat; height:17px; } #menu17 #menu_4297_root a:hover { background:url(/design/actionfourmies/images/menu_4296o.gif) no-repeat; } #menu17 ul#menu_4298_root { height:22px; } #menu17 #menu_4298_root a { background:url(/design/actionfourmies/images/menu_4295.gif) no-repeat; height:22px; } #menu17 #menu_4298_root a:hover { background:url(/design/actionfourmies/images/menu_4295o.gif) no-repeat; } /* dans le frontpage : */ .section15 #menu17 #menu_4295_root a { background:url(/design/actionfourmies/images/menu_4295_2.gif) no-repeat; } .section15 #menu17 #menu_4295_root a:hover { background:url(/design/actionfourmies/images/menu_4295_2o.gif) no-repeat; } .section15 #menu17 #menu_4296_root a { background:url(/design/actionfourmies/images/menu_4296_2.gif) no-repeat; } .section15 #menu17 #menu_4296_root a:hover { background:url(/design/actionfourmies/images/menu_4296_2o.gif) no-repeat; } .section15 #menu17 #menu_4297_root a { background:url(/design/actionfourmies/images/menu_4297_2.gif) no-repeat; } .section15 #menu17 #menu_4297_root a:hover { background:url(/design/actionfourmies/images/menu_4297_2o.gif) no-repeat; } .section15 #menu17 #menu_4298_root a { background:url(/design/actionfourmies/images/menu_4298_2.gif) no-repeat; height:22px; } .section15 #menu17 #menu_4298_root a:hover { background:url(/design/actionfourmies/images/menu_4298_2o.gif) no-repeat; height:22px; } /* GAUCHE */ /* --- GAUCHE 1 dépliant --- */ .ilm .menu_top { display: block; height: 41px; overflow: hidden; } .ilm .menu_title { display: none; } .ilm li, .ilm ul { list-style-type:none; margin:0; padding:0; border:0; } .ilm li { height:100%; } .ilm ul { border:0; } .ilm ul ul ul { border:0; padding:0; } .ilm { padding:0 0 0 0; margin:0 0 20px 0; background:#3460E9 url(/design/actionfourmies/images/submenu_haut.gif) no-repeat; } .ilm a { background:url(/design/actionfourmies/images/submenu_puce.gif) 3px 3px no-repeat; color:#404A2C; font-weight: bold; padding:2px 10px 2px 24px; display:block; margin:0; height:100%; overflow:hidden; text-align:left; } .ilm a:hover { background:url(/design/actionfourmies/images/submenu_puceo.gif) 3px 3px no-repeat; color:#FFF; font-weight: bold; } .ilm .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } .ilm .level1 a:hover { background:none; color:#FFF; } .ilm .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } .ilm .level2 a:hover { background:none; color:#FFF; } .ilm .level0 a.selected { color: #fff; } .ilm .menu_bottom { display: none; } .section10 .ilm .menu_bottom, .section11 .ilm .menu_bottom, .section22 .ilm .menu_bottom, .section23 .ilm .menu_bottom { display: block; background:url(/design/actionfourmies/images/submenu_bas.gif) no-repeat; height: 11px; overflow: hidden; } .section15 .ilm, .section1 .ilm, .section23 .ilm, .section .ilm { display: none; } /* la CC */ #submenu_16 { background:#6A8DFC url(/design/actionfourmies/images/submenu106_haut.gif) no-repeat; } #submenu_16 a { background:url(/design/actionfourmies/images/submenu106_puce.gif) 3px 3px no-repeat; } #submenu_16 a:hover { background:url(/design/actionfourmies/images/submenu106_puceo.gif) 3px 3px no-repeat; } #submenu_16 .menu_bottom { background:url(/design/actionfourmies/images/submenu106_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_16 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_16 .level1 a:hover { background:none; color:#FFF; } #submenu_16 .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_16 .level2a:hover { background:none; color:#FFF; } #submenu_16 .level0 a.selected { color: #fff; } /* vie du territoire */ #submenu_17 { background:#FF9B00 url(/design/actionfourmies/images/submenu113_haut.gif) no-repeat; } #submenu_17 a { background:url(/design/actionfourmies/images/submenu113_puce.gif) 3px 3px no-repeat; } #submenu_17 a:hover { background:url(/design/actionfourmies/images/submenu113_puceo.gif) 3px 3px no-repeat; } #submenu_17 .menu_bottom { background:url(/design/actionfourmies/images/submenu113_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_17 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_17 .level1 a:hover { background:none; color:#FFF; } #submenu_17 .level2 a { color:#000; background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_17 .level2 a:hover { background:none; color:#FFF; } #submenu_17 .level0 a.selected { color: #fff; } #submenu_17 .level3 a { font-size:0.8em; color:#fff; background:none; font-weight: normal; padding:2px 10px 2px 54px; } #submenu_17 .level3 a:hover { background:none; color:#FFF; } /* Vie éco */ #submenu_18 { background:#ED503B url(/design/actionfourmies/images/submenu4248_haut.gif) no-repeat; } #submenu_18 a { background:url(/design/actionfourmies/images/submenu4248_puce.gif) 3px 3px no-repeat; } #submenu_18 a:hover { background:url(/design/actionfourmies/images/submenu4248_puceo.gif) 3px 3px no-repeat; } #submenu_18 .menu_bottom { background:url(/design/actionfourmies/images/submenu4248_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_18 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_18 .level1 a:hover { background:none; color:#FFF; } #submenu_18 .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_18 .level2 a:hover { background:none; color:#FFF; } #submenu_18 .level0 a.selected { color: #fff; } /* Associations */ #submenu_19 { background:#D3C8A6 url(/design/actionfourmies/images/submenu4245_haut.gif) no-repeat; } #submenu_19 a { background:url(/design/actionfourmies/images/submenu4245_puce.gif) 3px 3px no-repeat; } #submenu_19 a:hover { background:url(/design/actionfourmies/images/submenu4245_puceo.gif) 3px 3px no-repeat; } #submenu_19 .menu_bottom { background:url(/design/actionfourmies/images/submenu4245_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_19 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_19 .level1 a:hover { background:none; color:#FFF; } #submenu_19 .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_19 .level2 a:hover { background:none; color:#FFF; } #submenu_19 .level0 a.selected { color: #fff; } /* Tourisme */ #submenu_20 { background:#ffcc00 url(/design/actionfourmies/images/submenu4294_haut.gif) no-repeat; } #submenu_20 a { background:url(/design/actionfourmies/images/submenu4294_puce.gif) 3px 3px no-repeat; } #submenu_20 a:hover { background:url(/design/actionfourmies/images/submenu4294_puceo.gif) 3px 3px no-repeat; } #submenu_20 .menu_bottom { background:url(/design/actionfourmies/images/submenu4294_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_20 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_20 .level1 a:hover { background:none; color:#FFF; } #submenu_20 .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_20 .level2 a:hover { background:none; color:#FFF; } #submenu_20 .level0 a.selected { color: #fff; } /* Services en ligne */ #submenu_21 { background:#cc9966 url(/design/actionfourmies/images/submenu4326_haut.gif) no-repeat; } #submenu_21 a { background:url(/design/actionfourmies/images/submenu4326_puce.gif) 3px 3px no-repeat; } #submenu_21 a:hover { background:url(/design/actionfourmies/images/submenu4326_puceo.gif) 3px 3px no-repeat; } #submenu_21 .menu_bottom { background:url(/design/actionfourmies/images/submenu4326_bas.gif) no-repeat; display: block; height: 11px; overflow: hidden; } #submenu_21 .level1 a { background:none; font-weight: normal; padding:2px 10px 2px 34px; } #submenu_21 .level1 a:hover { background:none; color:#FFF; } #submenu_21 .level2 a { background:none; font-weight: normal; padding:2px 10px 2px 44px; } #submenu_21 .level2 a:hover { background:none; color:#FFF; } #submenu_21 .level0 a.selected { color: #fff; } /* #submenu_9 li ul li { background:none; } */ /* Acces direct */ #menu3 { padding:0; margin:0 0 20px 0; border:0; background:#8CBE24 url(/design/actionfourmies/images/menu3_bgd.gif) repeat-y; position:relative;width:165px;} #menu3 ul, #menu3 li{ display: inline; } #menu3 .menu_top { padding:0; background: url(/design/actionfourmies/images/acces_direct_haut.gif); height:43px; } #menu3 .menu_bottom { background:url(/design/actionfourmies/images/menu3_btm.gif); height:15px; overflow:hidden; } #menu3 .menu_title { display:none; } #menu3 a { display:block; padding:2px 20px 2px 32px; margin:0 0 3px 0; background: url(/design/actionfourmies/images/menu3a.gif) no-repeat 3px 2px; color:#fff; font-size:1em; text-align:left; width: 150px; } #menu3 a:hover { color:#000; background:url(/design/actionfourmies/images/menu3ao.gif) no-repeat 3px 2px; } #menu3 a span, #menu3 ul ,#menu3 li { text-align:left; } /* --------------------------------------------------------------------- MECANIQUE (NE PAS MODIFIER!!!) */ /* --- DEROULANT --- */ div.popup_l_menu a, div.popup_r_menu a, div.popup_t_menu a { width:100%; height:100%; margin:0; display:block; vertical-align:middle; text-decoration:none; border:0px; float:none; } /* deroulant haut */ div.popup_t_menu ul { list-style:none; margin:0; vertical-align:middle; float:left; height:100%; _width:7.2em; } div.popup_t_menu ul li { list-style:none; margin:0; position:relative; vertical-align:middle; } div.popup_t_menu ul li ul { position:absolute; display:block; visibility:hidden; width:12em; } div.popup_t_menu ul li ul li { width:100%; } div.popup_t_menu ul li ul li ul { top:0; left:100.1%; } div.popup_t_menu ul li ul { z-index:11; } div.popup_t_menu ul li ul li ul { z-index:12; } div.popup_t_menu ul li ul li ul li ul { z-index:13; } div.popup_t_menu ul li ul li ul li ul li ul { z-index:14; } div.popup_t_menu ul li ul li ul li ul li ul li ul { z-index:15; } div.popup_t_menu ul li ul li ul li ul li ul li ul li ul { z-index:16; } /* deroulant gauche - deroulant droite */ div.popup_l_menu a, div.popup_r_menu a { padding:0.2em 0.3em; } div.popup_l_menu ul, div.popup_r_menu ul { list-style:none; margin:0; vertical-align:middle; width:100%; } div.popup_l_menu ul li, div.popup_r_menu ul li { list-style:none; margin:0; position:relative; vertical-align:middle; width:100%; } div.popup_l_menu ul li ul div.popup_r_menu ul li ul { position:absolute; display:block; visibility:hidden; top:0; width:12em; } div.popup_l_menu ul li ul { left:100.1%; } div.popup_r_menu ul li ul { right:100.1%; } div.popup_l_menu ul li ul li, div.popup_r_menu ul li ul li { width:100%; } div.popup_l_menu ul li ul, div.popup_r_menu ul li ul { z-index:1; } div.popup_l_menu ul li ul li ul, div.popup_r_menu ul li ul li ul { z-index:2; } div.popup_l_menu ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul { z-index:3; } div.popup_l_menu ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul { z-index:4; } div.popup_l_menu ul li ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul li ul { z-index:5; } div.popup_l_menu ul li ul li ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul li ul li ul { z-index:6; }