span.helptext {
    font-size: 0.7em;
    color: #f58787;
    margin-left: 5px;
    font-style: italic;
}

ul.flash_messages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
    position: fixed;
    top: 70px;
    right: 10px;
    z-index: 1000;
}

ul.flash_message {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 1s ease-out; /* Transition pour l'opacité */
}

ul.flash_messages li {
    list-style: none;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    color: white;
}

ul.flash_messages li.error {
    background-color: #f58787;
    color: red;
}

ul.flash_messages li.success {
    background-color: #a5edb5;
    color: green;
}