.menu a:hover em, .menu a#active em {
display:block; 
overflow:hidden; 
background: url(/site/images/menu-hover.gif) no-repeat; 
width: 56px; height: 10px; 
position:absolute; top: 22px; 
left:50%; 
margin-left:-29px;
z-index: 999;
}
/* ::::::::::::::::::::::::: END VAL :::::::::::::::::::: */

 /* common styling */
.menu {
width:750px; 
position:relative; 
z-index: 1000;
font: 13px arial; 
background-color: #DE1621; 
border: 1px solid #000; 
height: 22px; 
margin: 17px 0 30px 0;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
border-width:0;
}
.menu ul li {
float:left;
position:relative;
z-index: 1000;
}
.menu ul li a, .menu ul li a:visited {
border-width:0; 
display: block; 
color: #fff; 
text-transform: uppercase; 
text-decoration: none; 
font-size: 13px; 
font-weight: bold; 
letter-spacing: 1px; 
text-align: center; 
height: 19px; 
padding: 3px 0 0 0; 
border-right: 1px solid #fff;

}
.menu ul li#m-accueil a, .menu ul li#m-accueil a:visited {width: 148px;}
.menu ul li#m-accueil a#key, .menu ul li#m-accueil a#key:visited {width: 20px;}
.menu ul li#m-acheter a, .menu ul li#m-acheter a:visited, .menu ul li#m-vendre a, .menu ul li#m-vendre a:visited {width: 120px;}
.menu ul li#m-louer a, .menu ul li#m-louer a:visited {width: 97px;}
.menu ul li#m-rechercher a, .menu ul li#m-rechercher a:visited, .menu ul li#m-contact a, .menu ul li#m-contact a:visited {width: 130px;}
.menu ul li#m-contact a, .menu ul li#m-contact a:visited { border-right: 0;}
.menu ul li#m-contact ul li a, .menu ul li#m-contact ul li a:visited {width: 132px; border-right: 0;}

* html .menu ul li a, .menu ul li a:visited {
width:149px;
w\idth:139px;
}
.menu ul li ul, .menu ul li form {
display: none;
}
.menu table {
/*margin:-1px; */
border-collapse:collapse;
font-size:8px;
padding:0;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
}
.menu ul li:hover ul, .menu ul li:hover form {
display:block; 
position:absolute; 
top:22px;
left:-1px;
padding-top:11px;
background: url(/site/images/menu-hover.gif) top center no-repeat;
border-top: none;
border: none;
}
.menu ul li#m-accueil:hover form {width:148px;}
.menu ul li#m-acheter:hover ul {width:122px;}
.menu ul li#m-vendre:hover ul {width:122px;}
.menu ul li#m-louer:hover ul {width:99px;}
.menu ul li#m-rechercher:hover ul {width:132px;}
.menu ul li#m-contact:hover ul {width:134px;}
.menu ul li:hover ul li{padding-left:0;}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#bbb; 
color:#000; 
height:auto; 
line-height:1.2em; 
padding-top:5px;
padding-bottom:5px; 
padding-left:2px;
padding-right:0px;
text-transform: none;
text-align: left;
letter-spacing: 0;
font-weight: normal;
font-size: 11px;
border-bottom: 1px solid #F3F3F3; 
}
.menu ul li:hover ul li a.drop {
background: #bbb url(/site/images/fleche.gif) center right no-repeat;
}
.menu ul li:hover ul li a.border {
border-bottom: 3px solid #fff;
border-bottom: 0px solid #fff;
}
.menu ul li:hover ul li a:hover, div.menu ul li ul li a#current, div.menu ul li ul li ul li a#current2 {
background:#DE1621; 
color:#fff;
}
.menu ul li:hover ul li a.drop:hover, div.menu ul li ul li a.drop#current {
background: #DE1621 url(/site/images/fleche-hover.gif) center right no-repeat;
color:#fff;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:123px; 
top:0;
width:auto;
background: #F3F3F3;
padding: 0;
/*border-top: 1px solid #F3F3F3;*/
}
.menu ul li:hover ul li:hover ul.louer-sm {
left:100px; 
}
/* déclaration suivante = pour le cas où il y a un sous-sous menu 
dans contact qui devrait alors revenir sur la gauche */
.menu ul li:hover ul li:hover ul.left {
left:-120px;
}

.menu ul li:hover ul li ul li a {
font-size: 11px;
}

/* test new sous-menus */
ul.nouveautes-sm, ul.nouveaux-prix-sm {margin: 0 0 0 10px;}

/*********** ajout form login *************/
/*.menu ul li:hover form {width: 148px;}
.menu ul li:hover form label {display: block;}
.menu ul li:hover form input.input {width: 130px;}
.menu ul li:hover form p {background-color :#bbb; padding: 5px 5px 0 5px; font-size: 1.4em;}
.menu ul li:hover form input.button {margin-bottom: 5px;}
.menu ul li:hover form p#links a {display: block; color: #DE1621; text-transform: none; text-align: left; font-weight: normal; letter-spacing: 0; height: 15px; font-size: 1em;}
div#container div.menu ul li:hover form p#links a:link, .menu ul li:hover form p#links a:visited {text-decoration: underline;}
div#container div.menu ul li:hover form p#links a:hover {text-decoration: none;}*/
/**************************************/

/* clé login */
/*.menu ul li#m-accueil {position: relative;}
.menu ul li a#key {position: absolute; top: 0; left: 10px; border: none; width: 20px; display: inline;}*/
/**/