#mastermenu {
    width: 100%;
    max-width: 1000px; /* Plus flexible que 800px fixe */
    margin: 0 auto;
    padding: 20px 0;
}

#menu {
    display: flex;
    flex-wrap: wrap; /* Permet au menu de passer à la ligne sur mobile */
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px; /* Espace entre les boutons */
}

.menu-item {
    /* Style de base */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    
    /* Typographie */
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    text-align: center;
    color: black;

    /* Aspect visuel (votre style d'origine) */
    background-color: #f0f0f0;
    border: 2px solid;
    border-color: #DCDCDC #696969 #696969 #DCDCDC; /* Effet relief */
    transition: all 0.2s;
}

.menu-item:hover {
    background-color: #D3D3D3;
    border-color: #696969 #DCDCDC #DCDCDC #696969; /* Inverse le relief */
    color: #119;
}