Menu et style liste

Bonjour à tous,

Je rencontre un problème avec un menu sous forme de liste.
Mon souci vient du fait que dans le .sousmenu (ul) les li conservent le style de #menu ul li
alors que j'ai défini un style différent.
Merci de votre aide.

#menu {
    height: 60px;
    width: 880px;
    background: url('../imagesFront/menu.png') no-repeat 0 0;
    padding-left: 60px;
}
#menu ul, #menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu ul li {
    float: left;
    text-align: center;
    height: 56px;
    position: relative;
}
#menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 18px 12px;
    font-size: 15px;
}
#menu ul li a:hover, #menu ul li a.actif {
    background: #201201;
}
#menu li ul.sous-menu {
    display: none;
    position: absolute; z-index: 999999; top: 55px; left: 0;
    background: #3D2301;
    padding: 0; margin: 0;
    border: 1px solid #ABABAB;
    width: 300px;
}
#menu li ul.sous-menu li.page {
    width: 300px;
    height: 26px;
}
#menu li ul.sous-menu li.page a {
    height: 26px;
}
#menu li ul.sous-menu > li.page a:hover {
    height: 26px;
}
#menu ul li:hover > .sous-menu {
    display: block;
}