/* fond blanc pour le menu */ 
div#menu a
{
  color:#000000;
  font-family:"arial";
  font-size:12px;
  /*background:#2da5f0;*/
  background-image: url(/images/menu/menu_off.jpg);
  position:relative;
  z-index:1000;
}
div#menu ul
{
  padding: 0;
  width: 151px;
  border:1px solid;
  margin:0px;
  background: white;
  border-color:#fff;
  position:relative;
  z-index:1000;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover
{
  background: #EDD;
}

div#menu li.sousmenu:hover
{
  background: #EBB;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu
{
  /* background-image: url(feuille_rouge.gif); */
  background:#ffffff;
  border-color:#fff;
}

div#menu ul li
{
  position:relative;
  list-style: none;
  border-bottom:1px solid;
  border-color:#fff;
  z-index:1000;
}

div#menu ul ul
{
  position: absolute;
  top: -1px;
  left: 150px;
  display:none;
  z-index:1000;
}

/* on rajoute une bordure a gauche et des padding, on doit donc reajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a
{
  text-decoration: none;
  padding: 4px 0 4px 8px;
  display:block;
  border-left: 8px solid #BBB;
  width:135px;
  height:15px;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,div#menu ul.niveau2 li.sousmenu:hover ul.niveau3
{
  display:block;
}

/* Propriete du dniveau 2 du menu deroulant */
/*
div#menu ul.niveau2
{
  filter:alpha(opacity=80); 
  opacity:0.80; 
  -moz-opacity:0.80;
  width: 150px;
}
*/

/* Proprieté du dernier niveau (3) du menu déroulant */
div#menu ul.niveau3
{
  /*filter:alpha(opacity=80); 
  opacity:0.80; 
  -moz-opacity:0.80;*/
  width: 150px;
}


/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover
{
  border-left-color: red;
  font-weight:bolder;
  background-image: url(/images/menu/menu_on.jpg);
  color:#ff0;
}

div#menu ul ul li a:hover
{
  border-left-color: #0f0;
}

div#menu ul ul ul li a:hover
{
  border-left-color: #00f;
}
pre
{
  font-size:11px;
}
code
{
  font-size:12px;
}
/* encadre qui entoure le menu */
#info
{
  height:99%;
  width:151px;
  background:#fff;
  float:left;
  border:1px solid #eee;
}