/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:15px 0;}
.menu ul li a, .menu ul li a:visited {display:block; width:104px; height:20px; text-align:left; padding-left:22px; background:url(interface/puce1.gif) left top no-repeat; line-height:19px; font-size:11px;
margin-left: 2px;
color: #03468a;
font-weight:bold;
font-size: 12px;
padding-bottom:2px;
text-decoration: underline;
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
text-decoration: none;
cursor:pointer;
color: #00b4c5;
background:url(interface/puce2.gif) left top no-repeat; 
}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:92px; width:105px;}
.menu ul li:hover ul li a.hide {background:#03468a; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; padding-left:2px; font-size:9px; font-weight:bold; background:#ceddec; color:#000; width:86px; z-index:105; border-bottom: 1px solid #fff;}
.menu ul li:hover ul li a:hover {background:#03468a; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:181px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; margin-left:181px; background:#00b4c5; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#00b4c5; color:#fff;}