[lolo61]

Le menu s'affiche maintenant correctement
Les sous-menus n'apparaissent et reste que lorsque l'on arrive sur les pages
Ça ne fonctionne pas vraiment sur IE 6 mais ça, c'est une autre histoire.

Il me reste à faire en sorte que les sous menus s'affichent au survol de la sourie, je mettrais [résolu] quand ça sera fait, afin d'avoir les deux solutions.
Mais au moins ça marche

merci !

Code :

#menuwrapper{    
}

#menuwrapper ul#primary-nav{
    width: 950px;
    margin: 0 auto;
    height: 52px;
    position: relative;

}

#menuwrapper ul#primary-nav li{
    float: left;
    list-style-type: none;
}

#menuwrapper ul#primary-nav li a{
    display: block;
    float: left;
    padding: 5px 12px 5px ;
        font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;

}

#menuwrapper ul#primary-nav li a:hover{
     background-image: url(images/pattern_menu_bas_noir.png);
    background-repeat: repeat-x;
}



#menuwrapper ul#primary-nav li.menuactive a{
        background-image: url(images/pattern_menu_bas_noir.png);
    background-repeat: repeat-x;
        display: block;
}

#menuwrapper ul#primary-nav li.menuactive li  a{
        background-image: url(images/pattern_menu_bas_rouge.png);
    background-repeat: repeat-x;
        display: block;
}


#menuwrapper ul#primary-nav li ul {
    position: absolute;
    top: 24px;
    left: 66px;
    width: 750px;
        display: block;


}

#menuwrapper ul#primary-nav li ul li a{
    display: none;
    float: left;
    padding: 5px 12px 5px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background: none;
    z-index:10;


}

#menuwrapper ul#primary-nav li ul{
        padding: 0;

display: block;
}

#menuwrapper ul#primary-nav li:hover ul li a{
    display: none;
        background-image: url(images/pattern_menu_bas_rouge.png);
    background-repeat: repeat-x;
}

#menuwrapper ul#primary-nav li.menuactive:hover ul li a{
        height:15px;
        display: block;

}

#menuwrapper ul#primary-nav li ul#first-second-nav li a{
    display: block;
    background: none;
    z-index:5;



}

#menuwrapper ul#primary-nav li ul li a:hover{
        background-image: url(images/pattern_menu_bas_noir.png);
    background-repeat: repeat-x;
        height:15px;

}

#menuwrapper ul#primary-nav li ul li.menuactive a{
        background-image: url(images/pattern_menu_bas_noir.png);
    background-repeat: repeat-x;
}