.elementor-26856 .elementor-element.elementor-element-3a2a74a:not(.elementor-motion-effects-element-type-background), .elementor-26856 .elementor-element.elementor-element-3a2a74a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F201F;}.elementor-26856 .elementor-element.elementor-element-3a2a74a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26856 .elementor-element.elementor-element-3a2a74a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Poppins;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26856 .elementor-element.elementor-element-71c1efe > .elementor-widget-container{margin:-69px 0px -75px 0px;}.elementor-26856 .elementor-element.elementor-element-71c1efe{column-gap:0px;font-family:"Be Vietnam Pro", Poppins;font-size:59px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-26856 .elementor-element.elementor-element-4aac591 > .elementor-widget-container{margin:-29px 0px -18px 0px;padding:8px 0px 0px 0px;}.elementor-26856 .elementor-element.elementor-element-4aac591{font-family:"Be Vietnam Pro", Poppins;font-size:20px;font-weight:100;color:#FFFFFF;}#elementor-popup-modal-26856{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-26856 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-26856 .dialog-close-button{display:flex;}#elementor-popup-modal-26856 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-26856 .elementor-element.elementor-element-3a2a74a > .elementor-container{max-width:500px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-26856 .elementor-element.elementor-element-71c1efe > .elementor-widget-container{margin:-36px 0px -78px 0px;}.elementor-26856 .elementor-element.elementor-element-71c1efe{font-size:37px;}.elementor-26856 .elementor-element.elementor-element-4aac591 > .elementor-widget-container{margin:-29px 0px -46px 0px;}.elementor-26856 .elementor-element.elementor-element-4aac591{font-size:15px;}}/* Start custom CSS for text-editor, class: .elementor-element-71c1efe */.elementor-26856 .elementor-element.elementor-element-71c1efe::before {
  content: '';
  display: block;
  width: 200px; /* Change la longueur ici */
  height: 6px; /* Épaisseur de la barre */
  background-color: #a8d5ba; /* Ta couleur (ex. rouge brique) */
  border-radius: 4px; /* Angles arrondis */
  margin-bottom: 10px; /* Espace entre la barre et le titre */
  margin-left:  0px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-66fcc00 */<p class="sib-NOM-area"> 
    <label class="sib-NOM-area">NOM*</label> 
    <input type="text" class="sib-NOM-area" name="NOM" required="required"> 
</p>

<p class="sib-PRENOM-area"> 
    <label class="sib-PRENOM-area">PRENOM*</label> 
    <input type="text" class="sib-PRENOM-area" name="PRENOM" required="required"> 
</p>

<p class="sib-email-area"> 
    <label class="sib-email-area">Adresse email</label> 
    <input type="email" class="sib-email-area" name="email" placeholder="" value=""> 
</p>

<!-- Bouton de soumission -->
<p class="sib-submit-area">
    <button type="submit" class="sib-submit-button">S'abonner</button>
</p>

<style>
    /* Style de base */
    .sib-NOM-area, .sib-PRENOM-area, .sib-email-area {
        margin-bottom: 20px;  /* Espacement entre les éléments (champs et labels) */
        width: 100%;
    }

    .sib-NOM-area input, .sib-PRENOM-area input, .sib-email-area input {
        width: 100%;
        padding: 8px;          /* Réduire le padding pour rendre les champs moins hauts */
        font-size: 16px;       /* Taille de la police */
        height: 40px;          /* Contrôle explicite de la hauteur des champs */
        border-radius: 5px;
        border: 1px solid #ccc;
        box-sizing: border-box;  /* Assure que le padding est inclus dans la largeur */
    }

    .sib-submit-area {
        text-align: center;
        margin-top: 30px;  /* Espacement au-dessus du bouton */
    }

    .sib-submit-button {
        background-color: #a8d5ba;  /* Couleur de fond (vert) */
        color: black;                /* Couleur du texte (noir) */
        border: none;                /* Pas de bordure */
        padding: 12px 50px;          /* Espacement interne (hauteur et largeur) */
        font-size: 20px;             /* Taille de la police */
        font-family: 'Be Vietnam Pro', sans-serif;  /* Appliquer la police */
        border-radius: 5px;          /* Coins arrondis */
        cursor: pointer;            /* Curseur en forme de main au survol */
        transition: background-color 0.3s ease; /* Animation pour la couleur au survol */
    }

    /* Changement de couleur du bouton au survol */
    .sib-submit-button:hover {
        background-color: #6f8c7b; /* Vert foncé au survol */
    }

    /* Mode responsive pour les écrans de petite taille */
    @media screen and (max-width: 600px) {
        .sib-NOM-area input, .sib-PRENOM-area input, .sib-email-area input {
            padding: 10px;  /* Réduire légèrement le padding */
            font-size: 14px; /* Réduire la taille de la police */
            height: 35px;    /* Ajuster la hauteur sur mobile */
        }

        .sib-submit-button {
            padding: 12px 30px;  /* Ajuster le padding pour mobile */
            font-size: 18px;      /* Réduire la taille de la police pour mobile */
        }

        .sib-NOM-area, .sib-PRENOM-area, .sib-email-area {
            margin-bottom: 1px;  /* Réduire la marge entre les champs sur mobile */
        }

        .sib-submit-area {
            margin-top: 25px;  /* Ajuster l'espace au-dessus du bouton sur mobile */
        }
    }
</style>/* End custom CSS */