Nature, Sports et Loisirs - Activités et Services

<!doctype html> <html lang="fr-CA" class=""> <head> <script> const shoebox = { siteHandle: "fr", cookieConsent: { necessary: Boolean(1), functional: Boolean(), statistics: Boolean(), marketing: Boolean(), } } window.shoebox = shoebox; </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } (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-P32BZZDS'); </script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="csrf-token" content="9s0_h4BQziWQ4sgd7lW0BvjoDPw2aIb8agzpN45ZL0qZivwDdZK3P8anbc_sM_dz3oWcbIMe_1y9nEOKbwKyiTldjUXMPEQN4LiXZh3V4w8="> <link rel="icon" type="image/png" href="https://www.plainesdabraham.ca/cpresources/87f66506/favicon.png?v=1731507434" > <link rel="icon" type="image/svg+xml" href="https://www.plainesdabraham.ca/cpresources/87f66506/favicon.svg?v=1731507434" > <link rel="home" href="https://www.plainesdabraham.ca/"> <link rel="canonical" href="https://www.plainesdabraham.ca/nature-sports-loisirs"> <meta property="og:url" content="https://www.plainesdabraham.ca/nature-sports-loisirs"><meta name="twitter:url" content="https://www.plainesdabraham.ca/nature-sports-loisirs"><meta property="og:locale" content="fr-CA"> <title>Nature, Sports et Loisirs - Activités et Services – Plaines d’Abraham</title> <meta name="description" content="Vous trouverez ici de l'information au sujet des sentiers multifonctionnels, pistes de ski de fond, opérations de traçage, de la location d'équipement et des consignes à respecter."> <meta name="image" content="https://ccbnwebprod.blob.core.windows.net/website/Activités-et-événements/SENTIERS/_1200x675_crop_center-center_none/26_sentierautomneCCBN_BR.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:site_name" content="Plaines d’Abraham"> <meta property="og:type" content="website"> <meta property="og:title" content="Nature, Sports et Loisirs - Activités et Services"> <meta property="og:description" content="Vous trouverez ici de l'information au sujet des sentiers multifonctionnels, pistes de ski de fond, opérations de traçage, de la location d'équipement et des consignes à respecter."> <meta property="og:image" content="https://ccbnwebprod.blob.core.windows.net/website/Activités-et-événements/SENTIERS/_1200x630_crop_center-center_none/26_sentierautomneCCBN_BR.jpg"> <meta name="twitter:title" content="Nature, Sports et Loisirs - Activités et Services"> <meta name="twitter:description" content="Vous trouverez ici de l'information au sujet des sentiers multifonctionnels, pistes de ski de fond, opérations de traçage, de la location d'équipement et des consignes à respecter."> <meta name="twitter:image" content="https://ccbnwebprod.blob.core.windows.net/website/Activités-et-événements/SENTIERS/_1200x600_crop_center-center_none/26_sentierautomneCCBN_BR.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <link rel="alternate" href="https://www.plainesdabraham.ca/nature-sports-loisirs" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" hreflang="en-ca"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.plainesdabraham.ca\/","name":"Accueil"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.plainesdabraham.ca\/nature-sports-loisirs","name":"Nature, Sports et Loisirs"}}]}</script> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="/dist/assets/app-29f33cd9.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.ts'}});document.dispatchEvent(e);"></script> <link href="/dist/assets/app-e3b03962.css" rel="stylesheet"> <link href="https://www.plainesdabraham.ca/cpresources/31d5748/css/formie-theme.css?v=1729388705" rel="stylesheet"> <link href="https://www.plainesdabraham.ca/cpresources/e8919b84/style.css?v=1731507430" rel="stylesheet"></head> <body class="bg-beige-100" x-data :class="$store.megaMenu.open ? 'overflow-hidden' : ''"> <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P32BZZDS" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript> <section id="elc-cookie-consent" class="elc-small"> <form id="elc-cookie-consent-form" action="" data-url="https://www.plainesdabraham.ca/index.php?p=actions/" data-refresh=true data-refreshTime=500 data-show="https://www.plainesdabraham.ca/cookie-consent/show" method="post" accept-charset="UTF-8"> <input type="hidden" name="action" value="cookie-consent/consent/update"> <input type="hidden" name="site_id" value="1"> <input type="hidden" name="CRAFT_CSRF_TOKEN" value="9s0_h4BQziWQ4sgd7lW0BvjoDPw2aIb8agzpN45ZL0qZivwDdZK3P8anbc_sM_dz3oWcbIMe_1y9nEOKbwKyiTldjUXMPEQN4LiXZh3V4w8="> <header class="elc-header"> <h3 class="elc-primary-heading">Ce site web utilise des cookies</h3> <p class="elc-header-description">Nous utilisons des cookies pour personnaliser le contenu, analyser le trafic et améliorer nos services.</p> </header> <div id="elc-cookie-consent-settings"> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-1" class="elc-cookie-checkbox" name="group-fr-necessary" disabled="disabled" checked> <label class="elc-cookie-name" for="elc-checkbox-1">Essentiels <small>(Requis)</small></label> </div> <div class="elc-row elc-cookie-description"> Les cookies essentiels sont nécessaires pour faire fonctionner les fonctions principales de notre site web. Cela inclut les cookies de connexion, les cookies d’identification de session, les cookies de langue, ainsi que les cookies de sécurité. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-2" class="elc-cookie-checkbox" name="group-fr-functional"> <label class="elc-cookie-name" for="elc-checkbox-2">Fonctionnels</label> </div> <div class="elc-row elc-cookie-description"> Les cookies fonctionnels sont utilisés pour fournir certaines fonctionnalités du site web et pour mémoriser les préférences, les consentements et les configurations du site web. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-3" class="elc-cookie-checkbox" name="group-fr-statistics"> <label class="elc-cookie-name" for="elc-checkbox-3">Analytiques</label> </div> <div class="elc-row elc-cookie-description"> Les cookies analytiques sont utilisés pour générer des données statistiques agrégées sur le trafic et le comportement des utilisateurs de notre site web. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-4" class="elc-cookie-checkbox" name="group-fr-marketing"> <label class="elc-cookie-name" for="elc-checkbox-4">Marketing</label> </div> <div class="elc-row elc-cookie-description"> Nous utilisons des cookies marketing pour vous proposer des publicités et des contenus marketing qui correspondent mieux à vos champs d'intérêt. Nous utilisons également des cookies analytiques pour comprendre nos cookies marketing, limiter le nombre de fois que vous voyez une publicité, mesurer l’efficacité de nos campagnes et ajuster le contenu. </div> </div> </div> <div class="button-container"> <a href="#" id="elc-detail-link" class="elc-text-link">Détails</a> <a href="#" id="elc-hide-detail-link" class="elc-text-link">Masquer les détails</a> <button id="elc-save-link" class="elc-secondary-button-link" type="submit">Enregistrer</button> <button id="elc-accept-link" class="elc-secondary-button-link" type="submit">Enregistrer</button> <button id="elc-accept-all-link" class="elc-button-link" type="submit">Tout accepter</button> </div> </form> </section> <div id="elc-cookie-tab" class="elc-hidden"> <a href="#" id="elc-tab-link">COOKIES</a> </div> <div class="flex min-h-dvh flex-col justify-between"> <div> <div class="bg-[var(--accentColor)] py-4 text-sm" style="--accentColor: #d52b0a" ax-load x-data="alertBanner" x-show="shown" > <div class="group inline-flex w-full flex-nowrap gap-12 overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_48px,_black_calc(100%-158px),transparent_100%)]" x-data="duplicateContent" > <span class="relative left-8 flex shrink-0 animate-[marquee_60s_linear_infinite_5s] items-center gap-2 bg-[var(--accentColor)] pl-8 text-beige-100 group-hover:[animation-play-state:_paused]" x-ref="content" > <svg class="absolute left-0 top-[-2px] size-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <circle cx="12" cy="12" r="9"/> <line x1="12" x2="12" y1="7" y2="13"/> <line x1="12" x2="12.01" y1="16" y2="17"/> </svg> Fermeture temporaire : Le Musée des plaines d'Abraham sera fermé du 6 au 17 janvier 2025 en raison de travaux. </span> </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all px-2 py-2 gap-1 text-beige-100 absolute right-1 top-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="close()" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> <div class="sticky top-0 z-50" x-data="{activeId: null}" x-show="!$store.fullscreenMap.fullscreen"> <nav class="relative hidden border-b bg-beige-100 md:block"> <div class="mx-auto flex flex-wrap items-center justify-end p-3"> <ul class="flex flex-col gap-4 md:mt-0 md:flex-row md:items-center md:space-x-4"> <li> <a href="https://www.plainesdabraham.ca/blogue" class="block hover:font-semibold" >Blogue</a> </li> <li> <a href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" class="block hover:font-semibold" >Carte interactive</a> </li> <li> <a href="https://www.plainesdabraham.ca/contact" class="block hover:font-semibold" >Contact</a> </li> <li> <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainesdabraham.ca/search/results" data-target="quick-search-desktop" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainesdabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Chercher un lieu, une activité, un événement, etc…" class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-desktop" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Erreur de la recherche. Réessayer plus tard.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </li> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> en</a> </li> </ul> </div> </nav> <nav class="relative border-b bg-beige-100" x-data="mainNav"> <div class="mx-auto flex w-full flex-wrap items-center justify-between p-4 py-2 md:p-0"> <a href="https://www.plainesdabraham.ca/" style="--nav-logo-width: 280px;" class="flex items-center md:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINES_2-lignes_Gauche_Noir_RGB_%403x-100.png" class="block h-[40px] w-auto p-1 md:w-[var(--nav-logo-width)]" alt="Logo" > </a> <div id="mega-menu" x-ref="megaMenu" x-cloak class="absolute start-0 top-[var(--nav-height)] order-2 hidden h-[calc(100dvh_-_var(--nav-height))] w-full flex-col justify-between overflow-y-auto overscroll-contain bg-beige-100 md:static md:order-1 md:flex md:h-auto" > <ul class="mx-4 flex flex-col justify-between divide-y divide-black overflow-hidden overflow-y-auto transition-all motion-reduce:transition-none md:mx-0 md:flex md:w-full md:flex-row md:divide-y-0" > <li x-trap="activeId == 301" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 301 ? null : 301" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 301" > Les Plaines <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 301" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainesdabraham.ca/a-propos" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 274" @mouseover="activeId = 274" @blur="activeId = null" >À propos </a> </li> <li> <a href="https://www.plainesdabraham.ca/planifiez-votre-visite" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 16291" @mouseover="activeId = 16291" @blur="activeId = null" >Planifiez votre visite </a> </li> <li> <a href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 270" @mouseover="activeId = 270" @blur="activeId = null" >Carte interactive du parc </a> </li> <li> <a href="https://www.plainesdabraham.ca/lieux-monuments-historiques/cafe-la-maison-smith" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 15490" @mouseover="activeId = 15490" @blur="activeId = null" >Café La Maison Smith </a> </li> <li> <a href="https://www.plainesdabraham.ca/lieux-monuments-historiques/musee-plaines-d-abraham" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 9301" @mouseover="activeId = 9301" @blur="activeId = null" >Musée des plaines d'Abraham </a> </li> <li> <a href="https://www.plainesdabraham.ca/planifiez-votre-visite/stationnement" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 48692" @mouseover="activeId = 48692" @blur="activeId = null" >Stationnement </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 274 ? 'visible' : 'invisible'" > <img x-show="activeId == 274" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/plaines_hiver_21.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 16291 ? 'visible' : 'invisible'" > <img x-show="activeId == 16291" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/plaines_hiver_167.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 270 ? 'visible' : 'invisible'" > <img x-show="activeId == 270" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/JSCHP_CCNB-NBC_reperage_skide-Fond_img4634-4.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 15490 ? 'visible' : 'invisible'" > <img x-show="activeId == 15490" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Caf%C3%A9-Maison-Smith/330988800_6198796700151706_3811387628648089983_n.jpeg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 9301 ? 'visible' : 'invisible'" > <img x-show="activeId == 9301" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/20231208_080737.jpg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 304" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 304 ? null : 304" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 304" > Activités et événements <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 304" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainesdabraham.ca/activites-evenements?category%5B%5D=en-nature" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 35510" @mouseover="activeId = 35510" @blur="activeId = null" >En nature </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements?category%5B%5D=en-famille" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 15996" @mouseover="activeId = 15996" @blur="activeId = null" >En famille </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements?category%5B%5D=histoire-vivante" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 16005" @mouseover="activeId = 16005" @blur="activeId = null" >Histoire vivante </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements/ski-de-fond" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 44659" @mouseover="activeId = 44659" @blur="activeId = null" >Ski de fond </a> </li> <li> <a href="https://www.plainesdabraham.ca/nature-sports-loisirs/location-équipement" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 48768" @mouseover="activeId = 48768" @blur="activeId = null" >Location d'équipement </a> </li> <li> <a href="https://www.plainesdabraham.ca/nature-sports-loisirs" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 11292" @mouseover="activeId = 11292" @blur="activeId = null" >Nature, Sports & Loisirs </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26160" @mouseover="activeId = 26160" @blur="activeId = null" >Toutes les activités et événements </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 35510 ? 'visible' : 'invisible'" > <img x-show="activeId == 35510" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Glissades-sur-neige/CG1_1024-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 15996 ? 'visible' : 'invisible'" > <img x-show="activeId == 15996" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Et-lance-et-compte/IMG_3815.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 16005 ? 'visible' : 'invisible'" > <img x-show="activeId == 16005" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Qu%C3%A9bec-1775/JSCHP_CCNB_expo1775_premeir-_img6549-Modifier.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 44659 ? 'visible' : 'invisible'" > <img x-show="activeId == 44659" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/JSCHP_CCNB-NBC_reperage_skide-Fond_img4535.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 11292 ? 'visible' : 'invisible'" > <img x-show="activeId == 11292" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/26_sentierautomneCCBN_BR.jpg" > </li> </ul> </div> </div> </div> </li> <li class="hidden items-center focus:outline-none focus-visible:outline-none md:block" > <div :class="$store.navLogo.shown ? 'w-[var(--nav-logo-width)]' : 'w-0'" class="transition-all duration-300 ease-in-out motion-reduce:transition-none" x-cloak > <a :class="$store.navLogo.shown ? 'opacity-100 translate-y-0 will-change-transform pointer-events-auto' : 'opacity-0 translate-y-3 will-change-auto pointer-events-none'" href="https://www.plainesdabraham.ca/" class="absolute left-[calc(50%-var(--nav-logo-half-width))] top-0 flex h-full items-center transition-all duration-500 ease-in-out motion-reduce:transition-none" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/Logo-fr-1.svg" class="hidden h-auto w-[var(--nav-logo-width)] lg:block" alt="Logo" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/a.svg" class="hidden h-[40px] w-auto p-1 md:block md:w-[var(--nav-logo-width)] lg:hidden" alt="Logo" > </a> </div> </li> <li x-trap="activeId == 306" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 306 ? null : 306" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 306" > Groupes scolaires et d'adultes <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 306" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainesdabraham.ca/visites-de-groupe/ecoles-primaires" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 317" @mouseover="activeId = 317" @blur="activeId = null" >Écoles primaires </a> </li> <li> <a href="https://www.plainesdabraham.ca/visites-de-groupe/ecoles-secondaires" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 318" @mouseover="activeId = 318" @blur="activeId = null" >Écoles secondaires </a> </li> <li> <a href="https://www.plainesdabraham.ca/visites-de-groupe/groupes-adultes" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 315" @mouseover="activeId = 315" @blur="activeId = null" >Groupes d'adultes </a> </li> <li> <a href="https://www.plainesdabraham.ca/visites-de-groupe/visites-de-groupe-info" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 316" @mouseover="activeId = 316" @blur="activeId = null" >Information générale </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 317 ? 'visible' : 'invisible'" > <img x-show="activeId == 317" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/JSChP_CCBN_activite%CC%81_scolaire_img8574_LR-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 318 ? 'visible' : 'invisible'" > <img x-show="activeId == 318" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/JSChP_CCBN_activite%CC%81_scolaire_img9047_LR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 315 ? 'visible' : 'invisible'" > <img x-show="activeId == 315" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/C.Gomez_CCBN_0884.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 316 ? 'visible' : 'invisible'" > <img x-show="activeId == 316" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/125_GUIDESOBJETS_BR-2-2_2024-09-10-175204_khss.jpg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 320" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 320 ? null : 320" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 320" > Histoire et patrimoine <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 320" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainesdabraham.ca/lieux-monuments-historiques" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 16014" @mouseover="activeId = 16014" @blur="activeId = null" >Lieux & monuments historiques </a> </li> <li> <a href="https://www.plainesdabraham.ca/histoire-et-patrimoine/histoire-du-parc" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 11291" @mouseover="activeId = 11291" @blur="activeId = null" >Histoire du parc </a> </li> <li> <a href="https://www.plainesdabraham.ca/histoire-et-patrimoine/patrimoine-naturel" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 16011" @mouseover="activeId = 16011" @blur="activeId = null" >Patrimoine naturel </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 16014 ? 'visible' : 'invisible'" > <img x-show="activeId == 16014" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Tour-Martello-1/plaines_banquephotosautomne_JPEG79.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 11291 ? 'visible' : 'invisible'" > <img x-show="activeId == 11291" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/shotsae%CC%81riennes_plaines_automneJPEG_14_2024-09-10-174920_arod.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 16011 ? 'visible' : 'invisible'" > <img x-show="activeId == 16011" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/plaines_hiver_49.jpg" > </li> </ul> </div> </div> </div> </li> </ul> <div class="sticky bottom-0 left-0 w-full bg-beige-100 md:hidden"> <div class="mb-2 mt-4 px-4 py-2 md:hidden"> <ul class="flex flex-col space-y-4"> <li> <a href="https://www.plainesdabraham.ca/blogue" class="block" >Blogue</a> </li> <li> <a href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" class="block" >Carte interactive</a> </li> <li> <a href="https://www.plainesdabraham.ca/contact" class="block" >Contact</a> </li> </ul> </div> <ul class="flex w-full items-center justify-between gap-4 space-x-4 border-t border-beige-300 px-4 py-4"> <div class="flex items-center justify-between gap-8"> </div> <div> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> en</a> </li> </div> </ul> </div> </div> <div class="relative order-1 flex items-center gap-2 space-x-1 md:hidden md:space-x-2"> <div class="relative" x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:enter-start="opacity-0 translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-200" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-6" x-show="$store.megaMenu.open" > <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainesdabraham.ca/search/results" data-target="quick-search-mobile" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainesdabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Chercher un lieu, une activité, un événement, etc…" class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-mobile" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Erreur de la recherche. Réessayer plus tard.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </div> <button @click="toggleNav" type="button" class="inline-flex size-10 items-center justify-center p-2 text-sm text-black focus:outline-none md:hidden" aria-controls="mega-menu" aria-expanded="false" > <span class="sr-only">Open main menu</span> <svg class="size-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14" > <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" /> </svg> </button> </div> </div> </nav> </div> <div class="flex flex-col flex-wrap justify-between md:flex-row"> </div><article class="mb-12 mt-4 w-full"> <div class="grid grid-cols-4 md:grid-cols-8"> <div x-data="{shown: true}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="heroCard" class=" group block-theme-current " > <div class="flex flex-col gap-5 md:gap-8"> <h1 class="max-w-7xl text-[clamp(2rem,_8vw,_8vw)] font-bold !leading-[1.1] sm:text-5xl md:text-6xl lg:text-7xl"> Nature, Sports et Loisirs </h1> <div class="text-xl font-semibold">Activités extérieures et services</div> <div class="items-top flex flex-col justify-between gap-5 lg:flex-row lg:gap-20"> <div class="prose max-w-4xl text-xl"><p>Vous trouverez ici de l'information au sujet des sentiers multifonctionnels, des pistes de ski de fond, des opérations de traçage, de la location d'équipement et des consignes à respecter.</p></div> </div> <div x-data="{open: false}"> <div class="relative grid aspect-[2/1] md:aspect-[8/2] overflow-y-hidden grid-cols-2 grid-rows-2 gap-6 md:grid-cols-4"> <div class="col-span-2 row-span-2"> <img alt="Deux skieurs sur les plaines d'Abraham par une journée enneigée, on aperçoit l'ancien bâtiment du Musée national des beaux-arts du Québec derrière eux. Two skiers on the Plains of Abraham on a snowy day, with the old building of the Musée national des beaux-arts du Québec visible behind them." src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/JSCHP_CCNB-NBC_reperage_skide-Fond_img4535.jpg" class="h-full w-full object-cover"> </div> <div class="col-span-1 row-span-2 hidden md:block"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/plaines_banquephotosautomne_JPEG24.jpg" class="h-full w-full object-cover"> </div> <div class="col-span-1 row-span-2 hidden md:block"> <img alt="Une femme courant sur une piste multifonctionnelle en nature sur le plaines d'Abraham à l'automne. A woman running on a multifunctional trail in nature on the Plains of Abraham in the fall." src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/26_sentierautomneCCBN_BR.jpg" class="h-full w-full object-cover"> </div> <button @click="open = true" class="absolute bottom-3 right-3 col-span-1 row-span-1 flex gap-3 bg-black text-beige-100 md:hidden" > <span class="flex flex-col items-center justify-center p-3"> <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M12 5v14M5 12h14"/> </svg> </span> </button> </div> <div x-show="open" x-trap="open" x-cloak x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-500" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-3" class="fixed inset-0 z-50 h-dvh w-full overflow-y-auto overscroll-contain bg-beige-100 p-6 sm:p-12 md:p-20" @keyup.window.escape="open = false" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="open = false" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="grid grid-cols-1 gap-2 sm:gap-4 md:grid-cols-6 md:gap-6"> <div class="sm:col-span-4"> <img alt="Deux skieurs sur les plaines d'Abraham par une journée enneigée, on aperçoit l'ancien bâtiment du Musée national des beaux-arts du Québec derrière eux. Two skiers on the Plains of Abraham on a snowy day, with the old building of the Musée national des beaux-arts du Québec visible behind them." src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/JSCHP_CCNB-NBC_reperage_skide-Fond_img4535.jpg" class="h-full w-full object-cover"> </div> <div class="sm:col-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/plaines_banquephotosautomne_JPEG24.jpg" class="h-full w-full object-cover"> </div> <div class="sm:col-span-3"> <img alt="Une femme courant sur une piste multifonctionnelle en nature sur le plaines d'Abraham à l'automne. A woman running on a multifunctional trail in nature on the Plains of Abraham in the fall." src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/26_sentierautomneCCBN_BR.jpg" class="h-full w-full object-cover"> </div> </div> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose col-span-4 md:col-span-8 " > <div data-type="descendantPagesMenu" class="" > <ul class="grid max-w-5xl grid-cols-2 flex-wrap gap-4 p-6 group-[.block-theme-current]:p-0 md:flex md:gap-6 md:p-8"> <li> <a href="https://www.plainesdabraham.ca/nature-sports-loisirs/code-de-conduite" class="flex h-full items-end justify-between gap-2 border-2 border-black p-4 transition-colors hover:bg-beige-300 md:w-[180px] [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" > <span class="w-[calc(100%-28px)] break-words font-semibold">Code de conduite</span> <svg class="size-5 shrink-0 animate-arrow mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </li> <li> <a href="https://www.plainesdabraham.ca/nature-sports-loisirs/location-équipement" class="flex h-full items-end justify-between gap-2 border-2 border-black p-4 transition-colors hover:bg-beige-300 md:w-[180px] [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" > <span class="w-[calc(100%-28px)] break-words font-semibold">Location d'équipement</span> <svg class="size-5 shrink-0 animate-arrow mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </li> </ul> </div> </div> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <p>Depuis toujours, le parc suit sa vocation d'immense terrain de jeux. Jadis, on y faisait de la raquette, du toboggan, du ski, du patin et du hockey dans la première patinoire couverte au monde! Les Bulldogs de Québec y ont même gagné par deux fois la coupe Stanley dans les années 1910. On assistait aussi en grand nombre aux courses hippiques et l'élite jouait au golf.</p><p>Aujourd'hui, le parc permet aux résidents et aux visiteurs de se détendre et de pratiquer de nombreuses activités tels que le patin à roues alignées, la course à pied, la marche, le vélo, le football, le soccer, le ski de fond, le patin à glace et la glissade dans un environnement des plus invitants.</p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-4 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <h2>Sentiers et pistes multifonctionnelles</h2><p>En été, les usagers peuvent profiter gratuitement de 1,4 km de pistes multifonctionnelles entourant le terrain des sports des Plaines. D'autres sentiers sont également accessibles : </p><h3><br />Sentier de la nature </h3><p><strong>Du Cap-aux-Diamants à la terrasse Grey</strong></p><p>Empruntez le Sentier de la nature qui longe la falaise du côté sud des plaines d'Abraham. Situé entre l’escalier du Cap Blanc et la côte Gilmour, ce parcours historique de 1,8 kilomètres vous conduit sur la voie des premiers herboristes au pays.</p><h3><br />Sentier des plaines d'Abraham</h3><p><strong>Secteur de la côte Gilmour</strong></p><p>Le tracé de plus d’un kilomètre en milieu naturel mise sur la beauté et l’histoire des lieux avec ses aires de repos, ses panneaux interprétatifs et son impressionnante vue sur le fleuve Saint-Laurent. Avec une pente moins prononcée que celle de la côte Gilmour, le sentier a été conçu afin de faciliter la circulation des piétons et des cyclistes entre la promenade Samuel-de-Champlain et la Haute-Ville de Québec.</p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-3 col-start-1 md:col-start-6 " > <div data-type="image" class=" group block-theme-current " > <div x-data="{open: false}"> <div class="relative grid grid-cols-2 grid-rows-2 gap-6 md:grid-cols-4"> <div class="col-span-4 row-span-2"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/plaines_banquephotosautomne_JPEG59_2024-07-26-152119_wyxp_2024-12-04-202110_kyce.jpg" class="h-full w-full object-cover"> </div> </div> <div x-show="open" x-trap="open" x-cloak x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-500" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-3" class="fixed inset-0 z-50 h-dvh w-full overflow-y-auto overscroll-contain bg-beige-100 p-6 sm:p-12 md:p-20" @keyup.window.escape="open = false" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="open = false" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="grid grid-cols-1 gap-2 sm:gap-4 md:grid-cols-6 md:gap-6"> <div class="sm:col-span-4"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/plaines_banquephotosautomne_JPEG59_2024-07-26-152119_wyxp_2024-12-04-202110_kyce.jpg" class="h-full w-full object-cover"> </div> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <h1 style="margin-left:0px;">En hiver</h1><h2 style="margin-left:0px;">Patinage</h2><p style="margin-left:0px;">Située sur le terrain des sports des plaines d'Abraham, à l'ouest du Musée national des beaux-arts du Québec, cet anneau de glace réfrigéré de 358 mètres de long par 7 mètres de large vous fait profiter pleinement des joies de l'hiver. </p><p style="margin-left:0px;">Sur place, vous avez accès à un chalet offrant la location d'équipement ainsi qu'un casse-croûte. </p><h2>Glissades</h2><p>Enfin, derrière le Musée des plaines d'Abraham, le site des grands événements offre deux aires de glisse où petits et grands peuvent s’amuser gratuitement et en toute sécurité. La location de tapis à neige est offerte au Musée. </p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="wysiwyg" class=" group block-theme-current " > <article class="prose max-w-5xl"> <h2>Ski de fond</h2><p style="margin-left:0px;">Les Plaines permettent aussi aux amateurs de ski de fond de sillonner gratuitement le réseau de plus de 14 km de pistes aménagées pour le ski classique et de patin (niveaux débutant, intermédiaire et expert). </p><p style="margin-left:0px;">L’accès aux pistes est gratuit et la location d'équipement est possible au chalet des patineurs de l'<a href="https://www.plainesdabraham.ca/activites-evenements/patinage-sur-glace"><u>anneau de glace des plaines d'Abraham.</u></a></p><h3 style="margin-left:0px;"><strong>Suivez le traçage des pistes en temps réel à partir de l'application Nordic Pulse</strong></h3><p style="margin-left:0px;">Téléchargez l'application Nordic Pulse sur votre appareil intelligent ou consultez la carte interactive pour connaître les conditions actuelles des pistes. Ces dernières sont tracées tous les jours lorsque les conditions le permettent. </p><p style="margin-left:0px;">Notez que les précipitations de pluie, de neige et de grésil peuvent retarder ou empêcher le traçage et détériorer l’état des pistes déjà tracées. Selon les conditions, entre 5 et 10 heures de travail sont nécessaires pour couvrir l’ensemble des pistes et des sentiers avec la machinerie.</p> </article> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-4 " > <div data-type="spotlight" class=" group block-theme-black-on-blue " > <div class="h-full @container"> <div class="relative grid h-full min-h-[520px] gap-4 overflow-hidden @lg:min-h-[620px] @5xl:grid-cols-2 @5xl:gap-24"> <div class="z-10 flex flex-col items-start justify-between gap-4 p-6 pb-0 @5xl:p-6"> <div class="flex flex-col gap-3 pt-2" x-ref="spotlightText"> <small class="block max-w-2xl text-lg font-bold">Skieurs et marcheurs</small> <div class="flex flex-col gap-6 pb-4"> <strong class="block max-w-2xl text-4xl font-bold md:text-5xl">Code de conduite</strong> <div class="prose max-w-2xl text-xl"></div> </div> </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 @5xl:inline-flex hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/nature-sports-loisirs/code-de-conduite" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Code\u0020de\u0020conduite' });" > Consulter <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div class="p-6 py-0 @5xl:p-6"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/JSCHP_CCNB-NBC_reperage_skide-Fond_img4570.jpg" class="h-full max-h-[350px] w-full object-cover @4xl:max-h-[400px] @5xl:max-h-[600px]" > </div> <div class="block px-6 pb-6 @5xl:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 shrink-0 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/nature-sports-loisirs/code-de-conduite" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Code\u0020de\u0020conduite' });" > Consulter <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-md spacing-y spacing-y-md col-span-4 md:col-span-4 col-start-1 md:col-start-5 " > <div data-type="spotlight" class=" group block-theme-black-on-orange " > <div class="h-full @container"> <div class="relative grid h-full min-h-[520px] gap-4 overflow-hidden @lg:min-h-[620px] @5xl:grid-cols-2 @5xl:gap-24"> <div class="z-10 flex flex-col items-start justify-between gap-4 p-6 pb-0 @5xl:p-6"> <div class="flex flex-col gap-3 pt-2" x-ref="spotlightText"> <small class="block max-w-2xl text-lg font-bold">Activités hivernales</small> <div class="flex flex-col gap-6 pb-4"> <strong class="block max-w-2xl text-4xl font-bold md:text-5xl">Location d'équipement</strong> <div class="prose max-w-2xl text-xl"></div> </div> </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 @5xl:inline-flex hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/nature-sports-loisirs/location-équipement" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Location\u0020d\u0027\u00E9quipement' });" > Consulter <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div class="p-6 py-0 @5xl:p-6"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Glissades-sur-neige/CG1_1024-2.jpg" class="h-full max-h-[350px] w-full object-cover @4xl:max-h-[400px] @5xl:max-h-[600px]" > </div> <div class="block px-6 pb-6 @5xl:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 shrink-0 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/nature-sports-loisirs/location-équipement" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Location\u0020d\u0027\u00E9quipement' });" > Consulter <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-none spacing-y spacing-y-md col-span-4 md:col-span-8 " > <div data-type="duoTextGrid" class=" group block-theme-black-on-beige " > <div class="py-8 md:py-12"> <strong class="spacing-x spacing-x-md mb-10 block text-4xl font-bold">Prévoyez votre visite</strong> <div class="flex flex-col divide-y border-y"> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Salle de fartage & relais chauffés</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">La salle de fartage se trouve sur le terrain des sports, près de la piste 51 (entrée Montcalm). Juste à côté, une deuxième cabane avec des casiers est disponible pour les fondeurs. Les cabanes sont ouvertes tous les jours de 8 h à 20 h lorsque les pistes sont tracées. </p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Sûreté</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>Signalez toute irrégularité ou situation dangereuse à la Sûreté des plaines d'Abraham (24 h / 24, 7 j / 7) en composant le <strong>418 648-4652</strong>.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Signalisation</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p style="margin-left:0px;">Veuillez porter une attention aux panneaux de signalisation et respectez leurs indications. C'est une question de sécurité pour tous les usagers et de respect pour l'équipe qui trace les pistes de ski de fond et entretient les sentiers.</p> </div> </div> <div class="spacing-x spacing-x-md flex flex-col gap-1 py-5 md:flex-row"> <strong class="block flex-grow font-semibold md:w-[300px]">Stationnement</strong> <div class="md:w-[calc(100%_-_300px)] [&_figure_+_figure]:mt-3 [&_img]:max-h-14 [&_img]:w-auto"> <p>Consultez les options de stationnement sur la <a href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham"><strong>carte </strong></a>du parc.</p> </div> </div> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose overflow-x-hidden spacing-x spacing-x-md spacing-y spacing-y-lg col-span-4 md:col-span-8 " > <div data-type="listEvents" class=" group block-theme-current " > <div ax-load x-data="eventsCarousel"> <strong class="block-title mb-8 block text-4xl font-bold">Activités extérieures</strong> <div class="swiper swiper__events-carousel !overflow-visible mb-20"> <ul class="swiper-wrapper flex flex-row"> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainesdabraham.ca/activites-evenements/ski-de-fond" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag('event', 'carrousel_tuile_clic', { 'item': 'Ski\u0020de\u0020fond' });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> Saison 2025 : À venir <div class="shrink-0 text-right"> <span class="text-base font-semibold">Gratuit</span> </div> </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl "> Ski de fond </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> En savoir plus <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Ski-de-fond/03_sentierskifond55_BR.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainesdabraham.ca/activites-evenements/patinage-sur-glace" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag('event', 'carrousel_tuile_clic', { 'item': 'Patinage\u0020sur\u0020glace' });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> 12 décembre au 10 mars <div class="shrink-0 text-right"> <span class="text-base font-semibold">Gratuit</span> </div> </span> <span class="block truncate pt-3.5"> Anneau de glace </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Patinage sur glace </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> En savoir plus <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="Anneau de glace réfrigéré des plaines d'Abraham, on aperçoit un patineur et un bâtiment du Musée national des beaux-arts du Québec. // Refrigerated skating rink on the Plains of Abraham, featuring a skater and a building of the National Museum of Fine Arts of Quebec." src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Anneau-de-glace/WP_20160118_028-2.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainesdabraham.ca/activites-evenements/glissades-sur-neige" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag('event', 'carrousel_tuile_clic', { 'item': 'Glissades\u0020sur\u0020neige' });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> Ouverture à venir <div class="shrink-0 text-right"> <span class="text-base font-semibold">Gratuit</span> </div> </span> <span class="block truncate pt-3.5"> Glissades sur neige </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Glissades sur neige </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> En savoir plus <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="Une famille de 2 adultes et 2 enfants glissant sur un tapis à neige sur les plaines d'Abraham. A family of 2 adults and 2 children sliding on a snow carpet on the Plains of Abraham." src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Glissades-sur-neige/CG1_0902-2.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainesdabraham.ca/activites-evenements/sentier-de-la-nature" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag('event', 'carrousel_tuile_clic', { 'item': 'Sentier\u0020de\u0020la\u0020nature' });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> Accessible à l'année <div class="shrink-0 text-right"> <span class="text-base font-semibold">Gratuit</span> </div> </span> <span class="block truncate pt-3.5"> Terrasse Grey </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Sentier de la nature </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> En savoir plus <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/plaines_banquephotosautomne_JPEG26.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> <li class="swiper-slide"> <div class="@container" x-data="{ tileColor: $store.tilesColors.getNextColor() }"> <a href="https://www.plainesdabraham.ca/activites-evenements/sentier-des-plaines-d-abraham-2" class="group/tile flex h-full flex-col items-stretch justify-between overflow-hidden bg-beige-300 transition-colors hover:bg-[var(--bg-color)] group-[.block-theme-black-on-beige]:bg-beige-100 group-[.block-theme-black-on-beige]:hover:bg-[var(--bg-color)] @xs:h-[33rem] @lg:min-h-[14rem] @xl:h-auto @xl:flex-row" :style="{'--bg-color': 'var(--tile-color-' + tileColor + ')'}" @click="gtag('event', 'carrousel_tuile_clic', { 'item': 'Sentier\u0020des\u0020plaines\u0020d\u0027Abraham' });" > <div class="flex flex-1 flex-col justify-between px-6 @xl:w-2/3"> <div> <span class="flex w-full items-baseline justify-between gap-2 border-b border-black pb-3 pt-5 font-semibold"> Accessible à l'année <div class="shrink-0 text-right"> <span class="text-base font-semibold">Gratuit</span> </div> </span> <span class="block truncate pt-3.5"> Côte Gilmour </span> <span class="my-5 line-clamp-2 max-h-20 overflow-ellipsis text-2xl font-bold @xl:mb-4 sm:text-4xl mt-3.5 "> Sentier des plaines d'Abraham </span> </div> <span class="flex items-center justify-between gap-3 pb-5 font-medium"> En savoir plus <svg class="size-5" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </div> <div class="@xl:w-1/3 w-full shrink-0 h-[250px] overflow-hidden @xl:h-[240px]"> <img alt="Des piétons et un cycliste dans un sentier lors d'une journée d'automne ensoleillée" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/49_sentierautomneCCBN_BR.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover/tile:scale-105" > </div> </a> </div> </li> </ul> <div class="swiper-scrollbar "></div> </div> <div class="mt-5 flex flex-col items-center justify-between gap-8 md:flex-row"> <p class="text-xl"></p> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 group-[.block-theme-beige-on-black]:text-black group-[.block-theme-beige-on-black]:bg-beige-100 group-[.block-theme-beige-on-black]:hover:bg-beige-300 px-6 py-4 text-base gap-4 w-full self-start max-w-[330px] [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/activites-evenements" @click="gtag('event', 'bloc_CTA_clic', { 'titre_bloc': 'Activit\u00E9s\u0020ext\u00E9rieures' });" > Voir toutes les activités <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> </div> <div x-data="{shown: false}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose spacing-x spacing-x-2xl spacing-y spacing-y-none col-span-4 md:col-span-8 " > <div data-type="featuredBlogPost" class=" group block-theme-current " > <ul class="flex flex-col gap-6"> <li class="group flex w-full flex-col justify-between bg-beige-300 p-6 md:flex-row"> <div class="order-2 md:order-1 md:w-1/2 md:pe-24"> <a href="https://www.plainesdabraham.ca/blogue/jouer-sur-les-plaines-en-hiver" class="flex items-center justify-between border-b border-black py-4 font-semibold" > <time datetime="2024-12-04T10:00:00-05:00" title="mercredi 4 décembre 2024 à 10 h 00 min 00 s heure normale de l’Est"> 4 déc. 2024</time> </a> <a href="https://www.plainesdabraham.ca/blogue/jouer-sur-les-plaines-en-hiver" class="my-3 flex flex-col gap-3"> <span class="block text-4xl font-bold">Jouer sur les Plaines en hiver, toute une histoire!</span> <p class="block"><p>Quels ont été les sports les plus populaires, et quand sont-ils apparus? Petit retour sur l’histoire des sports d’hiver à Québec et en particulier sur les Plaines!</p></p> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-6 py-4 text-base gap-4 w-full max-w-md mt-2 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/jouer-sur-les-plaines-en-hiver" > Lire l’article <svg class="size-4 animate-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" stroke-width="2" fill="none" role="presentation" > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div class="order-1 md:order-2 md:w-1/2"> <a href="https://www.plainesdabraham.ca/blogue/jouer-sur-les-plaines-en-hiver" class="block h-[200px] w-full overflow-hidden md:h-[450px]"> <img alt="Photo d'archives montrant un groupe d'une dizaine de personnes pratiquant le ski sur les plaines d'Abraham. Archival photo showing a group of 10 people skiing on the Plains." src="https://ccbnwebprod.blob.core.windows.net/website/Blogue/Sports-dhiver/S5-9-1-003-Web_CR_Archives-de-la-CCBN.jpg" class="h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105" > </a> </div> </li> </ul> </div> </div> </div> </article> </div> <div> <div class="spacing-x spacing-x-md flex w-full justify-end text-accent-500" x-data x-show="!$store.fullscreenMap.fullscreen" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Illustrations/Flower-1.svg" alt=""> </div> <footer class="bg-accent-500 pt-12" x-data x-show="!$store.fullscreenMap.fullscreen"> <div class="grid grid-cols-4 md:grid-cols-8"> <div x-data="{shown: true}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose col-span-4 md:col-span-8 " > <div data-type="form" class="" > <div> <div class="flex flex-col gap-4 sm:gap-8 lg:gap-12 lg:mx-8 mx-4 lg:py-20 py-12 border-y border-current"> <span class="text-2xl font-bold sm:text-5xl">Restez à l’affût des dernières nouvelles</span> <div class="block-form-horizontal grid lg:grid-cols-8 grid-cols-1 gap-8"> <div class="prose col-span-3 max-w-md leading-tight"> <p>Inscrivez-vous à l'infolettre pour être informé des activités et des nouveautés des plaines d'Abraham</p> </div> <div class="col-span-5"> <div class="fui-i"><form id="fui-infolettre-emfwpu" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-infolettre-emfwpu","formId":1405,"formHandle":"infolettre","registeredJs":[{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/31d5748\/js\/captchas\/duplicate.js?v=1729388705","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-infolettre-emfwpu","sessionKey":"__DUP_14057","value":"677b42ebeeed76.57578341"}},{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/31d5748\/js\/captchas\/javascript.js?v=1729388705","module":"FormieJSCaptcha","settings":{"formId":"fui-infolettre-emfwpu","sessionKey":"__JSCHK_14057","value":"677b42ebefb3a5.73500022"}}],"settings":{"submitMethod":"ajax","submitActionMessage":"<p>Nous avons bien reçu votre demande d'inscription à l'infolettre. Veuillez confirmer votre inscription via le courriel que vous aurez reçu. (Vérifiez vos courriels indésirables)<\/p>","submitActionMessageTimeout":null,"submitActionMessagePosition":"bottom-form","submitActionFormHide":false,"submitAction":"message","submitActionTab":null,"errorMessage":"<p>Veuillez valider les renseignements fournis<\/p>","errorMessagePosition":"top-form","loadingIndicator":"spinner","loadingIndicatorText":null,"validationOnSubmit":true,"validationOnFocus":false,"scrollToTop":true,"hasMultiplePages":false,"pages":[{"id":7,"label":"Page 1","settings":{"submitButtonLabel":"M'abonner","backButtonLabel":"Back","showBackButton":false,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}}],"themeConfig":{"loading":{"class":"fui-loading"},"errorMessage":{"class":"fui-error-message"},"disabled":{"class":"fui-disabled"},"tabError":{"class":"fui-tab-error"},"tabActive":{"class":"fui-tab-active"},"tabComplete":{"class":"fui-tab-complete"},"successMessage":{"class":"fui-success-message"},"alert":{"class":"fui-alert"},"alertError":{"class":"fui-alert fui-alert-error fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-error":true},"alertSuccess":{"class":"fui-alert fui-alert-success fui-alert-bottom-form","role":"alert","data-fui-alert":true,"data-fui-alert-success":true},"page":{"id":"fui-infolettre-emfwpu-p-7","class":"fui-page","data-index":"0","data-id":"7","data-fui-page":true},"progress":{"class":"fui-progress","data-fui-progress":true},"tab":{"class":"fui-tab"},"success":{"class":"fui-success"},"error":{"class":"fui-error-message"},"fieldContainerError":{"class":"fui-error"},"fieldInputError":{"class":"fui-error"},"fieldErrors":{"class":"fui-errors","data-field-error-messages":true},"fieldError":{"class":"fui-error-message","data-field-error-message":true}},"redirectUrl":"","currentPageId":7,"outputJsTheme":true,"enableUnloadWarning":true,"enableBackSubmission":true,"ajaxTimeout":10,"baseActionUrl":"https:\/\/www.plainesdabraham.ca\/index.php?p=actions","refreshTokenUrl":"https:\/\/www.plainesdabraham.ca\/index.php?p=actions\/formie\/forms\/refresh-tokens&form=FORM_PLACEHOLDER","scriptAttributes":[]}}" data-form-submit-method="ajax" data-form-submit-action="message" data-loading-indicator="spinner"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="9s0_h4BQziWQ4sgd7lW0BvjoDPw2aIb8agzpN45ZL0qZivwDdZK3P8anbc_sM_dz3oWcbIMe_1y9nEOKbwKyiTldjUXMPEQN4LiXZh3V4w8=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="infolettre"><input type="hidden" name="siteId" value="1"><div class="fui-form-container"><div id="fui-infolettre-emfwpu-p-7" class="fui-page" data-index="0" data-id="7" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="2"><div class="fui-field fui-type-name fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="prenom" data-field-type="name"><div class="fui-field-container"><label class="fui-label" for="fui-infolettre-emfwpu-fields-prenom" data-field-label>Nom</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-emfwpu-fields-prenom" class="fui-input" name="fields[prenom]" value="" placeholder="Nom" autocomplete="name" data-fui-id="infolettre-prenom"></div></div></div><div class="fui-field fui-type-email fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="courriel" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-infolettre-emfwpu-fields-courriel" data-field-label>Courriel <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-infolettre-emfwpu-fields-courriel" class="fui-input" name="fields[courriel]" value="" placeholder="Adresse courriel" autocomplete="email" required data-fui-id="infolettre-courriel" data-required-message="Veuillez valider les renseignements fournis"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-agree fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="consentement" data-field-type="agree" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-infolettre-emfwpu-fields-consentement" data-field-label data-fui-sr-only>Consentement <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="hidden" name="fields[consentement]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-infolettre-emfwpu-fields-consentement" class="fui-input fui-checkbox-input" name="fields[consentement]" value="1" required data-fui-id="infolettre-consentement" data-fui-input-type="agree" data-required-message="Le consentement est requis afin de compléter votre inscription"><label class="fui-checkbox-label" for="fui-infolettre-emfwpu-fields-consentement">Je consens à recevoir à l'occasion des communications par courriel de la part des plaines d'Abraham.</label></div></div></div></div></div><div class="fui-row fui-page-row fui-row-empty" data-fui-field-count="0"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-hidden fui-page-field" data-field-handle="preferenceLangue" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-infolettre-emfwpu-fields-preferenceLangue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-emfwpu-fields-preferenceLangue" class="fui-input" name="fields[preferenceLangue]" data-fui-id="infolettre-preferenceLangue"></div></div></div></div></div><div class="formie-duplicate-captcha-placeholder" data-duplicate-captcha-placeholder></div><div id="beesknees_14057_wrapper" style="display:none;"><label for="beesknees_14057">Laissez ce champ vide</label><input type="text" id="beesknees_14057" name="beesknees" style="display:none;" /></div><div class="formie-jscaptcha-placeholder" data-jscaptcha-placeholder></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">M'abonner</button></div></div></div></form></div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full pt-6"> <ul class="spacing-x spacing-x-md mb-6 flex w-full flex-col flex-wrap justify-between gap-8 text-center font-medium md:flex-row md:items-center md:gap-4"> <li> <a href="https://www.plainesdabraham.ca/a-propos" class="text-lg font-semibold hover:underline">À propos</a> </li> <li> <a href="https://www.plainesdabraham.ca/accessibilite" class="text-lg font-semibold hover:underline">Accessibilité</a> </li> <li> <a href="https://www.plainesdabraham.ca/avis-politiques-confidentialite" class="text-lg font-semibold hover:underline">Avis</a> </li> <li> <a href="https://www.plainesdabraham.ca/carriere" class="text-lg font-semibold hover:underline">Carrière</a> </li> <li> <a href="https://www.plainesdabraham.ca/medias" class="text-lg font-semibold hover:underline">Médias</a> </li> <li> <a href="https://www.canada.ca/fr/commission-champs-bataille-nationaux.html" class="text-lg font-semibold hover:underline">Site institutionnel</a> </li> </ul> <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/Logo-fr-1.svg" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 lg:block" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/Logo-fr-1.svg" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 md:block lg:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINES_2-lignes_Centre_Noir_RGB_%402x-100.png" alt="" class="spacing-x spacing-x-md mb-4 w-full pt-20 md:hidden" > <div class="spacing-x spacing-x-md flex flex-col items-center justify-between gap-8 border-t border-black py-8 md:flex-row md:gap-0"> <div class="order-2 flex shrink-0 flex-col items-center gap-1 text-lg md:order-1 md:flex-row md:gap-3"> © Plaines d’Abraham . 2025 <div id="elc-cookie-footer-tab"> <button id="elc-footer-tab-link" class="text-sm opacity-90 transition-opacity hover:underline hover:opacity-100" > Consentement des témoins </button> </div> </div> <ul class="order-1 flex w-full flex-col flex-wrap items-center gap-4 font-medium md:order-2 md:flex-row md:items-center md:justify-end md:gap-8"> <li> <a href="https://www.facebook.com/plainesdabraham" class="text-lg font-semibold hover:underline">Facebook</a> </li> <li> <a href="https://www.instagram.com/plaines_dabraham/" class="text-lg font-semibold hover:underline">Instagram</a> </li> <li> <a href="https://www.youtube.com/channel/UCMIvORHmNKHkGGMxk6wvgHQ" class="text-lg font-semibold hover:underline">YouTube</a> </li> <li> <a href="https://twitter.com/plainesdabraham" class="text-lg font-semibold hover:underline">X</a> </li> <li> <a href="https://www.linkedin.com/company/commission-des-champs-de-bataille-nationaux" class="text-lg font-semibold hover:underline">LinkedIn</a> </li> </ul> </div> </div> </footer> </div> </div> <script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} ne peut pas être vide.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} doit correspondre à {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"Le fichier doit être plus petit que {filesize} Mo.","File must be larger than {filesize} MB.":"Le fichier doit être plus grand que {filesize} Mo.","Choose up to {files} files.":"Choisissez jusqu’à {files} fichiers.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} caractères restants","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} mots restants","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Impossible d’analyser la réponse `{e}`.","Are you sure you want to leave?":"Etes-vous sûr de vouloir partir ?","The request timed out.":"La demande a expiré.","The request encountered a network error. Please try again.":"La demande a rencontré une erreur réseau. Veuillez réessayer.","Invalid number":"Numéro invalide","Invalid country code":"Code de pays invalide","Too short":"Trop court","Too long":"Trop long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for “{label}” to proceed.":"Provide a value for “{label}” to proceed."};</script><script type="text/javascript" src="https://www.plainesdabraham.ca/cpresources/31d5748/js/formie.js?v=1729388705" defer></script> <script>window.Formie__JSCHK_14057="677b42ebefb3a5.73500022";</script></body>  </html>

CINXE.COM

Nature, Sports et Loisirs - Activités et Services – Plaines d’Abraham