.menu_recherche_div {
width :115px;
float : right;
}

.menu_recherche {
  height:10px;
border: 1px #b1b1b1 solid;
}

.menu_cadre_recherche {
margin-top : 0px;
padding : 0px;
float : right;
}

.posmenu {
  height:20px;

}

div#menu {
margin : 0px auto;
font-family: arial;
font-size: 12px;
color: #000000;

}


div#menu a {color:#000000}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0; margin:0px; background: white; }
div#menu li:hover {background-color: #e1e1e1; color: #000000; }
div#menu li.sousmenu:hover {background-color: #e1e1e1; color: #000000;}

/* div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;} */

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative; list-style: none;  float:left; white-space:nowrap; width:100%; }

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:100px; border: 1px #b1b1b1 solid;}

div#menu ul.niveau1 li {
}

div#menu ul.niveau2 li {width:200px;}
div#menu ul.niveau3 li{width:200px;}
div#menu ul.niveau4 li{width:200px;}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 ,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block; width:204px;}

/*Il faut decaller les soussous menu de la taille du sous menu */

div#menu ul.niveau1 li:hover  {z-index:999}
div#menu ul.niveau2 li:hover  {z-index:999}

div#menu ul.niveau3 {z-index:999;top:5; left: 60px; }
div#menu ul.niveau4 {z-index:999;top:5; left: 60px; }