<form method="post" action="https://newsletter.infomaniak.com/v3/api/1/newsletters/webforms/20483/submit" class="inf-form">
    <input type="email" name="email" style="display: none;" />
    <input
        type="hidden"
        name="key"
        value="eyJpdiI6IkNOY0c1NzVoWVZcL1MzQ1lLcUJcL09EN0oyd2ppeEg3K0EwQzRSVEVPNjRmWT0iLCJtYWMiOiIzMzRmMjM0N2Q4ZDY1MmM1ZWFlNzc1MzEwZGYxNGM1MjYxMDNhMmNjZjUxNWIwZGUxM2JkMzUyZmIzZWJlY2RlIiwidmFsdWUiOiI2amx2VE81MG9GSUJpeW53Z1FTeWFpemVoNDEyaGxvb3djOWVSbFR0RjJjPSJ9"
    />
    <input type="hidden" name="webform_id" value="20483" />
    <style>
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 {
   background-color: #000000;
   padding: 25px 20px;
   margin: 25px auto;
   color: #FFFFFF;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 h2 { margin-bottom: 1em; }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 h2,
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 span,
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 label {
   color: #FFFFFF;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 input {
   background-color: #FFFFFF;
   color: #333333;
   border: 1px solid #5C005C;
   padding-left: 7px;
   height: 35px;
   width: 50%;
   box-sizing: border-box;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-submit input {
   background-color: #5C005C;
   color: #FFFFFF;
   border: none;
   font-weight: bold;
   padding: 7px;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-success p,
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 p.message { margin: 1em 0 }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-success p a,
   .inf-btn {
   color: #FFFFFF;
   background-color: #5C005C;
   box-shadow: none;
   border-radius: 4px;
   padding: 7px;
   text-decoration: none;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-input.inf-error label,
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-input.inf-error span.inf-message {
   color: #cc0033;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-input.inf-error input {
   border: 1px solid #cc0033;
   }
   .inf-main_70c8f994a37f42dc783d951ffaa80ef8 .inf-rgpd {
       margin: 1em 0;
       line-height: 1.5em;
       color: #CCCCCC;
   }
   #mcaptcha__widget-container { background-color: #FC92FC; color: white; width: 50%; }
   </style>
    <div class="inf-main_70c8f994a37f42dc783d951ffaa80ef8">
        <h2>Inscription à notre newsletter</h2>
        <p class='message'>Recevez toutes les semaines le programme de votre cinéma préféré directement dans votre boite e-mail :<br></p>
        <div class="inf-success" style="display: none;">
            <h4>Votre inscription a été enregistrée avec succès !</h4>
            <p><a href="#" class="inf-btn">&laquo;</a></p>
        </div>
        <div class="inf-content">
            <div class="inf-input inf-input-text"><input type="email" name="inf[1]" data-inf-meta="1" data-inf-error="" required="required" placeholder="Email *" /></div>
            <div class="inf-input inf-input-text"><input type="text" name="inf[70930]" data-inf-meta="70930" data-inf-error="" required="required" placeholder="Prénom et nom *" /></div>
            <div class="inf-input inf-input-text"><input type="text" name="inf[70931]" data-inf-meta="70931" data-inf-error="" required="required" placeholder="Localité *" /></div>
            <div class="inf-input inf-input-text"><input type="date" name="inf[70932]" data-inf-meta="70932" data-inf-error="" placeholder="Date de naissance " /></div>
            <div class="inf-rgpd">
                Votre adresse de messagerie est uniquement utilisée pour vous envoyer notre lettre d&#039;information ainsi que des informations concernant nos activités. Vous pouvez à tout moment utiliser le lien de désabonnement intégré
                dans chacun de nos mails.
            </div>
            <div style="">
                <label data-mcaptcha_url="https://captcha.infomaniak.com/widget/?sitekey=wKJaAigS1e48fWgqtjvg5w7rKA6QIwmy" for="mcaptcha__token" id="mcaptcha__token-label">
                    <input type="text" name="mcaptcha__token" id="mcaptcha__token" />
                </label>
                <div id="mcaptcha__widget-container"></div>
                <script src="https://unpkg.com/@mcaptcha/vanilla-glue@0.1.0-rc2/dist/index.js"></script>
            </div>
            <div class="inf-submit"><input type="submit" style="margin-top: 25px;" name="" value="Valider" /></div>
        </div>
    </div>
</form>
