.rec-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
}

.rec-newsletter-form input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.rec-newsletter-form button {
    padding: 4px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background: #000;
    color: #fff;
    width: 96px;
    border-radius: 30px;
}

.rec-newsletter-message {
    margin-top: 10px;
    font-size: 0.9rem;
}
div#newsletterMsg {
    color: #000;
    font-family: helvetica;
}
.label_news{
    color: #000;
        font-size: 12px;
        font-family: helvetica;
}

input#prenom,input#nom,input#email {
    border-top: 0px solid #FFF;
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
    border-bottom: 1px solid #000;
    font-family: helvetica;
}

input#prenom::placeholder,input#nom::placeholder,input#email::placeholder {
font-size: 0.8rem;
color:#000;
}

button#rec_newsletter_btn {
    font-family: 'ABRIL2';
}