/* Media queries pour la responsivité */
@media screen and (max-width: 768px) {
    header {
        padding: 0 15px;
    }

    nav ul {
        gap: 24px; /* Réduit l'espace entre les liens */
        padding-right: 30px;

    }

    nav ul li a {
        font-size: 14px; /* Réduit légèrement la taille de la police */
    }
}

@media screen and (max-width: 480px) {
    header {
        padding: 0 10px;
    }

    .logo_perso {
        height: 70px; /* Réduit la taille du logo */
        width: 76px;
    }

    nav ul {
        gap: 15px; /* Réduit encore l'espace entre les liens */
        padding-right: 30px;
    }

    nav ul li a {
        font-size: 14px; /* Réduit encore la taille de la police */
    }
}

@media screen and (max-width: 430px) {
    .trait {
        display: none;
    }

    header {
        justify-content: space-between;
    }
    nav ul {
        gap: 15px; /* Réduit encore l'espace entre les liens */
        padding-right: 30px;
    }
}