/* menu : couleurs / definition */
.menu0 a, .menu0 a:visited, .menu0 a:hover{ display:block; text-decoration: none; color:#fff; padding:0.2em 1em; }
.menu0 .closed   { background:#ddd; }
.menu0 .open     { background:#ccc; }
.menu0 .selected { background:#bbb; }
.menu0 a:hover   { background:#aaa; }                 
.menu0 ul {margin:0; list-style:none;}
.menu0 li {margin:0; list-style:none;}

/* menu 0: en ligne hrz */
.menu0 {
  white-space: nowrap;
  clear:both;
  float:left;
  width:100%;
}

.menu0 li { /* fait hériter menu2 et menu3 aussi */
  float:left;
  position:relative;
  margin-right:1px;
  margin-bottom:1px;
  height:1.7em;
  line-height:1.3em;
}

/* menu 1: hover vers le bas */
.menu1 {
  position:absolute;
  margin-left:-1px;
  padding-top:1px;
  visibility:hidden;
  z-index:20;
  display:block;
  width:auto !important;
  width:300px;
}

.menu1 li{ /* fait hériter menu3 aussi */
  width:100%;
  clear:both;
  margin-bottom:0;
}

.menu0 li:hover .menu1 {
  visibility:visible;
}

/* menu 2 : hover sur la droite */
.menu2 {
  position:absolute;
  top:0;
  padding-left:1px;
  left:100%;
  visibility:hidden;
}

.menu1 li:hover .menu2 {
  visibility:visible;
}

/* menu 3 : hover sur la droite */
.menu3 {
  position:absolute;
  top:0;
  padding-left:1px;
  left:100%;
  visibility:hidden;
}

.menu2 li:hover .menu3 {
  visibility:visible;
}