/*  #   #   #####   #   #   #   #
                            ## ##   #       ##  #   #   #
                            # # #   ####    # # #   #   #
                            #   #   #       #  ##   #   #
                            #   #   #####   #   #   ##### */



/* ### GÉNÉRAL ### */

  body {
    /* appel du fichier comportemental "survol" pour Internet Explorer 6 et versions antérieures */
    behavior: url(css/csshover.htc);
  }


/* ### MENU PRINCIPAL ### */
  div#menu {
    margin-left: 142px;
  }

  /* POLICE */
  div#menu a {
    /* couleur */
    color: #fff;
    /* taille + famille */ 
    font: 11px verdana;
    /* graisse */
    font-weight: bold;
    
  }

  /* COULEUR DE FOND */
  div#menu li {
    background: #9a0000;
  }
  
  div#menu a:hover {
    /* couleur */
    color: #9a0000;
    /* taille + famille */ 
    font: 11px verdana;
    /* graisse */
    font-weight: bold;
  }

  /* COULEUR DE FOND "SURVOL" (HORS SOUS-MENUS) */
  div#menu li:hover {
    background: #fff;
  }
  

  
  /* ÉLÉMENTS (CATÉGORIES) DU MENU */
  div#menu ul li a {
    /* décoration du texte */
    text-decoration: none;
    /* marge interne de chaque élément */
    padding: 4px 0 4px;
    /* manière dont est affiché chaque élément */
    display: block;
    /* largeur de chaque élément */
    width: auto;
/*    border-bottom:1px solid black; */
/*     border-top:1px solid #9a0000; */
  }


/* ### SOUS-MENUS ### */

  /* TAILLE DE LA POLICE + TAILLE DE LA MARGE DE GAUCHE DE TOUS LES SOUS-MENUS */
  div#menu ul li ul li a {
    font-size: 9px;
    margin-left: 5px;
  }

  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 1 */
  div#menu .menu1 li:hover {
    background: #bd0000;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 2 */
  div#menu .menu2 li:hover {
    background: #ff9917;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 3 */
  div#menu .menu3 li:hover {
    background: #798ebf;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 4 */
  div#menu .menu4 li:hover {
    background: #8a2d88;
  }

  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 5 */
  div#menu .menu5 li:hover {
    background: #cc9a00;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 6 */
  div#menu .menu6 li:hover {
    background: #ff003c;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 7 */
  div#menu .menu7 li:hover {
    background: #50a0ff;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 8 */
  div#menu .menu8 li:hover {
    background: #679a34;
  }
  
  /* COULEUR DE FOND "SURVOL" DU SOUS-MENU N° 9 */
  div#menu .menu9 li:hover {
    background: #546d91;
  }
  
    /* ÉLÉMENTS DE TOUS LES SOUS-MENUS */
  div#menu ul li ul li a {
    /* décoration du texte */
    text-decoration: none;
    /* marge interne de chaque élément */
    padding: 4px 0 4px;
    /* manière dont est affiché chaque élément */
    display: block;
    /* largeur de chaque élément */
    width: 140px;
  }


/* ###                    /!\ ATTENTION /!\                   ###
   ###                                                        ###
   ### AFIN DE NE PAS PERTUBER LE BON FONCTIONNEMENT DU MENU, ###
   ### IL EST RECOMMANDÉ D'ÉVITER DE MODIFIER CE QUI SUIT     ### */

div#menu ul li {
  position: relative;
  list-style: none;
  float: left;
}

div#menu ul ul {
  position: absolute;
  display: none;
  width: 110px;
}

div#menu ul li:hover ul {
  display: block;
}

div#menu ul {
  padding: 0;
  margin: 0;
}