@CHARSET "UTF-8";

#menuTop,#menuBottom, #menuTop ul,#menuBottom ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menuTop,#menuBottom /* Ensemble du menu */
{
/*      font-weight : bold; #on met le texte en gras 
        font-family : Arial; #on utilise Arial, c'est plus beau ^^ 
        font-size : 12px; #hauteur du texte : 12 pixels */
}

#menuTop a,#menuBottom a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        /*background : #000; *//* couleur de fond */        
        color : #fff; /* couleur du texte */
        /*text-decoration : none; *//* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        /*width : 144px;*/ /* largeur */
        width:auto;
        
}

#menuTop li,#menuBottom li /* Elements des listes */      
{ 
        float : left; 
 		margin-left:5px;
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff;*/ /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuTop li,html>body #menuBottom li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}