/* Remove margins and padding for all menus */
.menu_bar ul, .menu_bar
{
  margin:0pt;padding:0pt;
}
.menu_bar#menu li
{
  cursor:pointer;
}

/* Set width */
.menu_bar#menu li.menu_number1
{
  width:40pt;
}
.menu_bar#menu li.menu_number2
{
  width:90pt;
}
.menu_bar#menu li.menu_number3
{
  width:60pt;
}
.menu_bar#menu li.menu_number1 ul
{
  width:15em;
}
.menu_bar#menu li.menu_number2 ul
{
  width:13em;
}
.menu_bar#menu li.menu_number2 ul ul
{
  width:10em;
}
.menu_bar#menu li.menu_number3 ul
{
  width:17em;
}

/* menu button */
.menu_bar#menu li.level1 /* merci à ie qui ne reconnait pas la notation > */
{
  display:block;
  float:left;
  position:relative; /* menu button must be block container */
  margin-left:0.5em;
  margin-right:0.5em;
}

/* items of menu */
.menu_bar#menu li li
{
  position:relative;
  width:100%;
}

.menu_bar#menu li a
{
  display:block;
}

/* Just for ie */
* html .menu_bar#menu li a
{
  display:inline;
}

/* just for ie */
* html .menu_bar#menu li, * html .menu_bar#menu p, * html .menu_bar#menu a
{
  margin:0pt;
  padding:0pt;
  border-bottom:0px;
}

/* menus and submenu */
.menu_bar#menu ul
{
  overflow:visible;
  display:none;
  visibility:hidden;
  list-style:none;
  position:absolute;
  padding-left:0;
  white-space:nowrap;
}

/* menu of level 1 */
.menu_bar#menu ul.opened
{
  display:block;
  visibility:visible;
  top:100%;
  left:0%;
  z-index:1;
}

/* submenu */
.menu_bar#menu li li ul.opened
{
  display:block;
  visibility:visible;
  position:absolute;
  top:0.5em;
  left:90%;
  z-index:1;
}
* html .menu_bar#menu li li ul.opened
{
  left:101%;
}

/* h1 styling */
.menu_bar#menu p
{
  margin:0;
  padding:0;
  font-size:medium;
  font-weight:normal;
}
