.alert{
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    justify-content: center;
    margin-bottom: .5em;
}
.alert-warning{
    background: #ffc107 !important;
}

.alert-success{
    background: #4bb528 !important;
    color: white;
}

.alert-error{
    background: #bd1b1b !important;
    color: white;
}

.alert-is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; /* Prend toute la largeur */
    z-index: 1055; /* Au-dessus de la plupart des autres éléments */
    margin-bottom: 0; /* Annule la marge normale */
    border-radius: 0; /* Optionnel: pas d'arrondi quand collé en haut */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Ombre pour détacher visuellement */

    /* Optionnel: Animation d'entrée/sortie */
    /* transform: translateY(0); */
}