Editing Website
Uri
Name
Html
<!DOCTYPE html><!-- Last Published: Mon Mar 30 2026 19:48:32 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="culturelatuque.com" data-wf-page="68467101ca5601b2972ff6c7" data-wf-site="67ff26d3c9b287a9d681f229" data-wf-intellimize-customer-id="117601192" lang="en" class="w-mod-js wf-inconsolata-n4-active wf-inconsolata-n7-active wf-active w-mod-ix"><head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Accueil | Culture La Tuque</title><meta content="Découvrez l’effervescence culturelle de La Tuque — Arts, spectacles, congrès & expositions — Des étoiles dans les yeux depuis 25 ans." name="description"><meta content="Accueil | Culture La Tuque" property="og:title"><meta content="Découvrez l’effervescence culturelle de La Tuque — Arts, spectacles, congrès & expositions — Des étoiles dans les yeux depuis 25 ans." property="og:description"><meta content="Accueil | Culture La Tuque" property="twitter:title"><meta content="Découvrez l’effervescence culturelle de La Tuque — Arts, spectacles, congrès & expositions — Des étoiles dans les yeux depuis 25 ans." property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/css/ccfl-1.webflow.shared.bccf82d3a.css" rel="stylesheet" type="text/css" integrity="sha384-vM+C06MKgpbBWYX8yUj4eGyQ9g4H8UlqV2yd8NpRe8+6fdZV/euzNZkpuJ5s7s4R" crossorigin="anonymous"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://connect.facebook.net/signals/config/936530161718079?v=2.9.293&r=stable&domain=culturelatuque.com&hme=295b1b33901e14aeab879c0b58f907ef4d5f44fdd19814310771af911c5f6ac8&ex_m=102%2C198%2C147%2C22%2C70%2C71%2C139%2C66%2C65%2C11%2C155%2C88%2C16%2C132%2C124%2C37%2C73%2C76%2C130%2C152%2C157%2C8%2C4%2C5%2C7%2C6%2C3%2C89%2C99%2C158%2C163%2C212%2C60%2C179%2C180%2C53%2C267%2C30%2C72%2C224%2C223%2C222%2C23%2C32%2C101%2C59%2C10%2C61%2C95%2C96%2C97%2C103%2C127%2C31%2C29%2C129%2C126%2C125%2C148%2C74%2C151%2C149%2C150%2C48%2C58%2C120%2C15%2C154%2C43%2C254%2C255%2C253%2C26%2C27%2C28%2C46%2C140%2C75%2C110%2C18%2C20%2C42%2C38%2C40%2C39%2C81%2C90%2C94%2C108%2C138%2C141%2C44%2C109%2C24%2C21%2C116%2C67%2C35%2C143%2C142%2C144%2C135%2C133%2C25%2C34%2C57%2C107%2C153%2C68%2C17%2C145%2C112%2C79%2C64%2C19%2C83%2C84%2C113%2C82%2C33%2C284%2C205%2C194%2C195%2C193%2C287%2C279%2C50%2C206%2C105%2C128%2C78%2C118%2C52%2C45%2C47%2C111%2C117%2C123%2C56%2C62%2C51%2C54%2C98%2C156%2C1%2C121%2C14%2C119%2C12%2C2%2C55%2C91%2C63%2C115%2C87%2C86%2C159%2C160%2C92%2C93%2C9%2C122%2C100%2C49%2C136%2C85%2C77%2C69%2C114%2C104%2C41%2C137%2C0%2C80%2C131%2C134%2C146%2C36%2C106%2C13%2C161" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" media="all"><script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/67ff2a681d4da1045cf4a1c1_ccfl_oeil_32px.png" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/67ff2a6d2c5a366429cb8b34_ccfl_oeil_256px.png" rel="apple-touch-icon"><style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style><style>[data-wf-hidden-variation], [data-wf-hidden-variation] * { display: none !important; }</style><style> .w-webflow-badge{ display:none !important; } </style> <script> (() => { const YEAR = String(new Date().getFullYear()); const YEAR_AFTER_COPY = /(©\s*)\d{4}/; // Efficient: XPath returns only text nodes containing "©" (not every text node on the page) function patchCopyrightYear(scope) { if (!scope) return 0; const xp = ".//text()[contains(., '©') and not(ancestor::script) and not(ancestor::style) and not(ancestor::noscript)]"; const snap = document.evaluate(xp, scope, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); let patched = 0; for (let i = 0; i < snap.snapshotLength; i++) { const tn = snap.snapshotItem(i); // Text node const s = tn.nodeValue; if (!s || s.indexOf("©") === -1) continue; if (!YEAR_AFTER_COPY.test(s)) continue; const next = s.replace(YEAR_AFTER_COPY, `$1${YEAR}`); if (next !== s) { tn.nodeValue = next; patched++; } } return patched; } function run() { // 1) Inner pages: footer is present const footer = document.querySelector("footer, [role='contentinfo']"); if (patchCopyrightYear(footer)) return; // 2) Homepage variant: often not a semantic <footer>, so target the DOM tail first const tail = document.body.lastElementChild || document.body; if (patchCopyrightYear(tail)) return; // 3) Last resort (still only touches nodes containing "©") patchCopyrightYear(document.body); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", run, { once: true }); } else { run(); } })(); </script> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '936530161718079'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=936530161718079&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Hotjar Tracking Code for Site web --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:6465582,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script><script async="" src="https://static.hotjar.com/c/hotjar-6465582.js?sv=6"></script><script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script></head><body><div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><a href="/a-propos" class="brand-mobile w-inline-block"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683685ca8e715b078ba9c7ae_OEIL%20-%20Blanc.svg" loading="eager" class="logo mobile"></a><nav role="navigation" class="nav-menu w-nav-menu"><div class="w-layout-grid grid-navbar"><div id="w-node-b8e57bd2-b8ef-6d7e-0212-692184e028e9-972ff6c7" class="nav"><a data-w-id="b8e57bd2-b8ef-6d7e-0212-692184e028ea" href="/contact" class="nav-link right w-inline-block"><div class="nav-text">Contact</div><div class="block-underline"><div style="transform: translate3d(-105%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" class="underline"></div></div></a></div><a href="/a-propos" class="brand w-nav-brand"><img loading="eager" src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579/68366858c71ca75916b26d4c_OEIL%20-%20Blanc.svg" alt="" class="logo"></a><div id="w-node-b8e57bd2-b8ef-6d7e-0212-692184e028e1-972ff6c7" class="nav"><a data-w-id="b8e57bd2-b8ef-6d7e-0212-692184e028e2" href="/programmation" class="nav-link w-inline-block"><div class="nav-text">Programmation</div><div class="block-underline"><div style="transform: translate3d(-105%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" class="underline"></div></div></a></div></div></nav><div class="menu-button w-nav-button" style="-webkit-user-select: text;" aria-label="menu" role="button" tabindex="0" aria-controls="w-nav-overlay-0" aria-haspopup="menu" aria-expanded="false"><div class="menu-icon w-icon-nav-menu"></div></div><div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-0"></div></div><section class="section-hero"><div class="w-embed"><style> /* CE CODE-CI FONCTIONNE, MAIS N'EST PAS ANIMABLE, DONC CRÉE UN JITTER */ .wrapper-letter{ display:flex; justify-content:center; transition:justify-content .25s; } .wrapper-letter:has(> .block-letter:first-child:hover){ justify-content:flex-start; } .wrapper-letter:has(> .block-letter:last-child:hover){ justify-content:flex-end; } </style></div><div class="wrapper-letter extra"><a style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" href="/complexe-culturel-felix-leclerc" class="block-letter block-letter-1 w-inline-block"><div data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e83" class="letter preload-2 landing-page-underline">Spectacles</div><div data-poster-url="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-transcode.mp4,https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" style="opacity: 0.7; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);" class="bg-video-letter preload-1 w-background-video w-background-video-atom"><video id="0884c4c3-2943-acc7-7b75-abaa641b5e85-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-transcode.mp4" data-wf-ignore="true"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824342c28cd9a5fe2f09e88_spectacles1mp4-transcode.webm" data-wf-ignore="true"></video></div></a><a style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" href="/complexe-culturel-felix-leclerc#cinema" class="block-letter block-letter-2 w-inline-block"><div class="letter preload-2 landing-page-underline">Cinéma</div><div data-poster-url="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-transcode.mp4,https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" style="opacity: 0.7; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);" class="bg-video-letter preload-2 w-background-video w-background-video-atom"><video id="708a2b9a-240b-fa16-8127-479b200e6288-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-transcode.mp4" data-wf-ignore="true"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F682433e2052891c761139b00_cinema1mp4-transcode.webm" data-wf-ignore="true"></video></div></a><a style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" href="/complexe-multimedia" class="block-letter block-letter-3 w-inline-block"><div class="letter preload-2 landing-page-underline">multimédia</div><div data-poster-url="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-transcode.mp4,https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" style="opacity: 0.7; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);" class="bg-video-letter preload-3 w-background-video w-background-video-atom"><video id="0884c4c3-2943-acc7-7b75-abaa641b5e8d-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-transcode.mp4" data-wf-ignore="true"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F6824345b22ea55a8b8859ed8_multimedia1-transcode.webm" data-wf-ignore="true"></video></div></a><a style="opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;" href="/centre-des-congres" class="block-letter block-letter-4 w-inline-block"><div class="letter preload-2 landing-page-underline">Congrès</div><div data-poster-url="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-transcode.mp4,https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" style="opacity: 0.7; transform-style: preserve-3d; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);" class="bg-video-letter preload-4 w-background-video w-background-video-atom"><video id="0884c4c3-2943-acc7-7b75-abaa641b5e91-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-transcode.mp4" data-wf-ignore="true"><source src="https://cdn.prod.website-files.com/67ff28251fcf6edc826c1579%2F683fe65b0cf652951ba0c278_congres1_first11-transcode.webm" data-wf-ignore="true"></video></div></a></div><div style="opacity: 1;" class="block-info"><div class="text-info">— Des étoiles dans les yeux —<br>© 2026 Culture La Tuque</div><div class="w-layout-grid grid partenaires-landing-page"><img style="opacity: 0.5;" data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e98" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683779a8e04393c627425195_VLT.svg" loading="lazy" id="w-node-_0884c4c3-2943-acc7-7b75-abaa641b5e98-972ff6c7" class="partenaire-pour-landing-page"><img style="opacity: 0.5;" data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e99" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683779a826ce1fca67838fe9_CALQ%20-%20Conseil%20arts%20%26%20lettres.svg" loading="lazy" id="w-node-_0884c4c3-2943-acc7-7b75-abaa641b5e99-972ff6c7" class="partenaire-pour-landing-page"><img style="opacity: 0.5;" data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e9a" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683779a8cda539268d268f36_Patrimoine%20canadien.svg" loading="lazy" id="w-node-_0884c4c3-2943-acc7-7b75-abaa641b5e9a-972ff6c7" class="partenaire-pour-landing-page"><img style="opacity: 0.5;" data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e9b" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683779a869cab00c2032aec8_Desjardins.svg" loading="lazy" id="w-node-_0884c4c3-2943-acc7-7b75-abaa641b5e9b-972ff6c7" class="partenaire-pour-landing-page"><img style="opacity: 0.5;" data-w-id="0884c4c3-2943-acc7-7b75-abaa641b5e9c" alt="" src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/683779a8fa30fb80b04d345c_Hydro-Que%CC%81bec.svg" loading="lazy" id="w-node-_0884c4c3-2943-acc7-7b75-abaa641b5e9c-972ff6c7" class="partenaire-pour-landing-page"></div></div></section><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67ff26d3c9b287a9d681f229" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/js/webflow.schunk.1a807f015b216e46.js" type="text/javascript" integrity="sha384-oY4R8SfnVBTWnix6ULiWbZs/5tyRyxEiWcG+WrT3unnu5pmfsIYJEraZcyFVlvND" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/js/webflow.schunk.b27725b9b37398a7.js" type="text/javascript" integrity="sha384-yVdJHOr8ApNueQYvrMtqV6ElGAuDs+IggjLy525iiu9elh8MrgXU6RyZBHcUzeMC" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/js/webflow.schunk.12f66a7a1043bbab.js" type="text/javascript" integrity="sha384-HNZTKJ8WDhYv0MYd2/DshG03tUC884xqMkewa2sbJaXcw0wuKN4aCoLgFT2Rr1lo" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/67ff26d3c9b287a9d681f229/js/webflow.e2875cca.0a624fc946162b2d.js" type="text/javascript" integrity="sha384-o41g9wBEI3VA9Q18LrpFcp//dQ+c7d72gQYvGy0vFKw2+0dz0wfMpiTueP+mu75L" crossorigin="anonymous"></script><script> /* ===================================================================== “TOUT” injector – keeps highlight correct & removes extra first “/” ===================================================================== */ (function () { /* --------------------------------------------------------- helpers */ function updateHighlight() { const tout = document.querySelector('a[href="/programmation"]'); if (!tout) return; const onProg = /^\/programmation\/?$/.test(location.pathname.toLowerCase()); /* Webflow relies on class **and** aria-current */ tout.classList.toggle('w--current', onProg); if (onProg) { tout.setAttribute('aria-current', 'page'); } else { tout.removeAttribute('aria-current'); } } /* Remove any divider immediately before the first <a> in the list */ function removeLeadingDivider(list) { const firstLink = list.querySelector('a'); if (!firstLink) return; let n = firstLink.previousSibling; while (n && ((n.nodeType === Node.TEXT_NODE && /\/\s*$/.test(n.textContent)) || (n.nodeType === Node.ELEMENT_NODE && n.classList.contains('category-divider')))) { const prev = n; n = n.previousSibling; prev.remove(); } } /* ----------------------------------------------------- main routine */ function run() { const path = location.pathname.toLowerCase(); if (!(path.includes('/programmation') || path.includes('/categories-evenements'))) return; /* wrapper holding the dynamic list */ const list = document.querySelector('.w-dyn-list'); if (!list) return; /* already injected? just refresh highlight & tidy dividers */ if (list.querySelector('a[href="/programmation"]')) { updateHighlight(); removeLeadingDivider(list); return; } /* first category link (e.g. “Hommage”) */ const firstCat = list.querySelector('a[href^="/categories-evenements/"]'); if (!firstCat) return; /* clone link for “TOUT” */ const tout = firstCat.cloneNode(false); tout.href = '/programmation'; tout.textContent = 'TOUT'; /* ensure highlight status is correct right away */ updateHighlight = () => { // redefine with new element in scope const onProg = /^\/programmation\/?$/.test(location.pathname.toLowerCase()); tout.classList.toggle('w--current', onProg); if (onProg) { tout.setAttribute('aria-current', 'page'); } else { tout.removeAttribute('aria-current'); } }; updateHighlight(); /* proper divider clone so margins & weight stay identical */ const templateDiv = list.querySelector('.category-divider'); const divider = templateDiv ? templateDiv.cloneNode(true) : Object.assign(document.createElement('div'), { className: 'text-400 category-divider', textContent: '/' }); /* remove any divider that precedes firstCat (old leading “/”) */ removeLeadingDivider(list); /* insert: TOUT / HOMMAGE … */ firstCat.parentElement.insertBefore(divider, firstCat); firstCat.parentElement.insertBefore(tout, divider); } /* ---------------------------------- fire on load & SPA navigations */ window.addEventListener('load', run); ['pushState', 'replaceState'].forEach(fn => { const orig = history[fn]; history[fn] = function () { const out = orig.apply(this, arguments); setTimeout(run, 0); return out; }; }); window.addEventListener('popstate', () => setTimeout(run, 0)); })(); </script> <!-- Formulaire d'inscription à l'infolettre vers Ovation --> <script> if (1==0) { // Attendre le GO LIVE document.addEventListener('DOMContentLoaded', () => { const form = document.getElementById('wf-form-inscription-infolettre'); // form name in Webflow if (!form) return; const wrapper = form.closest('.w-form') || form.parentElement; const done = wrapper.querySelector('.w-form-done'); const fail = wrapper.querySelector('.w-form-fail'); const submitBtn = form.querySelector('button[type="submit"], .w-button'); // Accessible live region (optional) let status = form.querySelector('[role="status"]'); if (!status) { status = document.createElement('p'); status.setAttribute('role', 'status'); status.setAttribute('aria-live', 'polite'); form.appendChild(status); } form.addEventListener('submit', async (e) => { // Stop BOTH browser navigation and Webflow's own AJAX handler e.preventDefault(); e.stopImmediatePropagation(); // Basic validity UI if (!form.checkValidity()) { form.reportValidity(); return; } // UI: sending state const originalLabel = submitBtn ? submitBtn.textContent : null; if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Subscribing…'; } status.textContent = ''; if (fail) fail.style.display = 'none'; try { const body = new FormData(form); // Honeypot: if filled, pretend success if (body.get('website')) { if (done) { done.style.display = 'block'; form.style.display = 'none'; } return; } // POST to your backend / serverless (proxy to your ESP to keep API keys secret) const res = await fetch('https://www.ovation.ca/marketing/1L/Newsletter/DirectSubscribe', { method: 'POST', body, credentials: 'same-origin', headers: { 'Accept': 'application/json' } }); if (!res.ok) { let msg = `Request failed (HTTP ${res.status})`; try { const j = await res.json(); if (j.error) msg = j.error; } catch {} throw new Error(msg); } const data = await res.json(); // Show Webflow-style success UI (you control the message) if (done) { const msgEl = done.querySelector('div, p') || done; msgEl.textContent = data.message || 'Presque terminé — Vérifiez votre courriel pour confirmer l\'inscription.'; done.style.display = 'block'; form.style.display = 'none'; } else { status.textContent = data.message || 'Inscription réussie!'; form.reset(); } } catch (err) { // Show Webflow-style error UI const msg = err.message || 'Une erreur s\'est produite. Vérifier le courriel & réessayez.'; if (fail) { const msgEl = fail.querySelector('div, p') || fail; msgEl.textContent = msg; fail.style.display = 'block'; } else { status.textContent = msg; } } finally { if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = originalLabel; } } }); }); } </script> </body></html>
Json ld
[]
Http response code
Scrape date
Successful refresh
Show
|
Back