/* Classe pour le défilement vertical */

/* .scroll-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #000;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    display: none; //masqué au début
    transition: all 0.3s ease;
}

.scroll-up:hover {
    background-color: #fff;
    color: #000;
} */
.scroll {
    overflow-y: scroll;
}
#scrollToTop {   
    width: 50px; /* ajuste la taille selon tes préférences */
    height: 50px;
    background-image: url("../IMAGES/top2.png");
    background-size: cover; /* pour que l'image prenne toute la place du bouton */
    position: fixed;
    right: 20px; /* distance du côté droit de la fenêtre */
    bottom: 20px; /* distance du bas de la fenêtre */
    cursor: pointer; /* pour indiquer qu'il est cliquable */
    display: block; /* s'assurer que le bouton est visible */
    z-index: 500; /* pour qu'il soit au-dessus des autres éléments */
}


/* ------ SCROLL DES BOUTONS MENU TELEPHONE ET PC ------ */
/* ---------- Animation pour le header desktop ---------- */
/* .slide-header {
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .slide-header.visible {
    transform: translateY(0);
    opacity: 1;
  } */
  
  /* ---------- Animation pour le menu mobile ---------- */
  /* .slide-menu {
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .slide-menu.visible {
    transform: translateY(0);
    opacity: 1;
  }
   */

   /* ---------------------------- version apparition smooth js MENU ---------------------------- */


   /* ---------- Animation pour le header desktop (slide from top) ---------- */
.slide-header {
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
  }
  .slide-header.visible {
    transform: translateY(0);
    opacity: 1;
  }
  
  /* ---------- Animation pour le menu mobile (slide from top) ---------- */
  .slide-menu {
    transform: translateY(-100%);
    opacity: 0;
    transition: transform 0.5s ease 0.1s, opacity 0.1s ease 0s;
  }
  .slide-menu.visible {
    transform: translateY(0);
    opacity: 1;
  }