/* CSS par Miss Mopi http://www.missmopi.net/ d'après le menu du site http://www.ibilab.net/ */

ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
	color: #A05804;
   	position: static;
	margin: 0;
	padding: 0;
}

ul#menulist, ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:200px;
  _width:198px;
}


ul#menulist ul{
  position:absolute;
  top:-1px;
  left:200px;
}

ul#menulist li{
  position:relative;
  margin:5px 0;
  padding:0;
  _display:inline;
}

ul#menulist a{
  display:block;
  text-decoration: none;
  text-indent: 0.5em;
  font-size: 13px;
  font-weight: bold;
  width: 200px;
  padding: 0;
}

ul#menulist li:hover, ul#menulist li a:hover {
  color: #FFFFFF;
}

a.accueil, a.rub1, a.rub2, a.rub3, a.rub4, a.rub5, a.rub6, a.rub7, a.rub8, a.rub9, a.rub10,
	a.rub11, a.rub12, a.rub13, a.rub14, a.rub15, a.rub16 {
    text-align:left;
    display:block;
    width:200px;
    text-decoration:none;
	color: #3333FF; 
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
}

ul#menulist a:hover.accueil{	color: #333; background-color: #FF9933; text-decoration:none;}
ul#menulist a:hover.rub1{	color: #333; background-color: #FFCC33; text-decoration:none;}
ul#menulist a:hover.rub2{	color: #333; background-color: #FFFF00; text-decoration:none;}
ul#menulist a:hover.rub3{	color: #333; background-color: #FF3300; text-decoration:none;}
ul#menulist a:hover.rub4{	color: #CCC; background-color: #000066; text-decoration:none;}
ul#menulist a:hover.rub5{	color: #CCC; background-color: #3333CC; text-decoration:none;}
ul#menulist a:hover.rub6{	color: #CCC; background-color: #3399CC; text-decoration:none;}
ul#menulist a:hover.rub7{	color: #333; background-color: #33FFCC; text-decoration:none;}
ul#menulist a:hover.rub8{	color: #333; background-color: #999999; text-decoration:none;}
ul#menulist a:hover.rub9{	color: #333; background-color: #FF33CC; text-decoration:none;}
ul#menulist a:hover.rub10{ color: #333; background-color: #FF9999; text-decoration:none;}
ul#menulist a:hover.rub11{ color: #CCC; background-color: #990099; text-decoration:none;}
ul#menulist a:hover.rub12{ color: #CCC; background-color: #339900; text-decoration:none;}
ul#menulist a:hover.rub13{ color: #333; background-color: #99FF33; text-decoration:none;}
ul#menulist a:hover.rub14{ color: #333; background-color: #99CC99; text-decoration:none;}
ul#menulist a:hover.rub15{ color: #CCC; background-color: #3300FF; text-decoration:none;}
ul#menulist a:hover.rub16{ color: #CCC; background-color: #FF3333; text-decoration:none;}

ul#menulist li ul.rub1{ background-color: #FFCC99;}
ul#menulist li ul.rub2{ background-color: #FFFFCC;}
ul#menulist li ul.rub3{ background-color: #FFCCCC;}
ul#menulist li ul.rub4{ background-color: #9999FF;}
ul#menulist li ul.rub5{ background-color: #9999CC;}
ul#menulist li ul.rub6{ background-color: #CCCCFF;}
ul#menulist li ul.rub7{ background-color: #CCFFFF;}
ul#menulist li ul.rub8{ background-color: #CCCCCC;}
ul#menulist li ul.rub9{ background-color: #FFCCFF;}
ul#menulist li ul.rub10{ background-color: #FFCCCC;}
ul#menulist li ul.rub11{ background-color: #CC99CC;}
ul#menulist li ul.rub12{ background-color: #99FF66;}
ul#menulist li ul.rub13{ background-color: #CCFF99;}
ul#menulist li ul.rub14{ background-color: #CCFFCC;}
ul#menulist li ul.rub15{ background-color: #9999FF;}
ul#menulist li ul.rub16{ background-color: #CC9999;}
