/* Styles pour la snackbar */
 #snackbar {
    visibility: hidden; /* Masquer par défaut */
    min-width: 250px; /* Largeur minimale */
    margin-left: -125px; /* Centrer horizontalement */
    background-color: #333; /* Couleur de fond */
    color: #fff; /* Couleur du texte */
    text-align: center; /* Centrer le texte */
    border-radius: 2px; /* Coins arrondis */
    padding: 16px; /* Espacement intérieur */
    position: fixed; /* Position fixe */
    z-index: 1; /* Au-dessus des autres éléments */
    left: 50%; /* Centrer horizontalement */
    bottom: 30px; /* Positionner en bas */
    font-size: 17px; /* Taille de la police */
}
#snackbar.show {
    visibility: visible; /* Rendre visible */
    animation: fadein 0.5s, fadeout 0.5s 2.5s; /* Animation d'apparition et de disparition */
}
@keyframes fadein {
    from {bottom: 0; opacity: 0;} /* Début de l'animation */
    to {bottom: 30px; opacity: 1;} /* Fin de l'animation */
}
@keyframes fadeout {
    from {bottom: 30px; opacity: 1;} /* Début de l'animation de sortie */
    to {bottom: 0; opacity: 0;} /* Fin de l'animation de sortie */
}