1<!doctype html> 2<html lang="fr"> 3 4 <head> 5 <!-- Required meta tags --> 6 <meta charset="utf-8"> 7 <link rel="alternate" hreflang="fr" href="https://www.spicee-educ.com/login?locale=fr"> 8 <link rel="alternate" hreflang="en" href="https://www.spicee-educ.com/login?locale=en"> 9 <link rel="alternate" hreflang="pt" href="https://www.spicee-educ.com/login?locale=pt"> 10 <link rel="alternate" hreflang="it" href="https://www.spicee-educ.com/login?locale=it"> 11 <link rel="alternate" hreflang="es" href="https://www.spicee-educ.com/login?locale=es"> 12 <link rel="alternate" hreflang="sv" href="https://www.spicee-educ.com/login?locale=sv"> 13 <link rel="alternate" hreflang="da" href="https://www.spicee-educ.com/login?locale=da"> 14 <link rel="alternate" hreflang="pl" href="https://www.spicee-educ.com/login?locale=pl"> 15 <link rel="alternate" hreflang="no" href="https://www.spicee-educ.com/login?locale=no"> 16 17 18 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"> 19 20 <!-- External fonts --> 21 <link rel="preload" as="style" href="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/bootstrap-C33bqyw1.css" /><link rel="preload" as="style" href="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/vodfactory-CeIQd_QW.css" /><link rel="stylesheet" href="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/bootstrap-C33bqyw1.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/vodfactory-CeIQd_QW.css" data-navigate-track="reload" /> 22 23 <!-- VWO Async SmartCode --> 24<!-- End VWO Async SmartCode --> 25 26 <link rel="canonical" href="https://www.spicee-educ.com/login"> 27 <meta name="asset:url" content="https://otto-static.cdn.vodfactory.com/static/releases/40"> 28 <meta name="chromecast:app_id" content=""> 29 <meta name="bitmovin:player_licence_id" content="8a81a784-7759-47fa-8318-b4263ea4df1f"> 30 <meta name="bitmovin:analytics_licence_id" content="b3c3d720-2acc-4d64-883c-e4436ae73e23"> 31 32 <meta name="csrf-token" content="qiLI7HtMNZcVxwpUjZmL7IWyKBez7PLoxuBa90MZ"> 33 34 35 <style> 36:root { 37 --white: #FFFFFF; 38 --black: #000000; 39 --texts: #000000; 40 --free: #FF0000; 41 --primary: #ec184f; 42 --secondary: #ec184f; 43 --tertiary: #FFFFFE; 44 --playback: #ec184f; 45 --primary-hover: #EC184FCC; 46 --secondary-hover: #EC184FCC; 47 --color-by-primary-bg: #ffffff; 48 --color-by-secondary-bg: #ffffff; 49 --dropdown-selected: #ec184f; 50 --custom: #ffffff; 51 --light: #ffffff; 52 --dark: #101010; 53 --pagination-navigation: var(--primary); 54 --btn-border-radius: 0.3125rem; 55 --cover-radius: 2px; 56 --badge-duration-font-style: normal; 57 --badge-duration-font-weight: normal; 58 --badge-duration-background-color-rgb: 255, 255, 255; 59 --badge-duration-border-color: var(--white); 60 --badge-duration-border-style: solid; 61 --badge-duration-border-width: 0px; 62 --badge-duration-border-radius: 0px; 63 --badge-duration-text-transform: none; 64 --badge-duration-background-color: transparent; 65 --badge-duration-font-color: var(--white); 66 --badge-duration-font-size: var(--text-md); 67 --badge-free-font-style: normal; 68 --badge-free-font-weight: normal; 69 --badge-free-background-color-rgb: 236, 24, 79; 70 --badge-free-border-color: var(--white); 71 --badge-free-border-style: solid; 72 --badge-free-border-width: 0px; 73 --badge-free-border-radius: 3px; 74 --badge-free-text-transform: none; 75 --badge-free-background-color: #ec184f; 76 --badge-free-font-color: var(--white); 77 --badge-free-font-size: var(--text-md); 78 --badge-live-font-style: normal; 79 --badge-live-font-weight: normal; 80 --badge-live-background-color-rgb: 0, 0, 0; 81 --badge-live-border-color: var(--white); 82 --badge-live-border-style: solid; 83 --badge-live-border-width: 0px; 84 --badge-live-border-radius: 5px; 85 --badge-live-text-transform: none; 86 --badge-live-background-color: #000000; 87 --badge-live-font-color: #FFFFFF; 88 --badge-live-font-size: var(--text-md); 89 --badge-custom-font-style: normal;
90 --badge-custom-font-weight: normal; 91 --badge-custom-background-color-rgb: , , ; 92 --badge-custom-border-color: transparent; 93 --badge-custom-border-style: solid; 94 --badge-custom-border-width: 0px; 95 --badge-custom-border-radius: 0px; 96 --badge-custom-text-transform: ; 97} 98 99</style> 100 <style> 101 102</style> 103 <!-- Favicons --> 104 105 <link rel="apple-touch-icon" sizes="57x57" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 106 <link rel="apple-touch-icon" sizes="60x60" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 107 <link rel="apple-touch-icon" sizes="72x72" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 108 <link rel="apple-touch-icon" sizes="76x76" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 109 <link rel="apple-touch-icon" sizes="114x114" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 110 <link rel="apple-touch-icon" sizes="120x120" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 111 <link rel="apple-touch-icon" sizes="144x144" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 112 <link rel="apple-touch-icon" sizes="152x152" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 113 <link rel="apple-touch-icon" sizes="180x180" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 114 <link rel="icon" type="image/png" sizes="192x192" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 115 <link rel="icon" type="image/png" sizes="32x32" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 116 <link rel="icon" type="image/png" sizes="96x96" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 117 <link rel="icon" type="image/png" sizes="16x16" href="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 118 <link rel="manifest" href="/manifest.json"> 119 <meta name="msapplication-TileColor" content="#ffffff"> 120 <meta name="msapplication-TileImage" content="https://otto-static.cdn.vodfactory.com/pictures/platform/2051/conversions/000040-1666195482767-3a6a9e30655e714aa6263aef0eadf2c8eee88c5a0f899f98b94efa6a15b4803a2b1a8862f41d288f0938e2b4a995afa80910c67f35db929f3183841be416316c-desktop.png"> 121 <meta name="theme-color" content="#ffffff"> 122 <style> 123 </style> 124 <title>Spicee Educ | Exercez votre esprit critique !</title> 125 <meta name="title" content="Spicee Educ | Exercez votre esprit critique !"> 126 <meta name="description" content="La plateforme vidéo entièrement dédiée à lâéducation aux médias ainsi quâà la lutte contre la désinformation et le conspirationnisme."> 127 <meta name="author" content="SpiceeEduc"> 128 <meta name="generator" content="SpiceeEduc"> 129 <meta name="robots" content="max-image-preview:standard"> 130 <!-- Weglot --> 131<!-- End Weglot --> 132 <meta property="og:title" content="Spicee Educ | Exercez votre esprit critique !" /> 133<meta property="og:site_name" content="SpiceeEduc"/> 134<meta property="og:url" content="https://www.spicee-educ.com" /> 135<meta property="og:description" content="La plateforme vidéo entièrement dédiée à lâéducation aux médias ainsi quâà la lutte contre la désinformation et le conspirationnisme." /> 136<meta property="fb:app_id" content="" /> 137<meta property="og:type" content="article" /> 138<meta property="og:locale:alternate" content="fr_FR" /> 139<meta property="og:image:type" content="image/jpeg" />
140<meta property="og:image:width" content="1200"> 141<meta property="og:image:height" content="630"> 142<meta property="og:image:alt" content="Spicee Educ | Exercez votre esprit critique !"> 143 144<meta name="twitter:card" content="summary_large_image"> 145<meta name="twitter:site" content=""> 146<meta name="twitter:creator" content=""> 147<meta name="twitter:url" content="https://www.spicee-educ.com"> 148<meta name="twitter:title" content="Spicee Educ | Exercez votre esprit critique !"> 149<meta name="twitter:description" content="La plateforme vidéo entièrement dédiée à lâéducation aux médias ainsi quâà la lutte contre la désinformation et le conspirationnisme."> 150
150<script type="text/javascript" src="https://otto-static.cdn.vodfactory.com/static/releases/40/build/js/utils.js"></script>
150 151
151<script id="tracking-variables" type="text/javascript"> 152 const didomiTrackingEnabled = true; 153 const facebookPixelScriptCookieAccepted = getCookie('didomi_consent_facebook') === 'true'; 154 const gtmScriptCookieAccepted = getCookie('didomi_consent_google') === 'true'; 155 const facebookPixelScriptEnabled = false; 156 const gtmScriptEnabled = true; 157 let facebookPixelShouldLoad = didomiTrackingEnabled || (!didomiTrackingEnabled && facebookPixelScriptCookieAccepted); 158 const didomiTrackingVariables = { 159 'didomiTrackingEnabled': didomiTrackingEnabled, 160 'facebookPixelScriptCookieAccepted': facebookPixelScriptCookieAccepted, 161 'gtmScriptCookieAccepted': gtmScriptCookieAccepted, 162 'facebookPixelScriptEnabled': facebookPixelScriptEnabled, 163 'gtmScriptEnabled': gtmScriptEnabled, 164 'facebookPixelShouldLoad': facebookPixelShouldLoad, 165 } 166</script>
166 167 <!-- Google Tag Manager --> 168 <!-- Advanced Consent Mode: load the container on didomi-ready, gating handled inside GTM --> 169 170
170<script id="gtm-script-didomi" type="text/javascript"> 171 window.dataLayer = window.dataLayer || []; 172 window.didomiOnReady = window.didomiOnReady || []; 173 window.didomiOnReady.push(function () {
vendor: 511 bytes, lines 173-186
173 174 (function (w, d, s, l, i) { 175 w[l] = w[l] || []; 176 w[l].push({ 177 'gtm.start': 178 new Date().getTime(), event: 'gtm.js' 179 }); 180 var f = d.getElementsByTagName(s)[0], 181 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 182 j.async = true; 183 j.src = 184 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 185 f.parentNode.insertBefore(j, f); 186 })(window, document, 'script', 'dataLayer', '
186GTM-K98DLLZN
vendor: 10 bytes, lines 186-187
186'); 187
187}); 188 </script>
188 189 <!-- End Google Tag Manager --> 190 <!-- Didomi --> 191
191<script id="didomi-script" type="text/javascript">window.gdprAppliesGlobally = true; 192 (function () { 193 function a(e) { 194 if (!window.frames[e]) { 195 if (document.body && document.body.firstChild) { 196 var t = document.body; 197 var n = document.createElement("iframe"); 198 n.style.display = "none"; 199 n.name = e; 200 n.title = e; 201 t.insertBefore(n, t.firstChild) 202 } else { 203 setTimeout(function () { 204 a(e) 205 }, 5) 206 } 207 } 208 } 209 210 function e(n, r, o, c, s) { 211 function e(e, t, n, a) { 212 if (typeof n !== "function") { 213 return 214 } 215 if (!window[r]) { 216 window[r] = [] 217 } 218 var i = false; 219 if (s) { 220 i = s(e, t, n) 221 } 222 if (!i) { 223 window[r].push({command: e, parameter: t, callback: n, version: a}) 224 } 225 } 226 227 e.stub = true; 228 229 function t(a) { 230 if (!window[n] || window[n].stub !== true) { 231 return 232 } 233 if (!a.data) { 234 return 235 } 236 var i = typeof a.data === "string"; 237 var e; 238 try { 239 e = i ? JSON.parse(a.data) : a.data 240 } catch (t) { 241 return 242 } 243 if (e[o]) { 244 var r = e[o]; 245 window[n](r.command, r.parameter, function (e, t) { 246 var n = {}; 247 n[c] = {returnValue: e, success: t, callId: r.callId}; 248 a.source.postMessage(i ? JSON.stringify(n) : n, "*") 249 }, r.version) 250 } 251 } 252 253 if (typeof window[n] !== "function") { 254 window[n] = e; 255 if (window.addEventListener) { 256 window.addEventListener("message", t, false) 257 } else { 258 window.attachEvent("onmessage", t) 259 } 260 } 261 } 262 263 e("__tcfapi", "__tcfapiBuffer", "__tcfapiCall", "__tcfapiReturn"); 264 a("__tcfapiLocator"); 265 (function (e) { 266 var t = document.createElement("script"); 267 t.id = "spcloader"; 268 t.type = "text/javascript"; 269 t.async = true; 270 t.src = "https://sdk.privacy-center.org/" + e + "/loader.js?target=" + document.location.hostname; 271 t.charset = "utf-8"; 272 var n = document.getElementsByTagName("script")[0]; 273 n.parentNode.insertBefore(t, n) 274 })("d8de2b37-d193-4fc7-9055-db7e11dff886") 275 })(); 276 </script>
276 277 278
278<script type="text/javascript"> 279 window.didomiConfig = { 280 integrations: { 281 vendors: { 282 gcm: { 283 enable: true, 284 setDefaultStatus: true, 285 defaultStatus: { 286 analytics: false, //'analytics_storage' default status Basic mode 287 ad: false, //'ad_storage' default status 288 ad_user_data: false, //'ad_user_data' default status 289 ad_personalization: false, //'ad_personalization' default status 290 }, 291 } 292 } 293 }, 294 cookies: { 295 group: { 296 enabled: false 297 } 298 } 299 }; 300 </script>
300 301 302 303
303<script id="didomi-update-consent"> 304 const COOKIE_VALUE = 1; 305 const COOKIE_DOMAIN = 'www.spicee-educ.com'; 306 307 function setCookie(name, value, expirationInDays) { 308 const date = new Date(); 309 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); 310 document.cookie = name + '=' + value 311 + ';expires=' + date.toUTCString() 312 + ';domain=' + COOKIE_DOMAIN 313 + ';path=/'; 314 } 315 316 function setBasicCookie(Didomi) { 317 let consent = Didomi.getUserConsentStatusForPurpose('essentiels-CVhfpBjr') ?? false; 318 setCookie('cookie_consent', Number(consent), 183); 319 } 320 321 function updateVendorsParams(Didomi) { 322 let vendors = { 323 "facebook": [ 324 'facebook', 325 'c:facebook-r6xDRZCh' 326 ], 327 "google": [ 328 'google', 329 'c:googleana-mePMDVMJ', 330 'c:googleana-4TXnJigR' 331 ] 332 }; 333 334 for (const [vendorName, subVendorsName] of Object.entries(vendors)) { 335 updateVendorCookie(Didomi, vendorName, subVendorsName); 336 } 337 } 338 339 function updateVendorCookie(Didomi, vendorName, subVendorsName) { 340 let shouldSkip = false; 341 subVendorsName.forEach(function (element) { 342 if (shouldSkip) { 343 return; 344 } 345 let status = Didomi.getUserConsentStatusForVendor(element) ?? true; 346 setCookie('didomi_consent_' + vendorName, status, 183); 347 if (status === false) { 348 shouldSkip = true; 349 } 350 }); 351 if (vendorName === 'facebook' && Didomi.getUserConsentStatusForVendor('facebook')) { 352 loadFacebookPixelScript(); 353 } 354 } 355 356 window.didomiOnReady = window.didomiOnReady || []; 357 window.didomiOnReady.push(function () { 358 359 // cross domain, set cookies for other subdomain 360 if (false === true) { 361 setBasicCookie(Didomi); 362 updateVendorsParams(Didomi); 363 } 364 365 Didomi.on('consent.Changed', function (event) { 366 setBasicCookie(Didomi); 367 updateVendorsParams(Didomi); 368 }); 369 370 }); 371 372 </script>
372 373 <!-- End Didomi --> 374 <!-- Facebook Pixel Code --> 375<!-- End Facebook Pixel Code --> 376 <!-- Clarity --> 377<!-- End Clarity --> 378 <!-- Churnkey --> 379<!-- End Churnkey --> 380 381
381<script type="text/javascript"> 382 forceLanding(true, false, "login"); 383 </script>
383 384 385 386 387 388 <!-- 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;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 389</head> 390 <body class="spiceeeduc theme-light layout-login"> 391 <!-- Google Tag Manager (noscript) --> 392 <noscript id="gtm-no-script"> 393 <iframe 394 src="https://www.googletagmanager.com/ns.html?id=GTM-K98DLLZN" 395 height="0" width="0" style="display:none;visibility:hidden"></iframe> 396 </noscript> 397<!-- End Google Tag Manager (noscript) --> 398 <!-- Piwik Pro --> 399 <!-- End Piwik Pro --> 400 401 <header 402 data-header-id="1678" 403 data-header-type="header" 404 class="main-header" 405> 406 407 <style type="text/css"> 408 header[data-header-id="1678"] { 409 background-color:var(--bg); color:#000000; } 410 </style> 411 412 <div class="main-header-container m-auto"> 413 <div class="main-header-logo"> 414 <a href="/home" class="main-header-logo-link"> 415 <picture> <img src="https://otto-static.cdn.vodfactory.com/pictures/platform/3287/000040-1741698353658-4e5cfa9d476105c1f20463623ae2628c39e8f08fc267f946e1140d8d65b67d613f27430f2efc66a385617c47eabe1fc9fe17ec2cea56a9162b612336cf4b30f9.png" alt="logo" class="main-header-logo-img"> </picture> 416 </a> 417 </div> 418 </div> 419</header> 420 421 <main class="main-content"> 422 <section class="section"> 423 <div class="container container-xxs"> 424 <header class="section-header mobile-hidden"> 425 <div class="stepper"></div> 426 </header> 427 <div class="section-content"> 428 <form class="form form-login" id="form-login" method="post" action="https://www.spicee-educ.com/login"> 429 <input type="hidden" name="_token" value="qiLI7HtMNZcVxwpUjZmL7IWyKBez7PLoxuBa90MZ" autocomplete="off"> <input type="text" id="plaftorm_id" value="40" style="display:none;"> 430 <header class="form-header card-form-header"> 431 <h1 class="form-title"> 432 Connectez-vous à votre compte : </h1> 433 </header> 434 <div class="form-message"> 435 <span> 436 </span> 437 </div> 438 439 440 441 <div class="form-content"> 442 <div class="form-group"> 443 <label for="email" class="form-label"> 444 Email </label> 445 <input type="email" class="form-control" id="email" name="email" autocomplete="email" value="" required> 446 <span id="email-error" class="form-error" style="display:none;">champs obligatoires</span> 447 </div> 448<div class="form-group"> 449 <label for="password" class="form-label"> 450 Mot de passe </label> 451 <input type="password" class="form-control" id="password" autocomplete="current-password" name="password" required=""> 452 <a class="form-password-toggler" href="#"> 453 <span class="form-password-toggler-icon show"> 454 <svg xmlns="http://www.w3.org/2000/svg" width="19.886" height="11.314" viewBox="0 0 19.886 11.314"> 455 <g id="Groupe_1" fill="currentColor" data-name="Groupe 1" transform="translate(-451.514 -325)"> 456 <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)"/> 457 </g> 458</svg> 459 </span> 460 <span class="form-password-toggler-icon hide"> 461 <svg xmlns="http://www.w3.org/2000/svg" width="19.886" height="17.316" viewB
461ox="0 0 19.886 17.316"> 462 <g id="Groupe_1" fill="currentColor" data-name="Groupe 1" transform="translate(-445.514 -298.359)"> 463 <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)"/> 464 </g> 465</svg> 466 </span> 467 </a> 468</div> 469 </div> 470 <div class="form-actions"> 471 <div class="form-actions-upper"> 472 <div class="form-group form-actions-group form-actions-upper-left"> 473 <input type="checkbox" class="form-checkbox" id="connexion-remember-me" name="remember-me"> 474 <label for="connexion-remember-me" class="form-label form-checkbox-label"> 475 <span class="form-checkbox-custom"> 476 <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" 477 width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> 478<g id="check-icon_x2F_action_x2F_done_x5F_32px"> 479 <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 480 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 481 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> 482</g> 483</svg> 484 </span> 485 <span class="form-checkbox-label-title"> 486 Se souvenir de moi </span> 487 </label> 488 </div> 489 <div class="form-actions-group form-actions-upper-right"> 490 <a href="#modal_forgotten_password" data-toggle="modal" data-target="#modal_forgotten_password" class="form-actions-upper-link" onclick="setDefaultEmail();"> 491 Mot de passe oublié ? </a> 492 </div> 493 </div> 494 <button href="#" class="btn btn-secondary btn-disabled btn-block btn-sm btn-submit" dusk="login-button"> 495 Je me connecte </button> 496 <p class="form-actions-helper"> 497 Pas encore inscrit ? <a href="https://www.spicee-educ.com/register">Créer un compte</a> 498 </p> 499 </div> 500 </form> 501 </div> 502 </div> 503 </section> 504 <div class="modal-backdrop fade show" id="greyback" style="display:none;"></div> 505 </main> 506 <div id="modal_forgotten_password" class="modal fade movies-detail-modal" tabindex="-1" role="dialog" aria-labelledby="movies-detail-title" style="display: none;" aria-hidden="true"> 507 <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> 508 <div class="modal-content"> 509 <button id="close_modal_forgotten_password" type="button" class="close" data-dismiss="modal" aria-label="Close"> 510 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 511 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 512<g id="Mask"> 513 <path id="path-1_1_" d="M23.468,0.551L23.468,0.551c-0.71-0.71-1.857-0.71-2.567,0L12,9.433L3.099,0.532 514 c-0.71-0.71-1.857-0.71-2.567,0l0,0c-0.71,0.71-0.71,1.857,0,2.567L9.433,12l-8.901,8.901c-0.71,0.71-0.71,1.857,0,2.567l0,0 515 c0.71,0.71,1.857,0.71,2.567,0L12,14.567l8.901,8.901c0.71,0.71,1.857,0.71,2.567,0l0,0c0.71-0.71,0.71-1.857,0-2.567L14.567,12 516 l8.901-8.901C24.159,2.407,24.159,1.242,23.468,0.551z"/> 517</g> 518</svg> 519 </button> 520 <form class="form" id="form-password-forgotten" action="https://www.spicee-educ.com/api/users/password/email" type="put" form-type="aja
520x" close-modal="false" success-field="none" success-duration="60" autocomplete="off"> 521 <header class="form-header card-form-header"> 522 <p class="modal-title"> 523 Vous avez oublié votre mot de passe ? </p> 524 <p class="form-subtitle text-left"> 525 Entrez votre adresse email, vous recevrez un message permettant de réinitialiser votre mot de passe : </p> 526 </header> 527 <div class="form-content"> 528 <div class="form-group email"> 529 <label for="password-forgotten-email" class="form-label"> 530 Votre adresse email </label> 531 <input type="email" class="form-control" id="password-forgotten-email" name="email" required> 532 <span class="form-group-confirmation form-success" style="display:none;"> 533 Un email a été envoyé ! <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" 534 width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> 535<g id="check-icon_x2F_action_x2F_done_x5F_32px"> 536 <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 537 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 538 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> 539</g> 540</svg> 541 </span> 542 <span class="form-error" style="display: none;"> 543 <!--message--> 544 </span> 545 </div> 546 </div> 547 <div class="form-actions"> 548 <button class="btn btn-secondary btn-block btn-sm btn-submit"> 549 Je valide </button> 550 </div> 551 </form> 552 </div> 553 </div> 554</div> 555<div id="modal_migrate_password" class="modal fade movies-detail-modal" tabindex="-1" role="dialog" aria-labelledby="movies-detail-title" style="display: none;" aria-hidden="true"> 556 <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> 557 <div class="modal-content"> 558 <button id="close_modal_migrate_password" type="button" class="close" data-dismiss="modal" aria-label="Close"> 559 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 560 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 561<g id="Mask"> 562 <path id="path-1_1_" d="M23.468,0.551L23.468,0.551c-0.71-0.71-1.857-0.71-2.567,0L12,9.433L3.099,0.532 563 c-0.71-0.71-1.857-0.71-2.567,0l0,0c-0.71,0.71-0.71,1.857,0,2.567L9.433,12l-8.901,8.901c-0.71,0.71-0.71,1.857,0,2.567l0,0 564 c0.71,0.71,1.857,0.71,2.567,0L12,14.567l8.901,8.901c0.71,0.71,1.857,0.71,2.567,0l0,0c0.71-0.71,0.71-1.857,0-2.567L14.567,12 565 l8.901-8.901C24.159,2.407,24.159,1.242,23.468,0.551z"/> 566</g> 567</svg> 568 </button> 569 <form class="form" id="form-password-forgotten" action="https://www.spicee-educ.com/api/users/password/email" type="put" form-type="ajax" close-modal="false" success-field="none" success-duration="60" autocomplete="off"> 570 <header class="form-header card-form-header"> 571 <p class="form-title fw-bold"> 572 Réinitialisation de mot de passe </p> 573 <p class="form-subtitle text-left"> 574 Entrez votre adresse email, vous recevrez un message permettant de réinitialiser votre mot de passe : </p> 575 </header> 576 <div class="form-content"> 577 <div class="form-group email"> 578 <label for="password-migrate-email" class="form-label"> 579 Votre adresse email </label> 580 <input type="email" class="form-control" name="email" required> 581 <span class="form-group-confirmation form-success" style="display:none;"> 582 Un email a été envoyé ! <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" 583 width="24px" height="17.98px" viewBox="0 3 24 17.98" enable-background="new 0 3 24 17.98" xml:space="preserve" fill="currentColor"> 584<g id="check-icon_x2F_action_x2F_done_x5F_32px"> 585 <path id="check-path-1_1_" d="M7.424,17.574L2.42,12.569c-0.264-0.268-0.625-0.418
585-1.001-0.418s-0.737,0.151-1.001,0.418 586 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 587 C23.317,3.151,22.957,3,22.581,3s-0.737,0.151-1.001,0.418L7.424,17.574z"/> 588</g> 589</svg> 590 </span> 591 <span class="form-error" style="display: none;"> 592 <!--message--> 593 </span> 594 </div> 595 </div> 596 <div class="form-actions"> 597 <button class="btn btn-secondary btn-block btn-sm btn-submit"> 598 Je valide </button> 599 </div> 600 </form> 601 </div> 602 </div> 603</div> 604 <!-- Optional JavaScript --> 605 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 606
606<script id="messages" type="text/javascript"> 607 const txt_required = "Ce champ est obligatoire"; 608 const txt_remote = "Merci de corriger ce champ"; 609 const txt_url = "URL invalide"; 610 const txt_date = "Renseignez une date valide"; 611 const txt_dateISO = "Renseignez une date valide (ISO)"; 612 const txt_number = "Renseignez une valeur numérique valide"; 613 const txt_digits = "Utilisez uniquement des valeurs numériques"; 614 const txt_equalTo = "Entrez la même valeur une fois de plus"; 615 const txt_maxlength = "Renseignez un texte contenant au maximum :value caractères"; 616 const txt_minlength = "Renseignez un texte contenant au minimum :value caractères"; 617 const txt_rangelength = "Entrez une chaîne de caractères entre :min et :max de longueur"; 618 const txt_range = "Entrez une valeur entre :min et :max"; 619 const txt_max = "Entrez une valeur inférieure ou égale à {0}"; 620 const txt_min = "Entrez une valeur supérieure ou égale à {0}"; 621 const txt_step = "error_message.number.step"; 622 const txt_email = "Cette adresse email n'est pas valide"; 623 const txt_creditcard = "Renseignez un numéro de carte bleue valide"; 624 const txt_accept = "error_message.accept"; 625 const txt_cgu = "Vous devez accepter nos CGU pour créer votre compte"; 626 const txt_captcha_required = "Vous devez valider le captcha"; 627 const txt_firstname_required = "Le prénom est obligatoire"; 628 const txt_lastname_required = "Le nom est obligatoire"; 629 const txt_email_required = "L'adresse email est obligatoire"; 630 const txt_email_invalid = "Cette adresse email n'est pas valide"; 631 const txt_email_regex = "L'adresse email n'a pas le bon domaine"; 632 const txt_password_required = "Le mot de passe est obligatoire"; 633 const txt_password_length = "Le mot de passe est trop court"; 634 const txt_password_letter = "Le mot de passe doit contenir au moins une lettre"; 635 const txt_password_number = "Le mot de passe doit contenir au moins un chiffre"; 636 const txt_password_case = "Le mot de passe doit contenir une majuscule et une minuscule"; 637 const txt_password_symbol = "Le mot de passe doit contenir au moins un caractère spécial"; 638 const txt_password_repetition = "Le mot de passe ne peut pas être une répétition de même caractère"; 639 const txt_password_confirmation_required = "Le mot de passe doit être confirmé"; 640 const txt_password_confirmation_mismatch = "Les mots de passe ne correspondent pas"; 641 const txt_email_confirmation_required = "L'adresse email doit être confirmée"; 642 const txt_email_confirmation_mismatch = "Les adresses email ne correspondent pas"; 643 const txt_postal_required = "Le code postal est obligatoire"; 644 const txt_voucher_required = "Le code promo est obligatoire"; 645 const txt_birth_date_required = "La date de naissance est obligatoire"; 646 const txt_birth_date_future = "La date ne peut pas être postérieure à aujourd'hui"; 647 const txt_birth_date_min = "La date ne peut pas être antérieure à 1900"; 648 const txt_birth_date_max = "La date ne peut pas être postérieure à aujourd'hui"; 649 const txt_address_line_1_required = "L'adresse est requise"; 650 const txt_address_line_2_required = "Le complément d'adresse est requise"; 651 const txt_city_required = "La ville est requise"; 652 const txt_field_data_forbidden = "Ce champ contient des informations non autorisées"; 653 const txt_content_not_authorized = "Contenu verrouillé"; 654 const conf_password_min = 6; 655 const conf_password_must_be_confirmed = true; 656 const conf_password_letter = false; 657 const conf_password_number = false; 658 const conf_password_case = false; 659 const conf_password_symbol = false; 660 const conf_password_repetition = false; 661 const conf_email_must_be_confirmed = true; 662 const pagination_settings_enabled = false; 663 const current_route_name = "login"; 664 const template_nb_blocks = null; 665 const badge_free_available = false; 666 const autoplayDelay = 3000; 667</script>
667 668
668<script src="https://otto-static.cdn.vodfactory.com/static/releases/40/build/js/otto-3rdparty.js"></script>
668 669
669<script> 670 var gtmStackEvents = []; 671 </script>
671 672 673 674
674<script> 675 pushDataLayerEvent([]); 676 gtmStackEvents = gtmStackEvents.concat([]); 677 </script>
677 678 679 680 681 682 683 684 685 686 <div class="modal-backdrop fade show" id="greyback_loader" style="display:none;z-index:1100"> 687 <span class="loader loader-xl" style="position:fixed;top:50%;left:50%"></span> 688</div>
689<script type="text/javascript"> 690 function switchLoader(active){ 691 document.getElementById("greyback_loader").style.display = active ? 'block' : 'none'; 692 } 693</script>
693 694 695
695<script src="https://otto-static.cdn.vodfactory.com/static/releases/40/build/js/vodfactory.js"></script>
695 696 <link rel="modulepreload" as="script" href="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/login-COYXtU0N.js" />
696<script type="module" src="https://otto-static.cdn.vodfactory.com/static/releases/40/build/assets/login-COYXtU0N.js" data-navigate-track="reload"></script>
696 697
697<script> 698 var gtmStackEvents = []; 699 </script>
699 700 701 702
702<script> 703 pushDataLayerEvent([]); 704 gtmStackEvents = gtmStackEvents.concat([]); 705 </script>
705 706 707
707<script> 708 pushDataLayerEvent({ 709 'event': gtmEvents.PAGE_DISPLAY, 710 [gtmVariables.USER_LOGGED]: 'non' 711 }, true, 500) 712 </script>
712 713 714 715 716 </body> 717</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.