*{
margin:0px;
padding:0px;
}

.menu1 {font-family: Verdana, Arial, Helvetica, sans-serif; width:750px; height:50px; position:relative; z-index:100; margin:0px auto 0px auto;}
.menu1 ul li a {display:block; text-decoration:none; width:104px; height:20px; padding-left:14px; color:#666666; border:1px solid #fff; line-height:21px; font-size:11px; overflow:hidden;}
.menu1 ul li:hover a {color:#999999;}

#bg1{background-image:url(../images/menu/fond_menu_actu.png); width:90px;}


#bg2{background-image:url(../images/menu/fond_menu_asso.png); width:100px;}
#bg2 ul li a{background-color:#FF0099; color:#FFFFFF;}
#bg2 ul li a:hover{background-image:url(../images/menu/fond_menu_asso_hover.png);}
#asso {
width:110px;
background-color:#FF0099; color:#FFFFFF;}
#asso:hover {
width:110px;
background-image:url(../images/menu/fond_menu_asso_hover.png);}

#bg3{background-image:url(../images/menu/fond_menu_cours.png); width:100px;}
#bg3 ul li a{width:140px; background-color:#00CCCC; color:#FFFFFF;}
#bg3 ul li a:hover{background-image:url(../images/menu/fond_menu_cours_hover.png);}
#cours{
width:140px;
background-color:#00CCCC; color:#FFFFFF;}
#cours:hover{
width:140px;
background-image:url(../images/menu/fond_menu_cours_hover.png)}

#bg4{background-image:url(../images/menu/fond_menu_jeux.png); width:130px; background-repeat:no-repeat;}
#bg4 ul li a{width:140px; background-color:#FFCC00;}
#bg4 ul li a:hover{background-image:url(../images/menu/fond_menu_jeux_hover.png);}
#jeux{
width:140px;
background-color:#FFCC00; color:#FFFFFF;}
#jeux:hover{
width:140px;
background-image:url(../images/menu/fond_menu_jeux_hover.png);
}

#bg5{background-image:url(../images/menu/fond_menu_groupes.png);}
#bg5 ul li a{width:130px; background-color:#990099;}
#bg5 ul li a:hover{background-image:url(../images/menu/fond_menu_groupes_hover.png);}
#groupes{
width:130px;
background-color:#990099; color:#FFFFFF;}
#groupes:hover{
width:130px;
background-image:url(../images/menu/fond_menu_groupes_hover.png);}

#bg6{background-image:url(../images/menu/fond_menu_infos.png);}
#bg6 ul li a{width:90px; background-color:#FF6600;}
#bg6 ul li a:hover{background-image:url(../images/menu/fond_menu_infos_hover.png);}
#infos{
width:90px;
background-color:#FF6600; color:#FFFFFF;}
#infos:hover{
width:90px;
background-image:url(../images/menu/fond_menu_infos_hover.png);}



.menu1 ul {padding:0; margin:0; list-style: none;}
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}

/* specific to non IE browsers */

.menu1 ul li:hover ul {display:block; position:absolute; top:21px; left:0;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#ddd; color:#000;}