/* common styling */

.menus {
font-family: verdana, sans-serif; 
position:relative; 
font-size:1em;
z-index:100;
text-align:center;
padding-top:0px;
padding-left:9px;
}
.menus ul {
padding:0;
padding-top:5px;
margin:0;
list-style-type: none;
height:55px;
}
.menus ul li {
float:left;
padding-left:4px;
position:relative;
}
/* html .menus ul li a: {
background-image:url(images/fondbout1.gif);
}
* html .menus ul li a:visited {
background-image:url(images/fondbout1.gif);
}*/
.menus ul li a, .menus ul li a:visited {
display:block;
text-decoration:none; 
color:#000;
width:125px; 
height:78px; 
color:#fff;
/*background-image:url(images/fondbout1.png);*/
line-height:77px;
}
* html .menus ul li a, .menus ul li a:visited {
width:125px;
w\idth:125px;
}
.menus ul li ul {
display: none;
padding-top:50px
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menus ul li:hover a,
.menus ul li a:hover {
color:#fff;
background:none;
background-image:url(images/fondbout_roll1.gif);
background-repeat:no-repeat;
font-weight:bold;
background-position:0px 23px;
filter: alpha(opacity=80);  
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.menus ul li:hover ul,
.menus ul li a:hover ul {
display:block; 
position:absolute; 
top:3em;
margin-top:0px;
left:0; 
width:125px;
}
* html .menus ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menus ul li:hover ul li ul,
.menus ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute;
padding-top:0px;
height:0; 
width:0;
}

.menus ul li:hover ul li a,
.menus ul li a:hover ul li a {
display:block;
background-image: url(images/bullet_11x8.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #000000;
text-align:left;
text-indent: 8pt;
color:#fff; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:125px;
border-bottom: 1px solid #2f2f2f;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
filter: alpha(opacity=75);  
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
* html .menus ul li a:hover ul li a {
width:125px;
w\idth:125px;
}

.menus ul li:hover ul li a.drop,
.menus ul li a:hover ul li a.drop {
background:#c9c9a7 url(drop.gif) bottom right no-repeat;	

}

.menus ul li:hover ul li a:hover,
.menus ul li a:hover ul li a:hover {
	color: #ffffff;
	background-image: url(images/bullet_11x8_roll.gif);
	background-repeat: no-repeat;
	text-align: left;
	border-right: 1px solid #2f2f2f;
	border-bottom: 1px solid #2f2f2f;
	border-left: 1px solid #2f2f2f;
	font-weight:bold;
	width: 125px;
	background-color: #000000;
	background-position: left center;
	text-indent: 8pt;
	filter: alpha(opacity=100);  
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.menus ul li:hover ul li:hover ul,
.menus ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:125px; 
top:0;
width:125px;
}

.menus ul li:hover ul li:hover ul.left,
.menus ul li a:hover ul li a:hover ul.left {
left:-125px;
}