Inscription Newsletter

<!DOCTYPE html> <html lang="en"> <head> <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Inscription Newsletter</title>  <style> @font-face { font-display:block; font-family: Roboto; src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"),url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") } @font-face { font-display:fallback; font-family: Roboto; font-weight: 600; src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"),url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") } @font-face { font-display:fallback; font-family: Roboto; font-weight: 700; src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"),url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") } #sib-container input:-ms-input-placeholder { text-align:left; font-family:Helvetica, sans-serif; color:#c0ccda; } #sib-container input::placeholder { text-align:left; font-family:Helvetica, sans-serif; color:#c0ccda; } #sib-container textarea::placeholder { text-align:left; font-family:Helvetica, sans-serif; color:#c0ccda; } #sib-container a { text-decoration: underline; color: #2BB2FC; } </style> <link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">  </head> <body style="text-align: center; background-color: #EFF2F7; background-attachment: fixed">  <div class="sib-form" > <div id="sib-form-container" class="sib-form-container"> <div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;" > <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"/> </svg> <span class="sib-form-message-panel__inner-text"> Nous n'avons pas pu confirmer votre inscription. </span> </div> </div> <div></div> <div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;" > <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon"> <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"/> </svg> <span class="sib-form-message-panel__inner-text"> Votre inscription est confirm茅e. </span> </div> </div> <div></div> <div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#000000; border-style:solid; direction:ltr" > <form id="sib-form" method="POST" action="" data-type="subscription" > <div style="padding: 8px 0;"> <div class="sib-form-block sib-image-form-block" style="text-align: center" > <img src="https://img.mailinblue.com/5550772/images/content_library/original/6478b3b2cad35c08ba2361aa.jpg" style="width: 300px;height: 201px;" alt="" title="" /> </div> </div> <div style="padding: 8px 0;"> <div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000; background-color:transparent; text-align:left"> <p>Gardons le contact !</p> </div> </div> <div style="padding: 8px 0;"> <div class="sib-form-block" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#000000; background-color:transparent; text-align:left" > <div class="sib-text-form-block"> <p>Retrouvez toute l'actualit茅 et toutes les offres de l'Auditorium-Orchestre national de Lyon dans votre bo卯te mail !</p> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" for="NOM" data-required="*" >Nom</label> <div class="entry__field"> <input class="input " maxlength="200" type="text" id="NOM" name="NOM" autocomplete="off" data-required="true" required /> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" for="PRENOM" data-required="*" >Pr茅nom</label> <div class="entry__field"> <input class="input " maxlength="200" type="text" id="PRENOM" name="PRENOM" autocomplete="off" data-required="true" required /> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" for="EMAIL" data-required="*" >Email</label> <div class="entry__field"> <input class="input " type="text" id="EMAIL" name="EMAIL" autocomplete="off" data-required="true" required /> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" for="AX_BIRTHDATE" >Date de naissance (facultatif)</label> <div class="entry__field"> <input maxlength="200" type="text" data-type="date" class="input " pattern="^([0-2][0-9]|(3)[0-1])(-)(((0)[0-9])|((1)[0-2]))(-)\d{4}$" title="dd-mm-yyyy" data-format="dd-mm-yyyy" id="AX_BIRTHDATE" name="AX_BIRTHDATE" autocomplete="off" /> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> <label class="entry__specification" style="font-size:12px; text-align:left; font-family:Helvetica, sans-serif; color:#8390A4; text-align:left" > dd-mm-yyyy </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" for="AX_ZIP_CODE" >Code Postal (facultatif)</label> <div class="entry__field"> <input class="input " maxlength="200" type="text" id="AX_ZIP_CODE" name="AX_ZIP_CODE" autocomplete="off" /> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-checkbox-group sib-form-block" data-required="true" > <div class="form__entry entry_mcq"> <div class="form__label-row " > <label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#000000;" data-required="*" >Quelles communications souhaitez-vous recevoir ?</label> <div style=""> <div class="entry__choice"> <label class="checkbox__label"> <input type="checkbox" class="input_replaced" name="lists_33[]" data-value="La newsletter mensuelle de L鈥橝O." value="7" data-required="true" /> <span class="checkbox checkbox_tick_positive" style="margin-left:" ></span><span style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#000000; background-color:transparent;">La newsletter mensuelle de L鈥橝O.</span> </label> </div> <div class="entry__choice"> <label class="checkbox__label"> <input type="checkbox" class="input_replaced" name="lists_33[]" data-value="Des actualit茅s et offres promotionnelles personnalis茅es (hors newsletter mensuelle)." value="8" data-required="true" /> <span class="checkbox checkbox_tick_positive" style="margin-left:" ></span><span style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#000000; background-color:transparent;">Des actualit茅s et offres promotionnelles personnalis茅es (hors newsletter mensuelle).</span> </label> </div> </div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-captcha sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row " > <script> function handleCaptchaResponse() { var event = new Event('captchaChange'); document.getElementById('sib-captcha').dispatchEvent(event); } </script> <div class="g-recaptcha sib-visible-recaptcha" id="sib-captcha" data-sitekey="6LfKPJ0iAAAAAIIIThogppVHEhpr03y8t2ByWzMH" data-callback="handleCaptchaResponse" style="direction:ltr" ></div> </div> <label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;" > </label> </div> </div> </div> <div style="padding: 8px 0;"> <div class="sib-form-block" style="text-align: left" > <button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; border-radius:3px; border-width:0px;" form="sib-form" type="submit" > <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512"> <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"/> </svg> S'INSCRIRE </button> </div> </div> <input type="text" name="email_address_check" value="" class="input--hidden"> <input type="hidden" name="locale" value="fr"> </form> </div> </div> </div>   <script> window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays'; window.LOCALE = 'fr'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez v茅rifier le format du champ et r茅essayer."; window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. "; window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez v茅rifier le format du champ et r茅essayer."; window.INVALID_DATE = "Veuillez saisir une date valide"; window.REQUIRED_MULTISELECT_MESSAGE = 'Veuillez choisir au moins une option'; window.translation = { common: { selectedList: '{quantity} liste s茅lectionn茅e', selectedLists: '{quantity} listes s茅lectionn茅es' } }; var AUTOHIDE = Boolean(0); </script> <script> ;(function (d, s, c) { var j = d.createElement(s), t = d.getElementsByTagName(s)[0] j.src = "https://sibforms.com/forms/end-form/elastic-apm-rum.umd.min.js" j.onload = function () { elasticApm.init(c) } t.parentNode.insertBefore(j, t) })(document, 'script', { serviceName: 'End Forms', serverUrl: 'https://596808a16dec4fc39413bf34b0a70240.apm.eu-west-1.aws.cloud.es.io:443' , environment : 'production'}) </script> <script defer src="https://sibforms.com/forms/end-form/build/main.js"></script> <script src="https://www.google.com/recaptcha/api.js?hl=fr"></script>  </body> </html>

CINXE.COM

Inscription Newsletter