Blogue – Plaines d’Abraham

<!doctype html> <html lang="fr-CA" class=""> <head><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"> <link rel="icon" type="image/png" href="https://www.plainesdabraham.ca/cpresources/d467431c/favicon.png?v=1741978100" > <link rel="icon" type="image/svg+xml" href="https://www.plainesdabraham.ca/cpresources/d467431c/favicon.svg?v=1741978100" > <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> <link rel="home" href="https://www.plainesdabraham.ca/"> <link rel="canonical" href="https://www.plainesdabraham.ca/blogue"> <meta property="og:url" content="https://www.plainesdabraham.ca/blogue"><meta name="twitter:url" content="https://www.plainesdabraham.ca/blogue"><meta property="og:locale" content="fr-CA"> <title>Blogue – Plaines d’Abraham</title> <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="Blogue"> <meta name="twitter:title" content="Blogue"> <link rel="alternate" href="https://www.plainesdabraham.ca/blogue" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/blog" 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\/blogue","name":"Blogue"}}]}</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-de400cc6.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.ts'}});document.dispatchEvent(e);"></script> <link href="/dist/assets/app-46c541a3.css" rel="stylesheet"> <link href="https://www.plainesdabraham.ca/cpresources/2a4d7dc4/css/formie-theme.css?v=1741046123" 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> <div class="flex min-h-dvh flex-col justify-between"> <div> <div x-data="htmlGet" data-init="load" data-source="alert-banner" data-url="https://www.plainesdabraham.ca/alert-banner-content"> <div x-ref="content" x-show="ready"></div> </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/carriere" class="block hover:font-semibold" >Carrière</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/blog" > <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/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/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/kiosque-edwin-bélanger" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 17945" @mouseover="activeId = 17945" @blur="activeId = null" >Kiosque Edwin-Bélanger </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/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 == 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> <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 == 17945 ? 'visible' : 'invisible'" > <img x-show="activeId == 17945" 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/JSCHPphoto__KEB_MarcHervieux__img0001_2024-09-10-173948_ffmr.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> </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=expositions-activites-animees" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51610" @mouseover="activeId = 51610" @blur="activeId = null" >Expositions et activités animées </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements?category%5B%5D=sports-loisirs" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51611" @mouseover="activeId = 51611" @blur="activeId = null" >Sports et loisirs </a> </li> <li> <a href="https://www.plainesdabraham.ca/activites-evenements?category%5B%5D=evenements-spectacles" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 51612" @mouseover="activeId = 51612" @blur="activeId = null" >Événements et spectacles </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> </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" >Visites de groupes - 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/Primaire/Deuxi%C3%A8me-cycle/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/Histoire/Occupation-civile-et-militaire/Cove-fields-H1-4.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/carriere" class="block" >Carrière</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/blog" > <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="spacing-x spacing-x-md my-12 w-full"> <h1 class="pb-12 text-5xl font-bold !leading-[1.1] md:pb-32 md:text-6xl lg:text-7xl">Blogue</h1> <ul class="grid grid-cols-1 gap-x-16 gap-y-20 md:grid-cols-2 lg:gap-x-20 xl:grid-cols-3"> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Blogue/Sceau-CCBN/CCBN_Archives_2025-03-17-144429_hadt.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Histoire du parc</li> </ul> <strong class="text-4xl font-bold">Trésor des archives : le sceau de la CCBN</strong> <p class="text-base">Adopté par les membres du conseil d’administration lors de la séance du 14 mai 1910, l’image du sceau de la Commission des champs de bataille nationaux (CCBN) a été réalisée par l’historien Sir Arthur George Doughty, qui était à la tête des Archives publiques du Canada, aujourd’hui Bibliothèque et Archives Canada.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/trésor-des-archives-le-sceau-de-la-commission"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/trésor-des-archives-le-sceau-de-la-commission" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="Photo d'un employé costumé en personnage d'époque au Musée des plaines d'Abraham. // Photo of an employee dressed as a historical character at the Plains of Abraham Museum." src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/JSCHP_CCNB_CocktailTourisme2024_img3574.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Histoire du parc</li> <li class="border border-black px-3 py-1">Sports et loisirs</li> <li class="border border-black px-3 py-1">Hiver</li> </ul> <strong class="text-4xl font-bold">8 activités incontournables pour profiter de la relâche scolaire sur les plaines d'Abraham</strong> <p class="text-base">Les plaines d'Abraham ne prennent pas de pause pendant la relâche scolaire! Que vous soyez amateur de plein air, d’histoire ou de jeux vidéo, ce site historique et vaste terrain de jeu hivernal a de quoi satisfaire toutes les envies. Enfilez votre tuque, vos mitaines ou vos écouteurs! Voici six activités à réaliser en mars sur les Plaines…ou à la maison!</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/8-activites-relache-scolaire"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/8-activites-relache-scolaire" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Blogue/Soldats-noirs/British_taking_of_the_Northeast_Bastion_during_the_night_assault_on_Fort_Erie_August_14_1814.png" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Histoire des Noirs</li> </ul> <strong class="text-4xl font-bold">Soldats noirs au Canada - Le cas du 104e régiment d’infanterie</strong> <p class="text-base">La participation des soldats du 104e régiment est un des exemples méconnus de l’enrôlement des Noirs Canadiens dans l’armée sous le régime britannique. Survol de cet épisode de l’histoire du Canada à l’époque de la guerre de 1812. </p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/soldats-noirs-au-canada"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/soldats-noirs-au-canada" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="Here Trumbull memorializes the death of a hero of the American campaign against the British in Canada. The diagonal composition, contrasts of light and dark, use of blazing colors, and depiction of action close to the picture surface all heighten the drama." src="https://ccbnwebprod.blob.core.windows.net/website/Blogue/Atiatoharongwen/image_2025-02-05-190009_rejl_2025-02-05-190155_fgrc.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Histoire du parc</li> <li class="border border-black px-3 py-1">Histoire des Noirs</li> </ul> <strong class="text-4xl font-bold">Atiatoharongwen, chef au destin unique</strong> <p class="text-base">L'histoire d'Atiatoharongwen, né d'un père noir et d'une mère abénaquise de Saint-François (Odanak), est un exemple frappant du parcours parfois inattendu d'un chef autochtone.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/atiatoharongwen-chef-au-destin-unique"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/atiatoharongwen-chef-au-destin-unique" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <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 max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Hiver</li> <li class="border border-black px-3 py-1">Histoire du parc</li> </ul> <strong class="text-4xl font-bold">Jouer sur les Plaines en hiver, toute une histoire!</strong> <p class="text-base">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> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/jouer-sur-les-plaines-en-hiver"></a> </div> <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 [&_.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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Dernier-verre-du-condamn/KOOPE%CC%81_DernierVerreDuCondamne_03-11-2023-3-2.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Quoi faire</li> <li class="border border-black px-3 py-1">Halloween</li> </ul> <strong class="text-4xl font-bold">6 activités intrigantes à découvrir cet automne sur les plaines d'Abraham</strong> <p class="text-base">Jusqu'au 17 novembre, les plaines d'Abraham s’animent à l’occasion d’Halloween et offrent une multitude d’activités qui raviront petits et grands.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/6-activites-intrigantes-a-decouvrir-cet-automne-sur-les-plaines"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/6-activites-intrigantes-a-decouvrir-cet-automne-sur-les-plaines" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="Oeuvres d'art des artistes des Premières nations sur le cap Diamant des plaines d'Abraham. Artwork by First Nations artists on Cap Diamant of the Plains of Abraham." src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Oeuvres-autochtones/JSCHP_Devoillement_OeuvreCapBlanc_img9194.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Communiqué</li> </ul> <strong class="text-4xl font-bold">Deux œuvres d’artistes des Premières Nations ornent le cap Diamant</strong> <p class="text-base">Deux œuvres d’artistes des Premières Nations ornent désormais le secteur du cap Diamant des plaines d'Abraham.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/deux-œuvres-dartistes-des-premieres-nations-ornent-le-cap-diamant"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/deux-œuvres-dartistes-des-premieres-nations-ornent-le-cap-diamant" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/M%C3%A9dias/CCBN-NBC-Aquarelle_Watercolour-Charles-Huot-LinkedIn.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Communiqué</li> </ul> <strong class="text-4xl font-bold">Une collection unique sur le tricentenaire de Québec acquise par la Commission des champs de bataille nationaux</strong> <p class="text-base">La Commission des champs de bataille nationaux est fière d’annoncer l’acquisition de la collection Jean François Leclerc sur le tricentenaire de la ville de Québec. Cette collection incomparable comprend plus de 550 pièces liées aux festivités de 1908, dont l’organisation faisait partie du mandat initial de la Commission.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/une-collection-unique-sur-le-tricentenaire-de-québec-acquise-par-la-commission-des-champs-de-bataille-nationaux"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/une-collection-unique-sur-le-tricentenaire-de-québec-acquise-par-la-commission-des-champs-de-bataille-nationaux" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" 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" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Communiqué</li> </ul> <strong class="text-4xl font-bold">Le Musée des plaines d’Abraham ouvre ses portes sur une exposition inédite</strong> <p class="text-base">Le Musée des plaines d’Abraham est fier de dévoiler sa toute nouvelle exposition Québec 1775 : enneigée et assiégée. Mariant art et histoire, cette exposition présentera six œuvres d’art créées sur mesure pour raconter la tentative d’invasion américaine méconnue de la ville de Québec à l’hiver 1775.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/le-musée-des-plaines-dabraham-ouvre-ses-portes-sur-une-exposition-inédite"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/le-musée-des-plaines-dabraham-ouvre-ses-portes-sur-une-exposition-inédite" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Oeuvres-autochtones/Perspective-Est_2024-09-09-220435_ngou.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Communiqué</li> </ul> <strong class="text-4xl font-bold">L’art autochtone d’est en ouest se rencontre sur les plaines d’Abraham</strong> <p class="text-base">Deux œuvres monumentales d’artistes des Premières nations orneront, dès septembre, le secteur du cap Diamant sur les plaines d’Abraham.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/lart-autochtone-dest-en-ouest-se-rencontre-sur-les-plaines-dabraham"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/lart-autochtone-dest-en-ouest-se-rencontre-sur-les-plaines-dabraham" > 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> </li> <li class="flex flex-col items-start gap-5 lg:even:pt-20"> <div class="group relative flex w-full flex-col gap-7 overflow-hidden"> <img alt="Des visiteurs sont devant le bâtiment du Café Maison Smith. Visitors are standing in front of the Maison Smith Café building." src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Caf%C3%A9-Maison-Smith/JSCHP_CCBN_ouverture_caf%C3%A9Smith_img8435.jpg" class="h-full max-h-[250px] w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-105 sm:max-h-[300px]" > <div class="flex flex-col gap-5"> <ul class="flex flex-wrap items-center gap-3 text-sm"> <li class="border border-black px-3 py-1">Nouveauté</li> </ul> <strong class="text-4xl font-bold">Une offre alimentaire de retour sur les plaines d'Abraham</strong> <p class="text-base">Profitez du café torréfié, de la nourriture et des boissons rafraîchissantes de La Maison Smith dans sa nouvelle succursale située sur les plaines d'Abraham, à proximité du kiosque Edwin-Bélanger.</p> </div> <a class="absolute left-0 top-0 block h-full w-full" href="https://www.plainesdabraham.ca/blogue/une-offre-alimentaire-de-retour-sur-les-plaines-dabraham"></a> </div> <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 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/blogue/une-offre-alimentaire-de-retour-sur-les-plaines-dabraham" > 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> </li> </ul> </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"> <h2 class="text-2xl font-bold sm:text-5xl">Restez à l’affût des dernières nouvelles</h2> <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-ycgbay" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-infolettre-ycgbay","formId":1405,"formHandle":"infolettre","registeredJs":[{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/duplicate.js?v=1741046123","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-infolettre-ycgbay","sessionKey":"__DUP_14057","value":"67dabf2ab48979.48244987"}},{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/javascript.js?v=1741046123","module":"FormieJSCaptcha","settings":{"formId":"fui-infolettre-ycgbay","sessionKey":"__JSCHK_14057","value":"67dabf2ab55566.48181516"}}],"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-ycgbay-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"><craft-csrf-input></craft-csrf-input><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-ycgbay-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-ycgbay-fields-prenom" data-field-label>Nom</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-ycgbay-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-ycgbay-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-ycgbay-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"><fieldset class="fui-fieldset"><legend class="fui-legend" data-field-label data-fui-sr-only>Consentement <span class="fui-required" aria-hidden="true">*</span></legend><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-ycgbay-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-ycgbay-fields-consentement">Je consens à recevoir à l'occasion des communications par courriel de la part des plaines d'Abraham.</label></div></div></fieldset></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-ycgbay-fields-preferenceLangue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-ycgbay-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/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/medias" class="text-lg font-semibold hover:underline">Médias</a> </li> <li> <a href="https://www.plainesdabraham.ca/utilisation-du-territoire" class="text-lg font-semibold hover:underline">Utilisation du territoire</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><div x-data="htmlGet" data-init="load" data-source="cookie-consent" data-url="https://www.plainesdabraham.ca/cookie-consent-content"> <div x-ref="content" x-show="ready"></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> (function() { fetch('https://www.plainesdabraham.ca/index.php?p=actions/users/session-info', { headers: { 'Accept': 'application/json', } }).then(response => response.json()) .then(data => { document.querySelectorAll('craft-csrf-input') .forEach(element => { const input = document.createElement('input'); input.type = 'hidden'; input.name = data.csrfTokenName; input.value = data.csrfTokenValue; element.replaceWith(input); }); }); })(); </script> <script type="text/javascript" src="https://www.plainesdabraham.ca/cpresources/2a4d7dc4/js/formie.js?v=1741046123" defer></script> <script>window.Formie__JSCHK_14057="67dabf2ab55566.48181516";</script></body>  </html>

CINXE.COM

Blogue – Plaines d’Abraham