/* Styles pour centrer le message de succu00e8s apru00e8s la barre latu00e9rale */

.alert-success {
    margin: 20px auto;
    text-align: center;
    max-width: 80%;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success h5 {
    margin-bottom: 10px;
    font-weight: 600;
}

/* Style spu00e9cifique pour le conteneur d'alerte dans le wrapper */
#alert-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

#alert-container .alert {
    width: 80%;
    text-align: center;
}

/* Style pour les messages de succu00e8s dans les onglets */
.tab-pane .alert-success {
    margin: 20px auto;
    text-align: center;
    max-width: 90%;
}

/* Animation pour attirer l'attention */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.alert-success {
    animation: fadeInDown 0.5s ease-out;
}