nav{
    width: 100%;
    margin: 0px auto 2px auto;
    position: sticky;
    top: 0px;
    font-size: 1em;
}

nav ul{
   list-style-type: none;
   list-style-image: url(/css/pucebleue.gif);
   padding-left: 15px;
   margin: 0px; /*Enlève la marge par défaut du navigateur*/
   background-color: rgba(176, 155, 134, 0.8); /* Couleur de fond du menu */ 
}

nav li{
    float: left;
    width: 20%;/*100% divisé par le nombre d'éléments de menu*/
    text-align: left;/*Centre le texte dans les éléments de menu*/
}

/*Evite que le menu n'ait une hauteur nulle*/
nav ul::after{
    content: "";
    display: table;
    clear: both;
}

nav a{
    display: block; /*Toute la surface sera cliquable*/
    text-decoration: none;
    color: black;
    border-bottom: 2px solid transparent;/*Evite le décalage des éléments sous le menu à cause de la bordure en :hover*/
    padding: 5px 0px;/*Agrandit le menu et espace la bordure du texte*/
}

nav a:hover{
	color: #003332;
    list-style-image: url(/css/pucerouge.gif);
    border-bottom: 2px solid #720615;

}

@media all and (max-width: 800px) /*	pour les écrans étroits téléphone portrait; */
{
	nav{
        font-size: 0.65em;
    }
}