/* Style pour le fond vert et le texte blanc */
.green-bg {
    background-color: #28a745; /* Vert */
    color: #fff; /* Texte blanc */
    padding: 25px;
    border-radius: 10px;
    margin: 10px auto; /* Centrage horizontal */
    text-align: center; /* Centrage du texte horizontalement */
}

.red-bg {
    background-color: red; /* rouge */
    color: #fff; /* Texte blanc */
    padding: 25px;
    border-radius: 10px;
    margin: 10px auto; /* Centrage horizontal */
    text-align: center; /* Centrage du texte horizontalement */
}

#displayMessage {
    position: fixed; /* Position fixe par rapport à la fenêtre du navigateur */
    top: 7%; /* Position verticale au centre */
    left: 50%; /* Position horizontale au centre */
    transform: translate(-50%, -50%); /* Décalage de 50% de la largeur et de la hauteur */
    z-index: 9999; /* Assurez-vous que la div est au-dessus de tout le reste */
	padding:30px;
}

/* Ajoutez ces styles CSS dans votre fichier CSS ou dans une balise <style> dans le document HTML */
.fade-out {
    animation: fadeOut 3s forwards; /* Durée de l'animation : 2 secondes */
}	

@keyframes fadeOut {
    from {
        opacity: 1; /* Opacité initiale */
    }
    to {
        opacity: 0; /* Opacité finale */
    }
}