body {
        /*behavior:url("csshover.htc");*/
    }
div.menu
{
  /*border-bottom: 1px solid white;*/
}
/* Menu général */
ul#menu_css {
  /*border-top: 1px solid white;*/
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  font-weight: bold;
  font-size: 0.8em;
  color: #FFFFFF;
  text-decoration:none;
}

/* Couleur de fond */
div.menu, ul#menu_css, li.menu_niv2, li.menu_niv2_parent, li.menu_niv3
{ background-color: #BA1621; width: 100%; }



ul#menu_css ul a, ul#menu_css ul span { width: 100%; background-color: #BA1621; font-weight:bold;}


ul#menu_css li span:hover, rul#menu_css li a:hover 
{ background-color: #DB3E0B; }

/* Cache les sous-menus */
ul#menu_css li ul{
  display:none;
}
/* Mise en forme des éléments de niveau 1 */
li.menu_niv1, li.menu_niv1_parent {
  /*border-right: 1px solid white;*/
  float:left;
  padding-right: 0.4em;
  padding-left: 0.4em;
  margin:0;
background: url('images/separateur-menu.png') top right no-repeat;
}


/* Affiche les sous-menus survolés */
ul#menu_css li:hover>ul {
  display:block;
}


/* Mise en forme du texte de niveau 1 et 2 */
li.menu_niv1, li.menu_niv1_parent { } 
li.menu_niv2, li.menu_niv2_parent {
	text-transform: none;
	text-align: left; 
}

/* Mise en forme de tous les éléments du menu */
ul#menu_css li a {
  display:block;
  color:#ffffff;
  font-size:0.9em;
  font-weight: bold;
  text-decoration:none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

ul#menu_css span {
  display: block;
}

span.menu_niv1, span.menu_niv1_parent { padding: 3px 4px 3px 4px; }
span.menu_niv2, span.menu_niv2_parent { padding: 3px 10px 3px 4px; }
span.menu_niv3, span.menu_niv3_parent { padding: 3px 4px 3px 4px; }


/* Niveau 2 et supérieurs : Mise en forme générale */
ul#menu_css ul {
  position:absolute;
  list-style:none;
  margin: 0px;
  padding:0px;
  float: none;
}

/* Niveau 2 : Mise en forme générale */
ul.menu_niv2 {
  /*border: 1px solid white; */
  margin: 0px;
  border-top: none;
  z-index: 2;
  width:150px;
}

/* Niveau 2 avec fils : ajoute une image */
/*span.menu_niv2_parent { 
  margin: 0px;
  background: url("images/Rarrow.gif") no-repeat right; 
}*/

ul#menu_css ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  right:0px;
  top:0px;
  border-top: 1px solid white;
  display:inline;
}

/* Niveau 3 : Mise en forme générale */
ul.menu_niv3 {
  border: 1px solid white; 
  border-top-style: none;
  padding: 0px;
  margin:0px;
  top: 11px; 
  _top: 1px; 
  left:163px;
  _left:165px;
  z-index: 3;
  width:150px;
}

ul#menu_css ul li a{
  display:block;
}

a.menu_niv3 {
  display:block;
}



/*** Les bulles ***/
span.bulle {
  background: white;
  display:none;
  float:left;
  visibility: hidden;
  color:black;
  position:absolute;
  top:-100px;
  left:10px;
  width:140px;
  padding:1ex;
  border:1px black solid;
  text-align:left;
  font-size: 9pt; 
  font-weight: bold;
  z-index: 4;
}

a.menu_niv3:hover span.bulle {
  display: block;
  visibility:visible;
  position:absolute;
}