body {
        behavior:url("csshover.htc");
    }
div.menu
{
	padding: 5px 50px 0px 50px;
	width:840px;
  /*border-bottom: 1px solid white;*/
}
/* Menu gnral */
ul#menu {
  /*border-top: 1px solid white;*/
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  font-size: 0.9em;
  font-family: Verdana, Arial, sans-serif;
}

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



ul#menu ul a, ul#menu ul span { width: 100%; background-color: #6B93AF; }


ul#menu li span:hover, rul#menu li a:hover 
{ background-color: #45677E; }

/* Cache les sous-menus */
ul#menu li ul{
  display:none;
}

ul#menu li{
  margin:0 0 0 0;
}
/* Mise en forme des lments de niveau 1 */
li.menu_niv1, li.menu_niv1_parent {
  /*border-right: 1px solid white;*/
  margin: 0;
  float:left;
  background: url('images/puce-menu.png') left 5px no-repeat;
  padding-left: 15px;
  padding-right: 10px;
}


/* Affiche les sous-menus survols */
ul#menu 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 lments du menu */
ul#menu li a {
  display:block;
  color:#ffffff;
  text-decoration:none;
  margin: 0;
  padding: 0;
}

ul#menu span {
  display: block;
}

span.menu_niv1, span.menu_niv1_parent { padding: 3px 4px 3px 4px; cursor:pointer; font-size: 1.2em;}
span.menu_niv2, span.menu_niv2_parent { padding: 3px 10px 3px 4px;cursor:pointer; }
span.menu_niv3, span.menu_niv3_parent { padding: 3px 4px 3px 4px;cursor:pointer; }


/* Niveau 2 et suprieurs : Mise en forme gnrale */
ul#menu ul {
  position:absolute;
  list-style:none;
  margin: 0px;
  padding:0px;
  float: none;
}

/* Niveau 2 : Mise en forme gnrale */
ul.menu_niv2 {
  margin: 0px;
  border-top: none;
  z-index: 2;
  width:250px;
}

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

ul#menu 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 gnrale */
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 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;
}