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

.b-no { /* Ensemble du menu */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 20px; /* hauteur du texte : 12 pixels */
	border : 0px solid #000; 
	height : 40px;
}

.b-no 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 : #fff url(../images/b-no.gif);
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

.b-no a:hover { /* Lorsque la souris passe sur un des liens */
	color: #000; /* On passe le texte en noir... */
	background : #000 url(../images/b-no.gif) 0 -32px;
}

.no-actif { /* Boutin actif */
	color: #aaa; /* On passe le texte en noir... */
	background : #000 url(../images/b-no.gif) 0 -32px;
}

.no-comm { /* Bonton inactif */
	color : #fff; /* couleur du texte */
	background : #000 url(../images/b-no.gif);
}

.b-no li { /* Elements des listes */
	float : left;
	margin : 2px 2px 2px 2px;
        /* pour IE qui ne reconnaît pas "transparent" */
/*	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	border : 1px solid #000; 
	width : 32px; /* largeur */
}

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