CINXE.COM
S'abonner | madelen
<!doctype html> <html lang="fr"> <head> <!-- Didomi --> <script id="didomi-script" type="text/javascript">window.gdprAppliesGlobally = true; (function () { function a(e) { if (!window.frames[e]) { if (document.body && document.body.firstChild) { var t = document.body; var n = document.createElement("iframe"); n.style.display = "none"; n.name = e; n.title = e; t.insertBefore(n, t.firstChild) } else { setTimeout(function () { a(e) }, 5) } } } function e(n, r, o, c, s) { function e(e, t, n, a) { if (typeof n !== "function") { return } if (!window[r]) { window[r] = [] } var i = false; if (s) { i = s(e, t, n) } if (!i) { window[r].push({command: e, parameter: t, callback: n, version: a}) } } e.stub = true; function t(a) { if (!window[n] || window[n].stub !== true) { return } if (!a.data) { return } var i = typeof a.data === "string"; var e; try { e = i ? JSON.parse(a.data) : a.data } catch (t) { return } if (e[o]) { var r = e[o]; window[n](r.command, r.parameter, function (e, t) { var n = {}; n[c] = {returnValue: e, success: t, callId: r.callId}; a.source.postMessage(i ? JSON.stringify(n) : n, "*") }, r.version) } } if (typeof window[n] !== "function") { window[n] = e; if (window.addEventListener) { window.addEventListener("message", t, false) } else { window.attachEvent("onmessage", t) } } } e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn"); a("__tcfapiLocator"); (function (e) { var t = document.createElement("script"); t.id = "spcloader"; t.type = "text/javascript"; t.async = true; t.src = "https://sdk.privacy-center.org/" + e + "/loader.js?target=" + document.location.hostname; t.charset = "utf-8"; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(t, n) })("8a0a8597-0863-4821-9fdc-f24a0a783a3d") })(); </script> <script id="didomi-update-consent"> const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'madelen.ina.fr'; function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/'; } function setBasicCookie(Didomi) { let consent = Didomi.getUserConsentStatusForPurpose('essentiels-CVhfpBjr') ?? false; setCookie('cookie_consent', Number(consent), 183); } function updateVendorsParams(Didomi) { let vendors = { "facebook": [ 'facebook', 'c:facebook-r6xDRZCh' ], "google": [ 'google', 'c:googleana-mePMDVMJ', 'c:googleana-4TXnJigR' ] }; for (const [vendorName, subVendorsName] of Object.entries(vendors)) { updateVendorCookie(Didomi, vendorName, subVendorsName); } } function updateVendorCookie(Didomi, vendorName, subVendorsName) { let shouldSkip = false; subVendorsName.forEach(function (element) { if (shouldSkip) { return; } let status = Didomi.getUserConsentStatusForVendor(element) ?? true; setCookie('didomi_consent_' + vendorName, status, 183); if (status === false) { shouldSkip = true; } }); } window.didomiOnReady = window.didomiOnReady || []; window.didomiOnReady.push(function () { // cross domain, set cookies for other subdomain if (false === true) { setBasicCookie(Didomi); updateVendorsParams(Didomi); } Didomi.on('consent.Changed', function (event) { setBasicCookie(Didomi); updateVendorsParams(Didomi); }); }); </script> <!-- End Didomi --> <!-- Required meta tags --> <meta charset="utf-8"> <link rel="alternate" hreflang="fr" href="https://madelen.ina.fr/register?locale=fr"> <link rel="alternate" hreflang="en" href="https://madelen.ina.fr/register?locale=en"> <link rel="alternate" hreflang="pt" href="https://madelen.ina.fr/register?locale=pt"> <link rel="alternate" hreflang="it" href="https://madelen.ina.fr/register?locale=it"> <link rel="alternate" hreflang="es" href="https://madelen.ina.fr/register?locale=es"> <link rel="alternate" hreflang="sv" href="https://madelen.ina.fr/register?locale=sv"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"> <!-- External fonts --> <link rel="stylesheet" href="https://otto-static.cdn.vodfactory.com/static/releases/122/css/bootstrap.css?id=95cc875f5b3a2d55fe5d58ebc27e8eba"> <!-- VOD Factory CSS --> <link rel="stylesheet" href="https://otto-static.cdn.vodfactory.com/static/releases/122/css/vodfactory.css?id=f34dfb5f1e211a032baf5122a9677fb1"> <link rel="stylesheet" type="text/css" href="https://otto-static.cdn.vodfactory.com/static/releases/122/css/stalkers/122/custom.css?id=bcea115b5252ca4c789a42ea7152535d"> <!-- VWO Async SmartCode --> <!-- End VWO Async SmartCode --> <link rel="canonical" href="https://madelen.ina.fr/register"> <meta name="asset:url" content="https://otto-static.cdn.vodfactory.com/static/releases/122"> <meta name="chromecast:app_id" content="929964F3"> <meta name="csrf-token" content="Xcszkd04GcNxlKbllpe5G31YHcXbwy6PPzn6TjWT"> <style> body.theme-custom { --texts: #ffffff; --textsrgb: 255, 255, 255; --bg: #16181F; --bgrgb: 22, 24, 31; --shadowColor: 22, 24, 31; --menubg: 22, 24, 31; --filterclosebtnbg: 22, 24, 31; } :root { --white : #FFFFFF; --black : #000000; --texts : #000000; --free : #FF0000; --primary : #000; --secondary : #FF7766; --tertiary : #FF7766; --playback : #FF7766; --primary-hover : #16181FCC; --secondary-hover : #FF7766CC; --color-by-primary-bg : #ffffff; --color-by-secondary-bg : #000000; --dropdown-selected : #FF7766; --custom : #16181F; --light : #ffffff; --dark : #101010; --offers_free : #FF7766; --pagination-navigation : var(--primary); --btn-border-radius : 1.25rem; --cover-radius : 0px; --badge-duration-font-style : normal; --badge-duration-font-weight : normal; --badge-duration-background-color-rgb : 255, 255, 255; --badge-duration-border-color : var(--white); --badge-duration-border-style : solid; --badge-duration-border-width : 0px; --badge-duration-border-radius : 0px; --badge-duration-text-transform : none; --badge-duration-background-color : transparent; --badge-duration-font-color : var(--white); --badge-duration-font-size : var(--text-md); --badge-free-font-style : normal; --badge-free-font-weight : normal; --badge-free-background-color-rgb : 255, 119, 102; --badge-free-border-color : var(--white); --badge-free-border-style : solid; --badge-free-border-width : 0px; --badge-free-border-radius : 3px; --badge-free-text-transform : none; --badge-free-background-color : #FF7766FF; --badge-free-font-color : var(--white); --badge-free-font-size : var(--text-md); --badge-live-font-style : normal; --badge-live-font-weight : normal; --badge-live-background-color-rgb : 255, 255, 255; --badge-live-border-color : var(--white); --badge-live-border-style : solid; --badge-live-border-width : 0px; --badge-live-border-radius : 0px; --badge-live-text-transform : none; --badge-live-background-color : transparent; --badge-live-font-color : var(--white); --badge-live-font-size : var(--text-md); } </style> <style> @font-face { font-family: "lato"; font-style: normal; font-weight: normal; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: italic; font-weight: normal; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Italic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Italic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Italic.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: normal; font-weight: medium; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Bold.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Bold.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Bold.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: italic; font-weight: medium; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BoldItalic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BoldItalic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BoldItalic.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: normal; font-weight: bold; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Black.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Black.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Black.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: italic; font-weight: bold; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BlackItalic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BlackItalic.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-BlackItalic.ttf") format("truetype") ; } @font-face { font-family: "lato"; font-style: normal; font-weight: light; font-display: swap; src: url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") , url("https://otto-static.cdn.vodfactory.com/fonts/3/Lato-Regular.ttf") format("truetype") ; } :root { --main-font-family: "lato" ; ; } </style> <!-- Favicons --> <link rel="apple-touch-icon" sizes="57x57" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="60x60" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="72x72" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="76x76" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="114x114" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="120x120" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="144x144" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="152x152" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="apple-touch-icon" sizes="180x180" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="icon" type="image/png" sizes="192x192" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="icon" type="image/png" sizes="32x32" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="icon" type="image/png" sizes="96x96" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="icon" type="image/png" sizes="16x16" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://otto-static.cdn.vodfactory.com/pictures/platform/2322/conversions/000122-1680685975034-b7c16bbd3cd6d0d7a1577eda50f3f98a0a4b50ca00fc17d4e76c2762607edbde1ebbaff36d3f574a0b212d9b90fcdc5c3b3c11d7b45d516a7c96aa6e1b6ed254-desktop.jpeg"> <meta name="theme-color" content="#ffffff"> <style> </style> <title>S'abonner | madelen</title> <meta name="title" content="S'abonner | madelen"> <meta name="description" content="Découvrez le meilleur de l'INA en streaming pour 2,99 € / mois. Sans engagement. 7 jours d'essai offert."> <meta name="author" content="INA madelen"> <meta name="generator" content="INA madelen"> <meta name="robots" content="max-image-preview:standard"> <!-- Weglot --> <!-- End Weglot --> <meta property="og:title" content="S'abonner | madelen" /> <meta property="og:site_name" content="INA madelen"/> <meta property="og:url" content="https://madelen.ina.fr" /> <meta property="og:description" content="Découvrez le meilleur de l'INA en streaming pour 2,99 € / mois. Sans engagement. 7 jours d'essai offert." /> <meta property="fb:app_id" content="787219222992684" /> <meta property="og:type" content="article" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="S'abonner | madelen"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@madelen_ina"> <meta name="twitter:creator" content="@madelen_ina"> <meta name="twitter:url" content="https://madelen.ina.fr"> <meta name="twitter:title" content="S'abonner | madelen"> <meta name="twitter:description" content="Découvrez le meilleur de l'INA en streaming pour 2,99 € / mois. Sans engagement. 7 jours d'essai offert."> <script type="text/javascript" src="https://otto-static.cdn.vodfactory.com/static/releases/122/js/utils.js?id=f6f8de025c688812706e7e3e74c0bf0e"></script> <script id="tracking-variables" type="text/javascript"> const didomiTrackingEnabled = true; const didomiFacebookPixelScriptCookieAccepted = getCookie('didomi_consent_facebook') === 'true'; const didomiGtmNoScriptCookieAccepted = getCookie('didomi_consent_google') === 'true'; const didomiGtmScriptCookieAccepted = getCookie('didomi_consent_google') === 'true'; const didomiFacebookPixelScriptEnabled = false; const didomiGtmNoScriptEnabled = true; const didomiGtmScriptEnabled = true; const didomiFacebookPixelShouldLoad = didomiTrackingEnabled || (!didomiTrackingEnabled && didomiFacebookPixelScriptCookieAccepted); const didomiGtmShouldLoad = didomiTrackingEnabled || (!didomiTrackingEnabled && didomiGtmScriptCookieAccepted); const didomiTrackingVariables = { 'didomiTrackingEnabled': didomiTrackingEnabled, 'didomiFacebookPixelScriptCookieAccepted': didomiFacebookPixelScriptCookieAccepted, 'didomiGtmNoScriptCookieAccepted': didomiGtmNoScriptCookieAccepted, 'didomiGtmScriptCookieAccepted': didomiGtmScriptCookieAccepted, 'didomiFacebookPixelScriptEnabled': didomiFacebookPixelScriptEnabled, 'didomiGtmNoScriptEnabled': didomiGtmNoScriptEnabled, 'didomiGtmScriptEnabled': didomiGtmScriptEnabled, 'didomiFacebookPixelShouldLoad': didomiFacebookPixelShouldLoad, 'didomiGtmShouldLoad': didomiGtmShouldLoad, } </script> <!-- Google Tag Manager --> <script id="gtm-script" type="text/javascript"> window.dataLayer = window.dataLayer || []; if (didomiGtmShouldLoad) { (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WWNVBKV'); } </script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <!-- End Facebook Pixel Code --> <script type="text/javascript"> forceLanding(true, false, "register"); </script> <script type="text/javascript"> recaptchaBlockFormFields = []; function initBlockFormRecaptcha(inputId) { recaptchaBlockFormFields[inputId] = grecaptcha.render(document.getElementById(inputId), { 'sitekey' : '6Les-9UUAAAAAHy9oeMAmpIIuou3b4T6n5K9jO_M', 'callback': 'submitRecaptcha' }); } function submitRecaptcha(captchaToken) { Livewire.dispatch('handle-recaptcha', {captchaToken: captchaToken}); } </script> <script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="ina_madelen theme-dark theme-custom layout-login"> <!-- Google Tag Manager (noscript) --> <noscript id="gtm-no-script"> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWNVBKV" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Piwik Pro --> <!-- End Piwik Pro --> <header data-header-id="16933" data-header-type="header" class="main-header" > <style type="text/css"> header[data-header-id="16933"] { background-color:var(--primary); color:#ffffff; } </style> <div class="main-header-container m-auto"> <div class="main-header-logo"> <a href="/home" class="main-header-logo-link"> <picture> <img src="https://otto-static.cdn.vodfactory.com/pictures/platform/2001/000122-1664374082338-ff3ee37206c4ce6f3e632381cd6701a4493f1fa5c02dfe2f852f184b13c6b4af2c24dafa1065fca46d50e0b5185d7f2d8a5215528b6eefa45927ef78bd482905.png" alt="logo" class="main-header-logo-img"> </picture> </a> </div> </div> </header> <main class="main-content"> <section class="section"> <div class="container container-xxs"> <header class="section-header"> <div class="stepper"> <div class="stepper-step current"> <div class="stepper-step-inner"> <p class="stepper-step-label"> Inscription </p> <div class="stepper-step-icon"> <span class="stepper-step-icon-check"><svg version="1.1" id="check-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> <g id="check-icon_x2F_action_x2F_done_x5F_32px"> <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418-1.001-0.418s-0.737,0.151-1.001,0.418 c-0.558,0.558-0.558,1.444,0,2.002l5.991,5.991c0.558,0.558,1.458,0.558,2.016,0L23.582,5.42c0.558-0.558,0.558-1.444,0-2.002 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> </g> </svg> </span> </div> </div> </div> <div class="stepper-step "> <div class="stepper-step-inner"> <p class="stepper-step-label"> Abonnement </p> <div class="stepper-step-icon"> <span class="stepper-step-icon-check"><svg version="1.1" id="check-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> <g id="check-icon_x2F_action_x2F_done_x5F_32px"> <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418-1.001-0.418s-0.737,0.151-1.001,0.418 c-0.558,0.558-0.558,1.444,0,2.002l5.991,5.991c0.558,0.558,1.458,0.558,2.016,0L23.582,5.42c0.558-0.558,0.558-1.444,0-2.002 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> </g> </svg> </span> </div> </div> </div> <div class="stepper-step "> <div class="stepper-step-inner"> <p class="stepper-step-label"> Activation </p> <div class="stepper-step-icon"> <span class="stepper-step-icon-check"><svg version="1.1" id="check-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> <g id="check-icon_x2F_action_x2F_done_x5F_32px"> <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418-1.001-0.418s-0.737,0.151-1.001,0.418 c-0.558,0.558-0.558,1.444,0,2.002l5.991,5.991c0.558,0.558,1.458,0.558,2.016,0L23.582,5.42c0.558-0.558,0.558-1.444,0-2.002 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> </g> </svg> </span> </div> </div> </div> </div> </header> <div class="section-content"> <header class="form-header card-form-header"> <h1 class="form-title font-weight-light"> Créez votre compte : </h1> </header> <div class="form-actions"> <p class="form-header-nb font-weight-light mb-3"> * champs obligatoires </p> <form class="form form-signin" method="post" action="https://madelen.ina.fr/register" id="form-register"> <input type="hidden" name="_token" value="Xcszkd04GcNxlKbllpe5G31YHcXbwy6PPzn6TjWT" autocomplete="off"> <div class="form-content"> <div class="form-group"> <label for="email" class="form-label"> Email * </label> <input id="email" type="email" class="form-control" name="email" value="" autocomplete="new-email" required> </div> <div class="form-group"> <label for="email-confirmation" class="form-label"> Confirmation de l'Email * </label> <input id="email-confirm" type="email" class="form-control" name="email_confirmation" value="" autocomplete="new-email" required> </div> <div class="form-group"> <label for="password" class="form-label"> Mot de passe * </label> <input id="password" type="password" class="form-control" name="password" value="" autocomplete="new-password" required /> <div class="form-password-validity mr-4" href="#"> <span class="form-password-validity-icon valid" hidden> <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.95387 0C3.61035 0 0.907715 2.70263 0.907715 6.04615C0.907715 9.38968 3.61035 12.0923 6.95387 12.0923C10.2974 12.0923 13 9.38968 13 6.04615C13 2.70263 10.2974 0 6.95387 0Z" fill="#6CC87A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3265 3.04614C10.148 3.04614 9.97557 3.11544 9.848 3.24064L9.84739 3.24123L5.52251 7.44424L4.09814 6.06002L4.09757 6.05945C3.97 5.93423 3.79758 5.86493 3.61905 5.86493C3.4405 5.86493 3.26806 5.93425 3.14048 6.0595C2.87098 6.32193 2.87114 6.74438 3.14098 7.00662L5.03991 8.85204C5.30619 9.11082 5.73419 9.11084 6.00051 8.85211L6.00059 8.85204L10.8046 4.18783C11.0744 3.92561 11.0746 3.50319 10.8051 3.24076C10.6775 3.11548 10.5051 3.04614 10.3265 3.04614Z" fill="white"/> </svg> </span> <span class="form-password-validity-icon invalid" hidden> <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.95387 0C3.61035 0 0.907715 2.70263 0.907715 6.04615C0.907715 9.38968 3.61035 12.0923 6.95387 12.0923C10.2974 12.0923 13 9.38968 13 6.04615C13 2.70263 10.2974 0 6.95387 0Z" fill="#DF3F3F"/> <path d="M9.55366 8.64607C9.31786 8.88187 8.93695 8.88187 8.70115 8.64607L6.95381 6.89873L5.20647 8.64607C4.97067 8.88187 4.58977 8.88187 4.35397 8.64607C4.24075 8.53311 4.17712 8.37975 4.17712 8.21982C4.17712 8.05989 4.24075 7.90653 4.35397 7.79357L6.1013 6.04623L4.35397 4.29889C4.24075 4.18593 4.17712 4.03257 4.17712 3.87264C4.17712 3.7127 4.24075 3.55934 4.35397 3.44638C4.58977 3.21058 4.97067 3.21058 5.20647 3.44638L6.95381 5.19372L8.70115 3.44638C8.93695 3.21058 9.31786 3.21058 9.55366 3.44638C9.78946 3.68218 9.78946 4.06309 9.55366 4.29889L7.80632 6.04623L9.55366 7.79357C9.78341 8.02332 9.78341 8.41027 9.55366 8.64607Z" fill="white"/> </svg> </span> </div> <a class="form-password-toggler" href="#"> <span class="form-password-toggler-icon show"> <svg xmlns="http://www.w3.org/2000/svg" width="19.886" height="11.314" viewBox="0 0 19.886 11.314"> <g id="Groupe_1" fill="currentColor" data-name="Groupe 1" transform="translate(-451.514 -325)"> <path id="Shape" d="M10.457,0C5.914,0,1.8,2.143.514,5.486v.343c1.286,3.343,5.4,5.486,9.943,5.486,4.629,0,8.657-2.143,9.943-5.486V5.486C19.114,2.143,15.086,0,10.457,0Zm0,1.8A3.857,3.857,0,1,1,6.6,5.657,3.9,3.9,0,0,1,10.457,1.8Zm0,1.371a2.486,2.486,0,1,0,2.486,2.486A2.488,2.488,0,0,0,10.457,3.171Z" transform="translate(451 325)"/> </g> </svg> </span> <span class="form-password-toggler-icon hide"> <svg xmlns="http://www.w3.org/2000/svg" width="19.886" height="17.316" viewBox="0 0 19.886 17.316"> <g id="Groupe_1" fill="currentColor" data-name="Groupe 1" transform="translate(-445.514 -298.359)"> <path id="Combined-Shape" d="M5.86,13.965A8.6,8.6,0,0,1,.514,9.257V8.914c1.286-3.343,5.4-5.486,9.943-5.486a14.207,14.207,0,0,1,3.3.381L16.438.359l.947.737L14.994,4.172A8.575,8.575,0,0,1,20.4,8.914v.343c-1.286,3.343-5.314,5.486-9.943,5.486a13.984,13.984,0,0,1-3.366-.406L4.5,17.675l-.947-.737Zm6.435-8.277a3.865,3.865,0,0,0-4.678,6.017l.865-1.112A2.486,2.486,0,0,1,11.431,6.8Zm.955.727-.861,1.107a2.486,2.486,0,0,1-2.971,3.822l-.86,1.106A3.865,3.865,0,0,0,13.25,6.415Z" transform="translate(445 298)"/> </g> </svg> </span> </a> <span class="form-group-confirmation text-xxxxs"> Doit comporter 10 caractères minimum dont un chiffre, une lettre, une majuscule & un caractère spécial </span> </div> <div class="form-group dropdown-selects filled" value="250"> <label for="country_name" class="form-label"> Pays * </label> <input id="country_id" type="text" class="form-control" name="country_id" value="250" readonly hidden required> <div class="dropdown-selects-item-label js-toggle-dropdown dropdown-toggler no-border " id="dropdown-select-country" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <input id="country_name" type="text" class="form-control" name="country_name" value="France" readonly required> <svg version="1.1" id="chevron-left-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24.001px" height="14.143px" viewBox="28.154 33 24.001 14.143" enable-background="new 28.154 33 24.001 14.143" xml:space="preserve"> <g id="chevron-left-icon_x2F_navigation_x2F_expand_x5F_more_x5F_24px" transform="translate(40.000000, 40.071125) scale(-1, 1) rotate(-90.000000) translate(-40.000000, -40.071125) "> <path style="fill: currentColor;" id="chevron-left-path-4_1_" d="M46.443,31.595l-8.333,8.333l8.333,8.333c0.402,0.401,0.628,0.946,0.628,1.514 s-0.226,1.113-0.628,1.514c-0.838,0.838-2.191,0.838-3.028,0l-9.858-9.858c-0.838-0.838-0.838-2.191,0-3.028l9.858-9.858 c0.838-0.838,2.191-0.838,3.028,0C47.259,29.382,47.281,30.757,46.443,31.595L46.443,31.595z"/> </g> </svg> </div> <div class="dropdown-menu"> <div class="dropdown-menu-search"> <input type="text" class="form-control dropdown-search" data-list="country-list" placeholder="Rechercher un pays"> <svg version="1.1" id="search-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="17.048px" height="17.058px" viewBox="3 3 17.048 17.058" enable-background="new 3 3 17.048 17.058" xml:space="preserve"> <g id="search-Mask" > <path style="fill: currentColor;" id="search-path-1_1_" d="M15.501,14.001h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34 c-4.23-0.52-7.79,3.04-7.27,7.27c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48l0.27,0.28v0.79l4.25,4.25 c0.41,0.41,1.08,0.41,1.49,0l0,0c0.41-0.41,0.41-1.08,0-1.49L15.501,14.001z M9.501,14.001c-2.49,0-4.5-2.01-4.5-4.5 s2.01-4.5,4.5-4.5s4.5,2.01,4.5,4.5S11.991,14.001,9.501,14.001z"/> </g> <g> <path style="fill: currentColor;" id="search-path-1" d="M15.501,14.001h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34 c-4.23-0.52-7.79,3.04-7.27,7.27c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48l0.27,0.28v0.79l4.25,4.25 c0.41,0.41,1.08,0.41,1.49,0l0,0c0.41-0.41,0.41-1.08,0-1.49L15.501,14.001z M9.501,14.001c-2.49,0-4.5-2.01-4.5-4.5 s2.01-4.5,4.5-4.5s4.5,2.01,4.5,4.5S11.991,14.001,9.501,14.001z"/> </g> </svg> </div> <ul id="country-list" input-id="country_id" input-name="country_name" class="dropdown-list search-list"> <li class="option" value="4">Afghanistan</li> <li class="option" value="710">Afrique du Sud</li> <li class="option" value="8">Albanie</li> <li class="option" value="12">Algérie</li> <li class="option" value="276">Allemagne</li> <li class="option" value="20">Andorre</li> <li class="option" value="24">Angola</li> <li class="option" value="660">Anguilla</li> <li class="option" value="10">Antarctique</li> <li class="option" value="28">Antigua-et-Barbuda</li> <li class="option" value="682">Arabie saoudite</li> <li class="option" value="32">Argentine</li> <li class="option" value="51">Arménie</li> <li class="option" value="533">Aruba</li> <li class="option" value="36">Australie</li> <li class="option" value="40">Autriche</li> <li class="option" value="31">Azerbaïdjan</li> <li class="option" value="44">Bahamas</li> <li class="option" value="48">Bahreïn</li> <li class="option" value="50">Bangladesh</li> <li class="option" value="52">Barbade</li> <li class="option" value="112">Bélarus</li> <li class="option" value="56">Belgique</li> <li class="option" value="84">Belize</li> <li class="option" value="204">Bénin</li> <li class="option" value="60">Bermudes</li> <li class="option" value="64">Bhoutan</li> <li class="option" value="68">Bolivie</li> <li class="option" value="70">Bosnie-Herzégovine</li> <li class="option" value="72">Botswana</li> <li class="option" value="76">Brésil</li> <li class="option" value="96">Brunéi Darussalam</li> <li class="option" value="100">Bulgarie</li> <li class="option" value="854">Burkina Faso</li> <li class="option" value="108">Burundi</li> <li class="option" value="116">Cambodge</li> <li class="option" value="120">Cameroun</li> <li class="option" value="124">Canada</li> <li class="option" value="132">Cap-Vert</li> <li class="option" value="152">Chili</li> <li class="option" value="156">Chine</li> <li class="option" value="196">Chypre</li> <li class="option" value="170">Colombie</li> <li class="option" value="174">Comores</li> <li class="option" value="178">Congo-Brazzaville</li> <li class="option" value="408">Corée du Nord</li> <li class="option" value="410">Corée du Sud</li> <li class="option" value="188">Costa Rica</li> <li class="option" value="384">Côte d’Ivoire</li> <li class="option" value="191">Croatie</li> <li class="option" value="192">Cuba</li> <li class="option" value="531">Curaçao</li> <li class="option" value="208">Danemark</li> <li class="option" value="262">Djibouti</li> <li class="option" value="212">Dominique</li> <li class="option" value="818">Égypte</li> <li class="option" value="222">El Salvador</li> <li class="option" value="784">Émirats arabes unis</li> <li class="option" value="218">Équateur</li> <li class="option" value="232">Érythrée</li> <li class="option" value="724">Espagne</li> <li class="option" value="233">Estonie</li> <li class="option" value="336">État de la Cité du Vatican</li> <li class="option" value="583">États fédérés de Micronésie</li> <li class="option" value="840">États-Unis</li> <li class="option" value="231">Éthiopie</li> <li class="option" value="242">Fidji</li> <li class="option" value="246">Finlande</li> <li class="option" value="250">France</li> <li class="option" value="266">Gabon</li> <li class="option" value="270">Gambie</li> <li class="option" value="268">Géorgie</li> <li class="option" value="239">Géorgie du Sud et les îles Sandwich du Sud</li> <li class="option" value="288">Ghana</li> <li class="option" value="292">Gibraltar</li> <li class="option" value="300">Grèce</li> <li class="option" value="308">Grenade</li> <li class="option" value="304">Groenland</li> <li class="option" value="312">Guadeloupe</li> <li class="option" value="316">Guam</li> <li class="option" value="320">Guatemala</li> <li class="option" value="831">Guernesey</li> <li class="option" value="324">Guinée</li> <li class="option" value="226">Guinée équatoriale</li> <li class="option" value="624">Guinée-Bissau</li> <li class="option" value="328">Guyana</li> <li class="option" value="254">Guyane française</li> <li class="option" value="332">Haïti</li> <li class="option" value="340">Honduras</li> <li class="option" value="348">Hongrie</li> <li class="option" value="74">Île Bouvet</li> <li class="option" value="162">Île Christmas</li> <li class="option" value="833">Île de Man</li> <li class="option" value="574">Île Norfolk</li> <li class="option" value="248">Îles Åland</li> <li class="option" value="136">Îles Caïmans</li> <li class="option" value="166">Îles Cocos - Keeling</li> <li class="option" value="184">Îles Cook</li> <li class="option" value="234">Îles Féroé</li> <li class="option" value="334">Îles Heard et MacDonald</li> <li class="option" value="238">Îles Malouines</li> <li class="option" value="580">Îles Mariannes du Nord</li> <li class="option" value="584">Îles Marshall</li> <li class="option" value="581">Îles Mineures Éloignées des États-Unis</li> <li class="option" value="90">Îles Salomon</li> <li class="option" value="796">Îles Turks et Caïques</li> <li class="option" value="92">Îles Vierges britanniques</li> <li class="option" value="850">Îles Vierges des États-Unis</li> <li class="option" value="356">Inde</li> <li class="option" value="360">Indonésie</li> <li class="option" value="368">Irak</li> <li class="option" value="364">Iran</li> <li class="option" value="372">Irlande</li> <li class="option" value="352">Islande</li> <li class="option" value="376">Israël</li> <li class="option" value="380">Italie</li> <li class="option" value="388">Jamaïque</li> <li class="option" value="392">Japon</li> <li class="option" value="832">Jersey</li> <li class="option" value="400">Jordanie</li> <li class="option" value="398">Kazakhstan</li> <li class="option" value="404">Kenya</li> <li class="option" value="417">Kirghizistan</li> <li class="option" value="296">Kiribati</li> <li class="option" value="414">Koweït</li> <li class="option" value="418">Laos</li> <li class="option" value="426">Lesotho</li> <li class="option" value="428">Lettonie</li> <li class="option" value="422">Liban</li> <li class="option" value="430">Libéria</li> <li class="option" value="434">Libye</li> <li class="option" value="438">Liechtenstein</li> <li class="option" value="440">Lituanie</li> <li class="option" value="442">Luxembourg</li> <li class="option" value="807">Macédoine</li> <li class="option" value="450">Madagascar</li> <li class="option" value="458">Malaisie</li> <li class="option" value="454">Malawi</li> <li class="option" value="462">Maldives</li> <li class="option" value="466">Mali</li> <li class="option" value="470">Malte</li> <li class="option" value="504">Maroc</li> <li class="option" value="474">Martinique</li> <li class="option" value="480">Maurice</li> <li class="option" value="478">Mauritanie</li> <li class="option" value="175">Mayotte</li> <li class="option" value="484">Mexique</li> <li class="option" value="498">Moldavie</li> <li class="option" value="492">Monaco</li> <li class="option" value="496">Mongolie</li> <li class="option" value="499">Monténégro</li> <li class="option" value="500">Montserrat</li> <li class="option" value="508">Mozambique</li> <li class="option" value="104">Myanmar</li> <li class="option" value="516">Namibie</li> <li class="option" value="520">Nauru</li> <li class="option" value="524">Népal</li> <li class="option" value="558">Nicaragua</li> <li class="option" value="562">Niger</li> <li class="option" value="566">Nigéria</li> <li class="option" value="570">Niue</li> <li class="option" value="578">Norvège</li> <li class="option" value="540">Nouvelle-Calédonie</li> <li class="option" value="554">Nouvelle-Zélande</li> <li class="option" value="512">Oman</li> <li class="option" value="800">Ouganda</li> <li class="option" value="860">Ouzbékistan</li> <li class="option" value="586">Pakistan</li> <li class="option" value="585">Palaos</li> <li class="option" value="591">Panama</li> <li class="option" value="598">Papouasie-Nouvelle-Guinée</li> <li class="option" value="600">Paraguay</li> <li class="option" value="528">Pays-Bas</li> <li class="option" value="535">Pays-Bas caribéens</li> <li class="option" value="604">Pérou</li> <li class="option" value="608">Philippines</li> <li class="option" value="612">Pitcairn</li> <li class="option" value="616">Pologne</li> <li class="option" value="258">Polynésie française</li> <li class="option" value="630">Porto Rico</li> <li class="option" value="620">Portugal</li> <li class="option" value="634">Qatar</li> <li class="option" value="344">R.A.S. chinoise de Hong Kong</li> <li class="option" value="446">R.A.S. chinoise de Macao</li> <li class="option" value="140">République centrafricaine</li> <li class="option" value="180">République démocratique du Congo</li> <li class="option" value="214">République dominicaine</li> <li class="option" value="203">République tchèque</li> <li class="option" value="638">Réunion</li> <li class="option" value="642">Roumanie</li> <li class="option" value="826">Royaume-Uni</li> <li class="option" value="643">Russie</li> <li class="option" value="646">Rwanda</li> <li class="option" value="732">Sahara occidental</li> <li class="option" value="652">Saint-Barthélémy</li> <li class="option" value="659">Saint-Kitts-et-Nevis</li> <li class="option" value="674">Saint-Marin</li> <li class="option" value="663">Saint-Martin</li> <li class="option" value="534">Saint-Martin (royaume des Pays-Bas)</li> <li class="option" value="666">Saint-Pierre-et-Miquelon</li> <li class="option" value="670">Saint-Vincent-et-les Grenadines</li> <li class="option" value="654">Sainte-Hélène</li> <li class="option" value="662">Sainte-Lucie</li> <li class="option" value="882">Samoa</li> <li class="option" value="16">Samoa américaines</li> <li class="option" value="678">Sao Tomé-et-Principe</li> <li class="option" value="686">Sénégal</li> <li class="option" value="688">Serbie</li> <li class="option" value="690">Seychelles</li> <li class="option" value="694">Sierra Leone</li> <li class="option" value="702">Singapour</li> <li class="option" value="703">Slovaquie</li> <li class="option" value="705">Slovénie</li> <li class="option" value="706">Somalie</li> <li class="option" value="729">Soudan</li> <li class="option" value="728">Soudan du Sud</li> <li class="option" value="144">Sri Lanka</li> <li class="option" value="752">Suède</li> <li class="option" value="756">Suisse</li> <li class="option" value="740">Suriname</li> <li class="option" value="744">Svalbard et Île Jan Mayen</li> <li class="option" value="748">Swaziland</li> <li class="option" value="760">Syrie</li> <li class="option" value="762">Tadjikistan</li> <li class="option" value="158">Taïwan</li> <li class="option" value="834">Tanzanie</li> <li class="option" value="148">Tchad</li> <li class="option" value="260">Terres australes françaises</li> <li class="option" value="86">Territoire britannique de l'océan Indien</li> <li class="option" value="275">Territoire palestinien</li> <li class="option" value="764">Thaïlande</li> <li class="option" value="626">Timor oriental</li> <li class="option" value="768">Togo</li> <li class="option" value="772">Tokelau</li> <li class="option" value="776">Tonga</li> <li class="option" value="780">Trinité-et-Tobago</li> <li class="option" value="788">Tunisie</li> <li class="option" value="795">Turkménistan</li> <li class="option" value="792">Turquie</li> <li class="option" value="798">Tuvalu</li> <li class="option" value="804">Ukraine</li> <li class="option" value="858">Uruguay</li> <li class="option" value="548">Vanuatu</li> <li class="option" value="862">Venezuela</li> <li class="option" value="704">Viêt Nam</li> <li class="option" value="876">Wallis-et-Futuna</li> <li class="option" value="887">Yémen</li> <li class="option" value="894">Zambie</li> <li class="option" value="716">Zimbabwe</li> </ul> </div> </div> <div class="form-groups checkbox-form-groups"> <div id="form-newsletter" class="form-group"> <input type="checkbox" class="form-checkbox" id="souscription-creation-newsletter" name="souscription-creation-newsletter" > <label for="souscription-creation-newsletter" class="form-label form-checkbox-label"> <span class="form-checkbox-custom"> <svg version="1.1" id="check-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> <g id="check-icon_x2F_action_x2F_done_x5F_32px"> <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418-1.001-0.418s-0.737,0.151-1.001,0.418 c-0.558,0.558-0.558,1.444,0,2.002l5.991,5.991c0.558,0.558,1.458,0.558,2.016,0L23.582,5.42c0.558-0.558,0.558-1.444,0-2.002 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> </g> </svg> </span> <span class="form-checkbox-label-title"> Je souhaite recevoir les actus de madelen </span> </label> </div> <div class="form-group" dusk='cgu-button'> <input type="checkbox" class="form-checkbox" id="souscription-creation-cgu" name="cgu" required="" > <label for="souscription-creation-cgu" class="form-label form-checkbox-label"> <span class="form-checkbox-custom"> <svg version="1.1" id="check-Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> <g id="check-icon_x2F_action_x2F_done_x5F_32px"> <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418-1.001-0.418s-0.737,0.151-1.001,0.418 c-0.558,0.558-0.558,1.444,0,2.002l5.991,5.991c0.558,0.558,1.458,0.558,2.016,0L23.582,5.42c0.558-0.558,0.558-1.444,0-2.002 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> </g> </svg> </span> <span class="form-checkbox-label-title" required> En créant votre compte, vous acceptez l'intégralité de nos <a href="https://madelen.ina.fr/legal-cgu" target="_blank"> Conditions générales d'utilisation</a> </span> </label> </div> </div> </div> <div class="form-actions"> <button href="#" class="btn btn-secondary btn-disabled btn-block btn-sm btn-submit" dusk="register-button"> Je crée mon compte </button> <p class="form-actions-helper"> Déjà inscrit ? <a href="https://madelen.ina.fr/login">Cliquez ici pour vous connecter</a> </p> </div> </form> </div> </div> </section> </main> <script> pushDataLayerEvent({'event' : 'RegisterInit'}); </script> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script id="messages" type="text/javascript"> const txt_required = "Ce champ est obligatoire"; const txt_remote = "Merci de corriger ce champ"; const txt_url = "URL invalide"; const txt_date = "Renseignez une date valide"; const txt_dateISO = "Renseignez une date valide (ISO)"; const txt_number = "Renseignez une valeur numérique valide"; const txt_digits = "Utilisez uniquement des valeurs numériques"; const txt_equalTo = "Entrez la même valeur une fois de plus"; const txt_maxlength = "Renseignez un texte contenant au maximum :value caractères"; const txt_minlength = "Renseignez un texte contenant au minimum :value caractères"; const txt_rangelength = "Entrez une chaîne de caractères entre :min et :max de longueur"; const txt_range = "Entrez une valeur entre :min et :max"; const txt_max = "Entrez une valeur inférieure ou égale à {0}"; const txt_min = "Entrez une valeur supérieure ou égale à {0}"; const txt_step = "error_message.number.step"; const txt_email = "Cette adresse email n'est pas valide"; const txt_creditcard = "Renseignez un numéro de carte bleue valide"; const txt_accept = "error_message.accept"; const txt_cgu = "Vous devez accepter nos CGU pour créer votre compte"; const txt_captcha_required = "Vous devez valider le captcha"; const txt_firstname_required = "Le prénom est obligatoire"; const txt_lastname_required = "Le nom est obligatoire"; const txt_email_required = "L'adresse email est obligatoire"; const txt_email_invalid = "Cette adresse email n'est pas valide"; const txt_email_regex = "L'adresse email n'a pas le bon domaine"; const txt_password_required = "Le mot de passe est obligatoire"; const txt_password_length = "Le mot de passe est trop court"; const txt_password_letter = "Le mot de passe doit contenir au moins une lettre"; const txt_password_number = "Le mot de passe doit contenir au moins un chiffre"; const txt_password_case = "Le mot de passe doit contenir une majuscule et une minuscule"; const txt_password_symbol = "Le mot de passe doit contenir au moins un caractère spécial"; const txt_password_repetition = "Le mot de passe ne peut pas être une répétition de même caractère"; const txt_password_confirmation_required = "Le mot de passe doit être confirmé"; const txt_password_confirmation_mismatch = "Les mots de passe ne correspondent pas"; const txt_email_confirmation_required = "L'adresse email doit être confirmée"; const txt_email_confirmation_mismatch = "Les adresses email ne correspondent pas"; const txt_postal_required = "Le code postal est obligatoire"; const txt_voucher_required = "Le code promo est obligatoire"; const txt_birth_date_required = "La date de naissance est obligatoire"; const txt_birth_date_future = "La date ne peut pas être postérieure à aujourd'hui"; const txt_birth_date_min = "La date ne peut pas être antérieure à 1900"; const txt_birth_date_max = "La date ne peut pas être postérieure à aujourd'hui"; const txt_address_line_1_required = "L'adresse est requise"; const txt_address_line_2_required = "Le complément d'adresse est requise"; const txt_city_required = "La ville est requise"; const txt_field_data_forbidden = "Ce champ contient des informations non autorisées"; const txt_content_not_authorized = "Contenu verrouillé"; const conf_password_min = 10; const conf_password_must_be_confirmed = false; const conf_password_letter = true; const conf_password_number = true; const conf_password_case = true; const conf_password_symbol = true; const conf_password_repetition = false; const conf_email_must_be_confirmed = true; const pagination_settings_enabled = false; const current_route_name = "register"; const template_nb_blocks = null; const badge_free_available = false; </script> <script src="https://otto-static.cdn.vodfactory.com/static/releases/122/js/otto-3rdparty.js?id=cc0babefdc478646fffac68d07294f71"></script> <script> var gtmStackEvents = []; </script> <script> pushDataLayerEvent([]); gtmStackEvents = gtmStackEvents.concat([]); </script> <div class="modal-backdrop fade show" id="greyback_loader" style="display:none;z-index:1100"> <span class="loader loader-xl" style="position:fixed;top:50%;left:50%"></span> </div> <script type="text/javascript"> function switchLoader(active){ document.getElementById("greyback_loader").style.display = active ? 'block' : 'none'; } </script> <script src="https://otto-static.cdn.vodfactory.com/static/releases/122/js/vodfactory.js?id=f5ca7b69749a84866b35066e81df4cbd"></script> <script src="https://otto-static.cdn.vodfactory.com/static/releases/122/js/login.js?id=329828fd398c0fd50e6a53f52decb219"></script> </body> </html>