/*  Ref.: 
      - More Eric Meyer on CSS, Eric Meyer
      - How To Clear Floats Without Structural Markup, see www.positioniseverything.net/easyclearing.html
      - Box Model Hack, see http://www.tantek.com/CSS/Examples/boxmodelhack.html
      
      Notes: 
      - use Peter Nederlof's file "csshover.htc", cf. http://www.xs4all.nl/~peterned/csshover.html
      - assume IE 6 in CSS standard box model
  
      TODO: here, unless font-size, all sizes are in em. What about user choice of default font-size?
      
      TODO: possibilité de ligne séparatrice : lorsqu'un élément de la liste est vide,
            lui associer une boite de hauteur nul avec une bordure horizontale plus marquée
      TODO: options de menu à largeur automatique ? Ajouter des "div" pour 
            englober les "ul" des sous menus ? 
      Ou bien cela nécessite-t-il de toute façon Javascript ? Et dès lors quid
      d'utiliser un framework tel que StrutsMenu ? Ou MyFaces+JsCookMenu ?
      Ce dernier semble plus abouti mais nécessite l'intégration de MyFaces 
      avec Struts. A priori MyFaces fournit ce qu'il faut. 
      
      */
  
  #nomenu {display:none;} 

  div#navbar {
             z-index: 2;                              /* To show menu above the other contents */
             position: absolute;                      /* "position" declaration Needed to use "z-index", no matter what kind 
                                                         but "relative" forces next block to be under the menubar */
             top: 0; left: 7px;                       /* default top and left margin of -8px for "body" with NS, IE & FF; 
                                                         and same default padding with Opera; others? 
                                                         But if left offset < -1px with FF, then border problems */
             margin: 0; padding: 0;
             border: 0.05em solid white;
             float: left;                             /* To give a height and a width to the menubar, so that
                                                         border and background are ok
                                                         */
             font-size: x-small;
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             font-size: small;
             }
  html>body div#navbar li {font-size: small;}         /* be nice to Opera 5 */
  div#navbar ul {                                     /* Caution: first level of "ul" has no height! */
             position: relative;
             left: +0.05em;                           /* To mask right border of the rightest link box in level 1 */
             margin: 0; border: 0; padding: 0; 
             }
  div#navbar li {
             position: relative;                      /* To use "display" in "div#navbar li a" below 
                                                         without knowing if any "position" declaration in ancestors */
             float: left;                             /* To get horizontal menu bar */
             list-style: none;                        /* To remove list marker */
             line-height: 1em;
             margin: 0; border: 0 none; padding: 0;
             border-right: 0.05em solid white;        /* only for the first level of "ul"; use the same color that navbar div border's one */
             width: 10em;                             
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             width: 9.95em;
             }
  html>body div#navbar li {width: 9.95em;}            /* be nice to Opera 5 */

  div#navbar li a:after {                             /* Needed to clear float and get all the menu box reactive */
             content: "."; 
             display: block; 
             height: 0; 
             clear: both; 
             visibility: hidden;
             }
  div#navbar li a {display: inline-table;}          
  /* Hides from IE-mac \*/
  * html div#navbar li a {height: 1%;}                
  div#navbar li a {display: block;}                   
  /* End hide from IE-mac */             

  div#navbar div {
             margin: 0; border: 0 none; padding: 0;
             }

  div#navbar ul ul {
             position: absolute;
             border: 0.05em solid white;
             width: 15em;                             
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             width: 14.9em;
             }              
  html>body div#navbar ul ul {width: 14.9em;}         /* be nice to Opera 5 */
  div#navbar ul ul li {                               /* in submenus:... */
             position:relative;
             left: -0.05em;                           /* To remove the "left: 0.05em" in "div#navbar ul" */
             top: +0.05em;                            /* To mask bottom border of the bottom link box in level 2 */
             border: 0 none;                         
             border-left: 0.05em solid white;         /* Use same color than ul border one */
             border-bottom: 0.05em solid white;       /* Use same color than ul border one */  
             width: 15em;
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             width: 14.9em;
             }
  html>body div#navbar ul ul li {                     
             width: 14.9em;                           /* be nice to Opera 5 */
             top: 0;
             border-bottom: 0.06em solid white;       /* Use same color than ul border one; not yet perfect but... */  
             }
  
  div#navbar ul.level2 {top: 1.5em; left: -0.05em;}
  div#navbar ul.level3 {top: -0.05em; left: 14.8em;}  /* value <> 15em, to avoid border overlap problem */
             
  div#navbar li a {
             cursor: pointer;
             display: block;                          /* To get all the menu box reactive (not only the link) to cursor */
             height:1%;
             text-decoration: none;                   /* To remove link underline */
             margin: 0;
             border: 0 none;                         
             padding: 0.25em 0 0.25em 0.5em; 
             width: 10em;                             
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             width: 9.5em;
             }
  html>body div#navbar li a {width: 9.5em;}           /* be nice to Opera 5 */
  div#navbar li li a { 
             width: 15em;
             voice-family: "\"}\"";                   /* unless IE 4/5 */
             voice-family: inherit;
             width: 14.5em;
             }
  html>body div#navbar li li a {
             width: 14.5em;                           /* Box model hack: be nice to Opera 5 */
             border-bottom: 0.06em solid white;       /* Use same color than ul border one; not yet perfect but... */  
             }         

  div#navbar span {
             margin: 0; border: 0; padding: 0;
             }
  div#navbar li span.title {
             float:left; 
             width: 9.5em;                           /* menubar = 100% width %/
             } 
  div#navbar li li span.title {
             width: 10em;                            /* sub menu = width less key and arrow */
             } 
  div#navbar span.accesskeylabel {
             position: absolute;
             right: 1em;
             text-align: left;
             width: 3.5em;
             }    
  div#navbar span.default {                          /* Use of ">" character to avoid loading a picture */
             position: absolute;
             right: 0;
             text-align: left;
             font-weight: bold;
             width: 1em;
             }             

/* Below, only display, background and color ------------------------------- */
  div#navbar ul ul {
             display:none;
             }
  div#navbar ul.level1 li.submenu:hover ul.level2,
  div#navbar ul.level2 li.submenu:hover ul.level3 
             {display: block;}  

  div#navbar { background: #6699cc;}                  /* Only for the menubar, not for submenu */
  div#navbar ul ul { background: #eeeeee;}            /* Default color for submenu */
             
  div#navbar li:hover {background: #00bbff;}          /* Only for the menubar, not for submenu */
  div#navbar li li:hover {background: #3333ff;}       /* Default color for submenu */
  
  /* Below, use "span" attributes:
     - to avoid issue for "a" attibutes with "!important" value, see styles.css 
     - to manage "a" content in three parts: label/accesskey/defaultarrow
     */
  div#navbar li span {color:white;}                   /* light color here if menubar background is dark, opposite otherwise */
  div#navbar li:hover span {color: black;}               
  
  /* level 2 submenu */
  div#navbar li li span {color: black;}               /* light color here if submenu background is dark, opposite otherwise */
  div#navbar li li:hover span {color: white;}         /* In submenu, link text must stay in non "hover" color */ 

  /* level 3 submenu */
  div#navbar li li:hover li span {color: black;}      
  div#navbar li li:hover li:hover span {color: white;}

  /* level n submenu: add this code for each level,
     with one more starting "li" per level
     Note: this is needed as child selector can't be used with IE6
           see http://w3development.de/css/hide_css_from_browsers/child/
  div#navbar li{n-2} li:hover li span {color: black;}
  div#navbar li{n-2} li:hover li:hover span {color: white;}
  */
  
  /* (De)Activate together "div.subsubmenu" and "li.submenu span" */
  div#navbar div.subsubmenu {
	         background-image: url(../images/icon_sortright.gif);
	         background-repeat: no-repeat;
	         background-position: right center;
             } 
  div#navbar li.submenu span.default{
             visibility: hidden;                        
             }