#menu_haut { z-index:100; display:block; width:988px; height:23px; _height:23px; margin-left:0; font-family:Verdana; letter-spacing:-1pt; font-weight:bold; font-size:18px; background:url("images/t10_bgd_2.png"); } #menu_ { display:block; height:20px; vertical-align:middle; } /* menus popup haut */ div.popup_t_menu { float:left; margin:0; padding:0; display:inline; vertical-align:middle; } div.popup_t_menu ul { list-style-type:none; margin:0; padding:0; display:block; height:18px; vertical-align:middle; float:left; width:auto; z-index:0; } div.popup_t_menu ul li { margin:0; padding:0; position:relative; z-index:100; vertical-align:middle; height:100%; } div.popup_t_menu ul li ul { position:absolute; display:block; width:174px; z-index:100; visibility:hidden; height:auto; font-weight:normal; letter-spacing:0pt; } div.popup_t_menu ul li ul li { z-index:100; width:100%; height:auto; } div.popup_t_menu ul li ul li ul { top:3px; left:100.1%; z-index:100; } div.popup_t_menu a { margin:0; display:block; vertical-align:middle; width:100%; padding:4px 0; } /* deco commune */ /* Pour IE, il faut specifier une largeur pour le menu horizontal!!! * On peut le faire soit la, soit en le séparant pour chaque UL correspondant * a une rubrique racine (ul#menu__root{width:xxxx;}) */ div.popup_t_menu ul{ width:4em; } div.popup_l_menu a, div.popup_r_menu a, div.popup_t_menu a, div.popup_b_menu a { text-align:center; text-decoration:none; color:#fff; } div.popup_t_menu ul ul a { padding:4px 8px; width:158px; _width:176px; } /* -- RUBRIQUES -- */ ul#menu_3_root { margin-left:60px; _margin-left:25px; width:130px; } ul#menu_3_root a { background:url("images/menu_3_roota.png") no-repeat 0 2px ; padding-left:8px; } ul#menu_4_root{width:80px; margin-left:1px;} ul#menu_5_root{width:123px;} ul#menu_6_root{width:123px;} ul#menu_7_root{width:80px;} ul#menu_8_root{width:80px;} ul#menu_9_root{width:188px;} ul#menu_3_root a:hover { /* background:#37EA37;*/ } ul#menu_4_root a:hover {background:#FF9D00; } ul#menu_5_root a:hover {background:#148DE6; } ul#menu_6_root a:hover{background:#D5A275; } ul#menu_7_root a:hover{background:#DD6E0B; } ul#menu_8_root a:hover{background:#FF9D00; } ul#menu_9_root a:hover{background:#5E92CD; } ul#menu_3_root li ul {background:#F00; border:1px solid #fff; _margin-top:-4px; } ul#menu_4_root li ul {background:#FF9D00; border:1px solid #fff; _margin-top:-4px; margin-left:-1px; } ul#menu_5_root li ul {background:#148DE6; border:1px solid #fff; _margin-top:-4px; } ul#menu_6_root li ul {background:#D5A275; border:1px solid #fff; _margin-top:-4px; } ul#menu_7_root li ul {background:#DD6E0B; border:1px solid #fff; _margin-top:-4px; } ul#menu_8_root li ul {background:#FF9D00; border:1px solid #fff; _margin-top:-4px; } ul#menu_9_root li ul {background:#5E92CD; border:1px solid #fff; _margin-top:-4px; } ul#menu_3_root li ul li a { text-align:left; background-image:none; } ul#menu_4_root li ul li a { text-align:left; } ul#menu_5_root li ul li a { text-align:left; } ul#menu_6_root li ul li a { text-align:left; } ul#menu_7_root li ul li a { text-align:left; } ul#menu_8_root li ul li a { text-align:left; } ul#menu_9_root li ul li a { text-align:left; } ul#menu_3_root li ul li a:hover { background:#FFF; color:#F00; } ul#menu_4_root li ul li a:hover { background:#FEB43E; } ul#menu_5_root li ul li a:hover { background:#74B2F7; } ul#menu_6_root li ul li a:hover { background:#EBBF97; } ul#menu_7_root li ul li a:hover { background:#FF9933; } ul#menu_8_root li ul li a:hover { background:#FEB43E; } ul#menu_9_root li ul li a:hover { background:#76BBEE; } ul#menu_8_root ul ul { left:-100%; } ul#menu_9_root ul ul { left:-100%; } /**************Menu gauche contextuel************************/ #menu_contextuel { width:184px; background:#373E6A; } #menu_contextuel .rubrique-no a { display:block; font-size:11px; padding:4px 10px; color:#fff; text-decoration:none; display:none; } #menu_contextuel .rubrique-no a:hover { background:url("images/retour_bgd.png"); color:#373E6A; } #menu_contextuel .rubrique-act a { display:block; font-size:11px; padding:4px 10px; color:#fff; text-decoration:none; } /* sousrubriques */ #menu_contextuel .sousrub-no, .sousrub-act { } #menu_contextuel .sousrub-no a { display:block; padding:3px 10px 3px 20px; font-family:arial; font-size:11px; line-height:normal; color:#fff; text-decoration:none; } #menu_contextuel .sousrub-no a:hover { color:#373E6A; background:url("images/retour_bgd.png"); } #menu_contextuel .sousrub-act a { display:block; padding:3px 10px 3px 20px; font-weight:bold; font-family:arial; font-size:11px; line-height:normal; color:#373E6A; text-decoration:none; } /* sousousrubriques */ #menu_contextuel .soussousrub-no, .soussousrub-act { } #menu_contextuel .soussousrub-no a { display:block; padding:3px 10px 3px 30px; font-family:arial; font-size:10px; line-height:normal; color:#fff; text-decoration:none; } #menu_contextuel .soussousrub-no a:hover { color:#373E6A; background:url("images/retour_bgd.png"); } #menu_contextuel .soussousrub-act a { display:block; padding:3px 10px 3px 30px; font-weight:bold; font-family:arial; font-size:10px; line-height:normal; color:#373E6A; text-decoration:none; } #gauche1b { background:url("images/g1_bgd.png"); padding:10px; width:170px; position:relative; } #gauche1b a { display:block; text-decoration:none; font-weight:bold; } #gauche1b .rubrique-no a { padding:6px 0 6px 27px; background:url("images/g1_puce.png") no-repeat 0 4px; color:#363D67; width:143px; } #gauche1b .rubrique-no a:hover { color:#fff; background:url("images/g1_puceo.png") no-repeat 0 4px; } #gauche1b .rubrique-act a { padding:6px 0 6px 27px; background:url("images/g1_puceo.png") no-repeat 0 4px; color:#FFF; width:143px; } /* sous-rubriques */ #gauche1b .sousrub-no a { padding:3px 0 3px 37px; background:none; color:#363D67; width:133px; } #gauche1b .sousrub-no a:hover { background:#363D67; color:#FFF; } #gauche1b .sousrub-act a { padding:3px 0 3px 37px; background:none; color:#FFF; width:133px; } /* sous sous rubriques */ #gauche1b .soussousrub-no a { padding:4px 0 4px 47px; background:none; color:#363D67; width:123px; } #gauche1b .soussousrub-no a:hover { background:#363D67; color:#FFF; } #gauche1b .soussousrub-act a { padding:4px 0 4px 47px; background:none; color:#FFF; width:123px; }