Bienvenue !

`); doc.close(); } function openPopup() { injectCSS(); const overlay = buildMarkup(); lockBodyScroll(); requestAnimationFrame(() => overlay.classList.add('cla-show')); const closeBtn = overlay.querySelector('#cla-lcp-close'); const nextBtn = overlay.querySelector('#cla-lcp-next'); const card = overlay.querySelector('#cla-lcp-card'); const step1 = overlay.querySelector('#cla-lcp-step1'); const step2 = overlay.querySelector('#cla-lcp-step2'); const iframe = overlay.querySelector('#cla-lcp-iframe'); function closePopup() { unlockBodyScroll(); overlay.classList.remove('cla-show'); setTimeout(() => overlay.remove(), 350); window.removeEventListener('message', onResizeMessage); } closeBtn.addEventListener('click', closePopup); overlay.addEventListener('click', (e) => { if (e.target === overlay) closePopup(); }); // Clean up if the user navigates away (SPA support) window.addEventListener('pagehide', unlockBodyScroll, { once: true }); function onResizeMessage(e) { if (e && e.data && typeof e.data.claLcpHeight === 'number') { iframe.style.height = (e.data.claLcpHeight + 8) + 'px'; // +8px breathing room } } window.addEventListener('message', onResizeMessage); let formLoaded = false; nextBtn.addEventListener('click', () => { card.classList.add('cla-step-2'); step1.classList.add('cla-hidden'); step2.classList.add('cla-active'); if (!formLoaded) { formLoaded = true; loadFormIntoIframe(iframe); } }); } function schedule() { setTimeout(openPopup, DELAY_MS); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', schedule); } else { schedule(); } })();