/* Style pour le bouton "Remonter en haut" */
#scrollToTopBtn {
    display: none; /* Caché par défaut */
    position: fixed; /* Position fixe */
    bottom: 20px; /* Distance du bas de la page */
    right: 15px; /* Distance de la droite de la page */
    z-index: 99; /* Au-dessus des autres éléments */
    border: none;
    outline: none;
    background-color: #1e90ff; /* Couleur de fond */
    color: white; /* Couleur du texte */
    cursor: pointer;
    width: 50px; /* Largeur fixe */
    height: 50px; /* Hauteur fixe */
    border-radius: 50%; /* Bouton rond */
    font-size: 18px; /* Taille du texte */
    transition: background-color 0.3s; /* Transition en douceur */
    border: 2px solid #ffffff; /* bordure blanche */
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    padding: 0; /* Supprimer le padding */
}

#scrollToTopBtn:hover {
    background-color: #4ea6ff; /* Couleur de fond au survol */
}

/* Media query pour les écrans plus larges */
@media (min-width: 1024px) {
    #scrollToTopBtn {
        right: 40px; /* Ajuste la position pour les écrans PC */
    }
}

@media (min-width: 1440px) {
    #scrollToTopBtn {
        right: 350px; /* Encore plus à gauche pour les très grands écrans */
    }
}