/* menu gauche */

#menuHaut {margin-top: 0}
#menuHaut ul  { position: absolute; left: -999em; z-index: 999 ;}
/*#menuHaut ul li ul li a:hover ul { position: relative; left: auto; margin-top: 0; z-index: 999 }*/

.instit .sidebar.left ul.menuGauche li.current ul li a ul li { background-color: #618fc0; }

.epargne ul.menuGauche li.current ul li a ul li { background-color: #6f9be5; }

#menuHaut .particuliers ul { background: #ec7416; }
#menuHaut .epargne ul { background: #008546; }
#menuHaut .zinzins ul { background: #22427b; }
#menuHaut .quisommesnous ul { background: #8825a5; }



#menuHaut .epargne ul li a:hover { color: #008546 !important; }
#menuHaut .zinzins ul li a:hover { color: #22427b !important; }
#menuHaut .quisommesnous ul li a:hover { color: #8825a5 !important; }
#menuHaut .particuliers  ul li a:hover { color: #ec7416 !important; background-color: #00f; }


#menuHaut ul li ul li:hover ul { margin: -19px 0 0 164px  !important;  }

#menuHaut ul { float: left; padding: 0; margin: 0 0 0 0; border: 1px solid #d5d5d5; width: 186px; }



#menuHaut ul li {
    clear: both;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 7px 0 0 !important;
    width: 172px;
    height: auto !important;
    line-height: auto !important;
}
#menuHaut ul li a {
    display: block;
    width: 174px;
    color: #fff;
    background-image: none !important;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    height: 14px !important; min-height: 14px !important; padding: 4px 0 4px 12px !important;
    border-bottom: 1px dotted #fff;
}
#menuHaut ul li a:hover {
    background-color: #fff !important;
    background-image: none !important;
}

#menuHaut li:hover ul, #menuHaut li.sfhover ul { position: absolute; left: auto; z-index: 99999; display: block;}
ul.sousMenu, .sfhover {  border: 0px solid #F00; z-index: 99999 ;  display: block; float: left}
#menuHaut li { float: left !important;  display: block; z-index:99999; }