div#menu ul { list-style-type: none; padding: 0; margin: 0; }
div#menu a { text-decoration: none; white-space: nowrap; color: black; }
div#menu li.niveau1 { float: left; display: block; font-size: 13px; text-transform: uppercase; font-weight: bold; border: 0px solid transparent; }
div#menu a.niveau1 { text-decoration: none; white-space: nowrap; display: block; line-height: 50px; padding: 0 15px 0 15px; color: #333; }
div#menu li.niveau1-actif span.niveau1 { border-bottom: 3px solid red; }
div#menu li.niveau1 span.actif { white-space: nowrap; display: block; line-height: 50px; padding: 0 15px 0 15px; color: black; cursor: pointer; }

div#menu li.niveau1 .debut { height: 50px; background-color: white; position: relative; }
div#menu li.niveau1 span.fin { width: 15px; height: 50px; background-color: white; position: absolute; top:0; right:0; }

/* hover trigger */
div#menu li.niveau1:hover { }
div#menu li.niveau1:hover a.niveau1 { color: black; }
div#menu li.niveau1:hover span.niveau1 { border-bottom: 3px solid red; }
div#menu li.niveau1:hover .debut { background-image: url(/images/bg_menu_debut.png); background-repeat:no-repeat; background-position: 0px 9px; }
div#menu li.niveau1:hover span.fin { background-image: url(/images/bg_menu_fin.png); background-repeat:no-repeat; background-position: -10px 8px; }
/* déplacement du bloc */
div#menu li.niveau1:hover ul#ul_visite { margin-left : -10px; }
div#menu li.niveau1:hover ul#ul_mode_vie { margin-left : -100px; }
div#menu li.niveau1:hover ul#ul_univers { margin-left : -260px; }
div#menu li.niveau1:hover ul#ul_lexique { margin-left : -10px; }


div#menu ul.niveau2 { margin-left: -9999px; margin-top: -10px; position: absolute; border: solid 1px #ccc; background-image: url(/images/bg_trans80.png); /*background-color: white;*/ padding: 20px; z-index: 400; }
div#menu li.niveau2 { float: left; text-transform: none; margin: 0 10px 10px 10px; min-width: 100px; width: 180px;}
div#menu li.niveau2 a:hover { text-decoration: underline; }
div#menu li.niveau2 span.actif { display: inline; line-height: normal; padding: 0; color: black; cursor: auto; /*text-decoration: underline;*/ border-bottom: 1px solid red; }
div#menu li#li_mode_vie_hiver { margin-bottom: 90px; }

div#menu ul#ul_visite { width: 350px; }
div#menu ul#ul_mode_vie { width: 400px; }
div#menu ul#ul_univers { width: 600px; }
div#menu ul#ul_lexique { width: 200px; }

div#menu ul.niveau3 { font-size: 12px; margin-top: 10px; }
div#menu li.niveau3 { font-weight: normal; }
div#menu li.niveau3 span.actif { display: inline; line-height: normal; padding: 0; color: black; cursor: auto; /*text-decoration: none;*/ border-bottom: 1px solid red; }