/*                         ~\\|//
                            (@ ~)
        •————————————oOOO————(_)————OOOo————————————•
        | CSS pour BulMenu                          |
        | Mail : marcel.Bultez@Tiscali.fr           | %%%%%%%% à faire pour avoir un menu vertical
        | Site : http://marcel-Bultez.chez-Alice.fr | ~~~~~~~~ à faire pour toujours avoir le menu en haut de page ( si scrolling )
        |               .oooO   Oooo.               |
        •———————————————(   )———(   )———————————————•
                         \ (     ) /
                          \_)   (_/*/

#menu       {   width:820px;                    /* largeur 1ère ligne %%%%%%%% pour un menu vertical mettre:128px */
                font-family: Arial, Verdana, Helvetica, SunSans-Regular, Sans-Serif;    /* police utilisée */
                font-size:12px;                 /* taille des caractères */
                margin : 0px;
                padding : 0px;
                font-weight:bold;               /* en gras */
                /*position:absolute;top:0;/* */    /*  ~~~~~~~~ si on désire repositionner ce menu en haut de page en cas de scrolling
                                                    et mettre "derrière" l'initialisation (dans BulMenu.js) du menu :
                                                    window.onscroll=function()
                                                    {
                                                        document.getElementById("menu").style.top = document.body.scrollTop;
                                                    }   */
            }
#menu a     {   text-decoration:none;           /* texte tel quel */
                border-left:1px solid #ffffff;       /* couleur de la bordure */
                border-bottom:1px solid #ffffff;       /* couleur de la bordure */
                background-color:#7B6FAD;       /* couleur normale du fond */
                                                /* height:???px; hauteur des lignes */
                display:block;                  /* mode d'affichage */
                color:#ffffff;                  /* couleur du texte */
                padding-left : 3px;
                padding-right : 2px;
                padding-top : 2px; /**/
                padding-bottom : 2px; /**/
            }
#menu a:hover
            {   background-color:#FFFFFF;       /* couleur du fond quand on survole */
                color: #aa0000;
            }
#menu li    {   width:auto; /* 128px */         /* largeur des libellés */
                margin-right:1;                 /* espace à droite entre deux menus principaux*/
                padding : 0px;                  /* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
                margin : 0px;
                cursor:pointer;                 /* aspect du curseur */
                display:block;                  /* mode d'affichage */
                float:left;                     /* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
            }
#menu ul    {   visibility:hidden;              /* caché au départ, on y mettre visible au survol */
                position:absolute;              /* mode d'affichage */
                border : 1px solid #4F4091;     /* couleur de bordure du cadre complet des sous-liens */
                background-color:#E1E4EC;       /* couleur du fond de bordure du cadre complet des sous-liens */
                padding : 0px;
                margin : 0px;
                z-index : 800;
            }
#menu ul li {   float:none;                     /* "cours du texte" : normal */
                display:block;                  /* type d'affichage */
                left: 0px;                     /* ajustements horizontaux des sous-menus 1er niveau %%%%%%%% pour un menu vertical mettre:87px */
                /*top:-20px;                    %%%%%%%%%% à ajouter pour un menu vertical */
                position:relative;              /* mode positionnement */
                top:-2px;

            }
#menu ul li a{
                background-color:#E1E4EC;  
                font-size:11px;                 /* taille des caractères */
                font-weight:normal;               /* en gras */
                color : #000000;
                width: 145px; /* 128px */
}
#menu ul li ul
            {   float:none;                     /* "cours du texte" : normal */ 
                position:absolute;              /* mode positionnement */
                left:128px;                     /* ajustements horizontaux des sous-menus niveaux suivants */
                top:-2px;                       /* ajustements verticaux des sous-menus niveaux suivants */
                visibility:hidden;              /* caché au départ, on y mettre visible au survol */
            }
* html #menu li li,* html #menu li li li
            {   display:inline;                 /* pour rectifier une gestion "différente" de IE */
            }
#menu img   {   border:0;                       /* pas de bordure pour les images */
            }