body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;

}

nav {
    width: 100%;
    height: 10vh;
    background: #E4CD6F;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 99;
}

nav a.retour {
    color: #fff;
    font-size: 2rem;
}

nav i {
    margin: 20px;
}

nav .links a {
    color: #000;
    margin: 0 10px;
}

nav .links a {
    color: #000;
    margin: 0 10px;
}

/* .content{
    margin-top: 20%;
} */
/* Style de base pour le select */
select {
    appearance: none;
    /* Supprime l'apparence par défaut de l'élément */
    width: 80px;
    /* Prend toute la largeur disponible */
    padding: 10px;
    /* Espacement interne pour rendre le select plus grand */
    font-size: 16px;
    /* Taille de la police */
    line-height: 1.5;
    border: 2px solid #ccc;
    /* Bordure grise */
    border-radius: 8px;
    /* Coins arrondis */
    background-color: #fff;
    /* Fond blanc */
    color: #333;
    /* Texte de couleur gris foncé */
    cursor: pointer;
    /* Curseur qui indique qu'il est cliquable */
    transition: border-color 0.3s ease;
    /* Animation douce sur le changement de la bordure */
}

/* Ajouter une icône de flèche à droite */
select {
    background-image: url('https://image.shutterstock.com/image-vector/vector-arrow-down-icon-on-260nw-1369609264.jpg');
    background-position: right 10px center;
    /* Position de l'icône */
    background-repeat: no-repeat;
    /* Pas de répétition de l'image */
    background-size: 16px;
    /* Taille de l'icône */
    padding-right: 40px;
    /* Espace pour l'icône à droite */
}

/* Style au survol (hover) */
select:hover {
    border-color: #888;
    /* Change la couleur de la bordure lors du survol */
}

/* Style lorsque le select est en focus */
select:focus {
    border-color: #007bff;
    /* Change la couleur de la bordure au focus (ici bleu) */
    outline: none;
    /* Supprime le contour par défaut */
}

/* Style pour des écrans plus petits */
@media (max-width: 600px) {
    select {
        font-size: 14px;
        /* Réduit légèrement la taille de la police sur petits écrans */
        padding: 8px;
    }
}