Carte interactive – 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/6cfc8029/favicon.png?v=1742489196" > <link rel="icon" type="image/svg+xml" href="https://www.plainesdabraham.ca/cpresources/6cfc8029/favicon.svg?v=1742489196" > <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/carte-des-plaines-d-abraham"> <meta property="og:url" content="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham"><meta name="twitter:url" content="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham"><meta property="og:locale" content="fr-CA"> <title>Carte interactive – Plaines d’Abraham</title> <meta name="description" content="Explorez les lieux et monuments historiques des plaines d'Abraham et découvrez les activités à proximité."> <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="Carte interactive"> <meta property="og:description" content="Explorez les lieux et monuments historiques des plaines d'Abraham et découvrez les activités à proximité."> <meta name="twitter:title" content="Carte interactive"> <meta name="twitter:description" content="Explorez les lieux et monuments historiques des plaines d'Abraham et découvrez les activités à proximité."> <link rel="alternate" href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/plains-abraham-map" 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\/carte-des-plaines-d-abraham","name":"Carte interactive"}}]}</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 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/plains-abraham-map" > <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="overflow-hidden 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/20211013_112649_v2-2.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/IMG_7422.jpg" > </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/Lieux-et-points-dint%C3%A9r%C3%AAt/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0004_2025-03-25-153741_wlmh_2025-03-26-144151_ttcu.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/Les-Plaines/CCBN-9392_web.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 48692 ? 'visible' : 'invisible'" > <img x-show="activeId == 48692" 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/Terrasse-Grey/CCBN_TraditionHorticole_C04_Credit-MaximeGatinois-04100.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="overflow-hidden 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=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?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" 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 == 51612 ? 'visible' : 'invisible'" > <img x-show="activeId == 51612" 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/Kiosque-Edwin-B%C3%A9langer/JSCHPphoto__KEB_MarcHervieux__img0004_2025-03-25-153741_wlmh.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 51610 ? 'visible' : 'invisible'" > <img x-show="activeId == 51610" 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/Bus-dAbraham/180_CCBN_PARCS_Credits_AmyGagnon_9367.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 51611 ? 'visible' : 'invisible'" > <img x-show="activeId == 51611" 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/Cachette-de-larchitecte/ChristianGomez-CCBN-0460_web.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26160 ? 'visible' : 'invisible'" > <img x-show="activeId == 26160" 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/Dernier-verre-du-condamn/KOOPE%CC%81_DernierVerreDuCondamne_03-11-2023-56.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="overflow-hidden 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="overflow-hidden 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/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/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/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 == 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 == 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 == 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/Lieux-et-points-dint%C3%A9r%C3%AAt/Jardin-Jeanne-dArc/jeannedarc_soir15_2024-07-22-142117_ntln.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/plains-abraham-map" > <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> <div ax-load x-data="trailsMap" data-location-selected-slug="" class="map relative w-full" :class="$store.fullscreenMap.fullscreen ? 'map--fullscreen' : ''" > <ul id="map-locations" class="hidden"> <li data-location-slug="jardin-jeanne-d-arc" data-marker-image="location-default" data-position="{"id":null,"ownerId":2687,"ownerSiteId":1,"fieldId":48,"zoom":16,"distance":null,"lat":46.80407107978101,"lng":-71.21771335601808,"address":"Jeanne-D'Arc, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2K5, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Jardin\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="serres" data-marker-image="location-default" data-position="{"id":null,"ownerId":28004,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.801296959348086,"lng":-71.22224092483522,"address":"Avenue Briand, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2H5, Canada","parts":{"number":"","address":"Avenue Briand, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2H5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Serres', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="verger-louis-hébert" data-marker-image="location-default" data-position="{"id":null,"ownerId":1285,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80312186404731,"lng":-71.21367931365968,"address":"Avenue Ontario, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L4, Canada","parts":{"number":"","address":"Avenue Ontario, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L4","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Verger\u0020Louis\u002DH\u00E9bert', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="musee-plaines-d-abraham" data-marker-image="location-default" data-position="{"id":null,"ownerId":8812,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.807008081430915,"lng":-71.21284099467823,"address":"Mus\u00e9e des plaines d'Abraham, 835, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="glissades-sur-neige" data-marker-image="location-default" data-position="{"id":null,"ownerId":32002,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80613062410865,"lng":-71.20990490926488,"address":"Avenue Cap-aux-Diamants, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 4E8, Canada","parts":{"number":"","address":"Avenue Cap-aux-Diamants, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 4E8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Glissades\u0020sur\u0020neige', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="anneau-de-glace" data-marker-image="location-default" data-position="{"id":null,"ownerId":26890,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79939734766277,"lng":-71.22662791308288,"address":"Grande All\u00e9e O, Qu\u00e9bec, QC G1R 2H1","parts":{"number":"255","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Anneau\u0020de\u0020glace', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="site-des-grands-evenements" data-marker-image="location-default" data-position="{"id":null,"ownerId":7010,"ownerSiteId":1,"fieldId":48,"zoom":16,"distance":null,"lat":46.805857578447956,"lng":-71.21123036507313,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Site\u0020des\u0020grands\u0020\u00E9v\u00E9nements', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="site-commemoratif-premiere-guerre-mondiale" data-marker-image="location-default" data-position="{"id":null,"ownerId":5714,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.805693787838564,"lng":-71.21326416157555,"address":"Site comm\u00e9moratif de la Premi\u00e8re Guerre mondiale, Avenue George-VI, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Site\u0020comm\u00E9moratif\u0020de\u0020la\u0020Premi\u00E8re\u0020Guerre\u0020mondiale', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="plates-bandes-avenue-ontario" data-marker-image="location-default" data-position="{"id":null,"ownerId":5351,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79834105489275,"lng":-71.22239112854005,"address":"Avenue Ontario, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 5H3, Canada","parts":{"number":"","address":"Avenue Ontario, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plates\u002Dbandes\u0020de\u0020l\u0027avenue\u0020Ontario', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="cafe-la-maison-smith" data-marker-image="location-default" data-position="{"id":null,"ownerId":5140,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80018974439292,"lng":-71.22070572153916,"address":"15, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, G1R 2L1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Caf\u00E9\u0020La\u0020Maison\u0020Smith', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="cote-gilmour" data-marker-image="location-default" data-position="{"id":null,"ownerId":4881,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79059902486923,"lng":-71.23505115509035,"address":"C\u00f4te Gilmour, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Sillery, Sainte-Foy\u2013Sillery\u2013Cap-Rouge, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 3H8, Canada","parts":{"number":"","address":"C\u00f4te Gilmour, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Sillery","city":"Sainte-Foy\u2013Sillery\u2013Cap-Rouge, Qu\u00e9bec","postcode":"G1S 3H8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'C\u00F4te\u0020Gilmour', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="oeuvres-des-artistes-des-premières-nations" data-marker-image="location-default" data-position="{"id":null,"ownerId":4807,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80468621073991,"lng":-71.2088191509247,"address":"Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Oeuvres\u0020des\u0020artistes\u0020des\u0020Premi\u00E8res\u0020Nations', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="terrains-petanque" data-marker-image="location-default" data-position="{"id":null,"ownerId":4669,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.799927247684835,"lng":-71.2256956100464,"address":"Avenue Wolfe-Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2H1, Canada","parts":{"number":"","address":"Avenue Wolfe-Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrains\u0020de\u0020p\u00E9tanque', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monuments-levis-murray" data-marker-image="location-default" data-position="{"id":null,"ownerId":4203,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80063250583388,"lng":-71.24099493026735,"address":"Parc des Braves, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Escalier du parc des Braves, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monuments\u0020L\u00E9vis\u0020et\u0020Murray', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="vestiges-du-blockhaus" data-marker-image="location-default" data-position="{"id":null,"ownerId":1301,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80297508450329,"lng":-71.21086835861207,"address":"Avenue Cap-aux-Diamants, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1K 0E4, Canada","parts":{"number":"","address":"Avenue Cap-aux-Diamants, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1K 0E4","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Vestiges\u0020du\u0020blockhaus', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="terrasse-pierre-dugua-de-mons" data-marker-image="location-default" data-position="{"id":null,"ownerId":1296,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80955493406869,"lng":-71.20506405830385,"address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrasse\u0020Pierre\u002DDugua\u002Dde\u0020Mons', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="cadran-solaire" data-marker-image="location-default" data-position="{"id":null,"ownerId":1289,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79954900739546,"lng":-71.22078180313112,"address":"15, Avenue George-VI, Qu\u00e9bec, G1R 2L3, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Cadran\u0020solaire', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monument-pierre-dugua-de-mons" data-marker-image="location-default" data-position="{"id":null,"ownerId":1211,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80952185102829,"lng":-71.20490849018098,"address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020Pierre\u002DDugua\u002Dde\u0020Mons', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="vestiges-maison-pinguet-et-moulin-dumont" data-marker-image="location-default" data-position="{"id":null,"ownerId":1204,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.800959154760235,"lng":-71.24017953872682,"address":"797, Chemin Sainte-Foy, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"797","address":"Chemin Sainte-Foy, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Vestiges\u0020de\u0020la\u0020maison\u0020Pinguet\u0020et\u0020du\u0020moulin\u0020Dumont', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monument-aux-combattants" data-marker-image="location-default" data-position="{"id":null,"ownerId":1190,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.801517324530224,"lng":-71.22013270854951,"address":"Avenue Garneau, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020aux\u0020combattants', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="terrasse-grey" data-marker-image="location-default" data-position="{"id":null,"ownerId":1175,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79585834207736,"lng":-71.22732639312746,"address":"Earl Grey Terrace, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 5H3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrasse\u0020Grey', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="terrain-des-sports" data-marker-image="location-default" data-position="{"id":null,"ownerId":1165,"ownerSiteId":1,"fieldId":48,"zoom":16,"distance":null,"lat":46.79765777910968,"lng":-71.22880697250368,"address":"Terrain des sports, Grande All\u00e9e Ouest, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrain\u0020des\u0020sports', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="kiosque-edwin-bélanger" data-marker-image="location-default" data-position="{"id":null,"ownerId":1152,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79978467996885,"lng":-71.22152460715502,"address":"15, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, Qu\u00e9bec, G1R 5H3, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 5H3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Kiosque\u0020Edwin\u002DB\u00E9langer', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="parc-des-braves" data-marker-image="location-default" data-position="{"id":null,"ownerId":1145,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80109487343387,"lng":-71.24095201492311,"address":"Parc des Braves, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Escalier du parc des Braves, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Parc\u0020des\u0020Braves', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="croix-du-sacrifice" data-marker-image="location-default" data-position="{"id":null,"ownerId":1142,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.808678322303116,"lng":-71.21204853057863,"address":"Croix du sacrifice, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Croix\u0020du\u0020Sacrifice', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="statue-jeanne-darc" data-marker-image="location-default" data-position="{"id":null,"ownerId":1134,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.804072414628976,"lng":-71.21779382228853,"address":"Statue Jeanne-D'Arc, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2K5, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Statue\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="puits-de-wolfe" data-marker-image="location-default" data-position="{"id":null,"ownerId":1125,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.800327529237464,"lng":-71.22502505779268,"address":"Avenue Wolfe-Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2H1, Canada","parts":{"number":"","address":"Avenue Wolfe-Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Puits\u0020de\u0020Wolfe', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="fontaine-du-centenaire" data-marker-image="location-default" data-position="{"id":null,"ownerId":1120,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.799765661866125,"lng":-71.22076570987703,"address":"Fontaine du Centenaire, Avenue George-VI, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Fontaine\u0020du\u0020Centenaire', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monument-wolfe" data-marker-image="location-default" data-position="{"id":null,"ownerId":1115,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79997129669491,"lng":-71.22492849826814,"address":"Monument Wolfe, avenue Wolfe-Montcalm, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"avenue Wolfe-Montcalm","city":"Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020Wolfe', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monument-des-braves" data-marker-image="location-default" data-position="{"id":null,"ownerId":1106,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.800654401779454,"lng":-71.24066770076753,"address":"Monument Des Braves, Chemin Sainte-Foy, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Chemin Sainte-Foy, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020des\u0020Braves', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="tour-martello-4" data-marker-image="location-default" data-position="{"id":null,"ownerId":2604,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80933091938105,"lng":-71.22731029987337,"address":"Tour Martello 4, Rue Lavigueur, Saint-Jean-Baptiste, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1K 3T9, Canada","parts":{"number":"","address":"Rue Lavigueur, Saint-Jean-Baptiste","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1K 3T9","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00204', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="tour-martello-2" data-marker-image="location-default" data-position="{"id":null,"ownerId":2521,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80375993808762,"lng":-71.21954316310199,"address":"Tour Martello 2, Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00202', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="tour-martello-1" data-marker-image="location-default" data-position="{"id":null,"ownerId":220,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.8017266225693,"lng":-71.21701598167421,"address":"Tour Martello 1, Avenue Garneau, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00201', 'search_term': document.getElementById('mapSearch')?.value });" ></li> </ul> <ul id="map-point-of-interests" class="hidden"> <li data-point-slug="chalet-des-patineurs" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":43082,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79954310259993,"lng":-71.22672021389009,"address":"Grande All\u00e9e Ouest, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Chalet\u0020des\u0020patineurs', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="relais-chauffe-musee" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42851,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80702812447482,"lng":-71.21272337430128,"address":"Avenue Wilfrid-Laurier, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020chauff\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="relais-pavillon-central" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42849,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80020115513198,"lng":-71.22064018236415,"address":"Caf\u00e9 Smith, Avenue Garneau, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020chauff\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="relais-et-salle-de-fartage-chauffes" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42843,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.796747928854764,"lng":-71.23148918151857,"address":"Avenue Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 1C1, Canada","parts":{"number":"","address":"Avenue Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 1C1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020\u0026\u0020Salle\u0020de\u0020fartage\u0020chauff\u00E9s', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="abreuvoir" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/CCBN-icone-mappe-Abrevoir.png" data-position="{"id":null,"ownerId":41708,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80360371464413,"lng":-71.21861565119617,"address":"Avenue Tach\u00e9, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Abreuvoir\u0020\u002D\u0020Jardin\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="station-avelo" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/CCBN-icone-mappe-Bicyclette.png" data-position="{"id":null,"ownerId":28843,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.8074114742443,"lng":-71.21255749001138,"address":"Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Station\u0020\u00E0V\u00E9lo\u0020\u002D\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="surete" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Iconographie-1.png" data-position="{"id":null,"ownerId":40685,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79561155368525,"lng":-71.23031651986821,"address":"Avenue Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Avenue Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'S\u00FBret\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="toilettes-intersection-montcalm-et-george-vi" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17090,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79568242063855,"lng":-71.23018623585068,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 1C1, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 1C1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Intersection\u0020Montcalm\u0020et\u0020George\u0020VI', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="toilettes-musée-des-plaines-dabraham" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17088,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80695378043311,"lng":-71.21294319926344,"address":"Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="toilettes-avenue-taché" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17076,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.803373306465495,"lng":-71.2189871148575,"address":"Avenue Tach\u00e9, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020avenue\u0020Tach\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="toilettes-pavillon-central" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17072,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.800201344009785,"lng":-71.22068651381697,"address":"Pavillon central, Avenue Garneau, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Pavillon\u0020central', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-avenue-george-vi" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":982,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.799468150926856,"lng":-71.22541129589082,"address":"Avenue George-VI, Montcalm, Qu\u00e9bec, G1R 2H1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Avenue\u0020George\u002DVI', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-terrasse-grey" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":978,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.79592075897219,"lng":-71.22724056243898,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, Qu\u00e9bec, G1R 5H3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Terrasse\u0020Grey', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-de-bernieres" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":974,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80259336537295,"lng":-71.21945142745973,"address":"rue de Berni\u00e8res, Cap-Blanc, Qu\u00e9bec, G1R 2L1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"rue de Berni\u00e8res, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020de\u0020Berni\u00E8res', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-avenue-tache" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":970,"ownerSiteId":1,"fieldId":48,"zoom":18,"distance":null,"lat":46.80424915125133,"lng":-71.21967673301698,"address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste, Qu\u00e9bec, G1R 2J7, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste","city":"Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Avenue\u0020Tach\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-avenue-laurier" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":966,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.80565556448671,"lng":-71.21494531631471,"address":"655, avenue Wilfrid-Laurier, Cap-Blanc, Qu\u00e9bec, G1R 2L3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"655","address":"avenue Wilfrid-Laurier, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020Laurier', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-musee-plaines-d-abraham" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":962,"ownerSiteId":1,"fieldId":48,"zoom":16,"distance":null,"lat":46.80715709676068,"lng":-71.21224701404573,"address":"835, avenue Wilfrid-Laurier, Qu\u00e9bec, G1R 2L3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"835","address":"avenue Wilfrid-Laurier","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020du\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-montcalm" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":958,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79595412488885,"lng":-71.23133637942375,"address":"1210, avenue Montcalm, Quebec, G1S 4M1, Urban agglomeration of Qu\u00e9bec, Quebec, Canada","parts":{"number":"1210","address":"avenue Montcalm","city":"Quebec","postcode":"G1S 4M1","county":"Urban agglomeration of Qu\u00e9bec","state":"Quebec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020\u002D\u0020Avenue\u0020Montcalm', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="stationnement-avenue-de-laune" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":371,"ownerSiteId":1,"fieldId":48,"zoom":17,"distance":null,"lat":46.79181760369276,"lng":-71.23471391343517,"address":"1319, Avenue De Laune, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 3H8, Canada","parts":{"number":"1319","address":"Avenue De Laune, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 3H8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020\u002D\u0020Avenue\u0020de\u0020Laune', 'search_term': document.getElementById('mapSearch')?.value });" ></li> </ul> <div class="h-map-dvh relative flex w-full overflow-y-hidden overscroll-contain"> <div class="h-map-dvh absolute left-0 top-0 z-30 w-full overflow-y-auto bg-beige-100 transition-all md:w-[450px] md:translate-y-0 md:opacity-100 md:shadow-[1px_0_11px_#00000007]" :class="listOpen ? 'translate-y-0' : 'translate-y-full'" > <div tabindex="-1" ax-load x-data="filterableItems" > <div class="spacing-x spacing-x-md flex flex-col gap-4"> <h1 class="mb-4 mt-9 text-4xl font-bold"> Les lieux </h1> <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 md:hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="listOpen = false" > <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 class="relative"> <input type="text" class="w-full border-2 border-black/60 bg-transparent px-5 py-4 text-black placeholder:text-black/40 focus:border-black/80 focus:ring-0 md:text-sm" placeholder="Chercher un lieu…" @keyup.debounce.50ms="filter" @keyup.debounce.500ms="gtag('event', 'carte_recherche', { 'search_term': document.getElementById('mapSearch')?.value });" id="mapSearch" > <svg class="size-5 absolute top-5 md:top-4 right-5" 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-cloak x-show="matches.length === 0" > Aucun lieu trouvé pour <span class="font-semibold" x-text="previousQuery"></span> </div> <ul class="flex flex-col gap-3"> <li data-filter-id="l-jardin-jeanne-d-arc" data-filter-term="Jardin Jeanne-d'Arc" :class="matches.includes('l-jardin-jeanne-d-arc') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Jardin\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'jardin-jeanne-d-arc'})" > Jardin Jeanne-d'Arc <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-serres" data-filter-term="Serres" :class="matches.includes('l-serres') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Serres', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'serres'})" > Serres <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-verger-louis-hébert" data-filter-term="Verger Louis-Hébert" :class="matches.includes('l-verger-louis-hébert') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Verger\u0020Louis\u002DH\u00E9bert', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'verger-louis-hébert'})" > Verger Louis-Hébert <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-musee-plaines-d-abraham" data-filter-term="Musée des plaines d'Abraham" :class="matches.includes('l-musee-plaines-d-abraham') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'musee-plaines-d-abraham'})" > Musée des plaines d'Abraham <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-glissades-sur-neige" data-filter-term="Glissades sur neige" :class="matches.includes('l-glissades-sur-neige') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Glissades\u0020sur\u0020neige', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'glissades-sur-neige'})" > Glissades sur neige <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-anneau-de-glace" data-filter-term="Anneau de glace" :class="matches.includes('l-anneau-de-glace') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Anneau\u0020de\u0020glace', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'anneau-de-glace'})" > Anneau de glace <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-site-des-grands-evenements" data-filter-term="Site des grands événements" :class="matches.includes('l-site-des-grands-evenements') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Site\u0020des\u0020grands\u0020\u00E9v\u00E9nements', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'site-des-grands-evenements'})" > Site des grands événements <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-site-commemoratif-premiere-guerre-mondiale" data-filter-term="Site commémoratif de la Première Guerre mondiale" :class="matches.includes('l-site-commemoratif-premiere-guerre-mondiale') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Site\u0020comm\u00E9moratif\u0020de\u0020la\u0020Premi\u00E8re\u0020Guerre\u0020mondiale', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'site-commemoratif-premiere-guerre-mondiale'})" > Site commémoratif de la Première Guerre mondiale <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-plates-bandes-avenue-ontario" data-filter-term="Plates-bandes de l'avenue Ontario" :class="matches.includes('l-plates-bandes-avenue-ontario') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plates\u002Dbandes\u0020de\u0020l\u0027avenue\u0020Ontario', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'plates-bandes-avenue-ontario'})" > Plates-bandes de l'avenue Ontario <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-cafe-la-maison-smith" data-filter-term="Café La Maison Smith" :class="matches.includes('l-cafe-la-maison-smith') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Caf\u00E9\u0020La\u0020Maison\u0020Smith', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'cafe-la-maison-smith'})" > Café La Maison Smith <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-cote-gilmour" data-filter-term="Côte Gilmour" :class="matches.includes('l-cote-gilmour') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'C\u00F4te\u0020Gilmour', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'cote-gilmour'})" > Côte Gilmour <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-oeuvres-des-artistes-des-premières-nations" data-filter-term="Oeuvres des artistes des Premières Nations" :class="matches.includes('l-oeuvres-des-artistes-des-premières-nations') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Oeuvres\u0020des\u0020artistes\u0020des\u0020Premi\u00E8res\u0020Nations', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'oeuvres-des-artistes-des-premières-nations'})" > Oeuvres des artistes des Premières Nations <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-terrains-petanque" data-filter-term="Terrains de pétanque" :class="matches.includes('l-terrains-petanque') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrains\u0020de\u0020p\u00E9tanque', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'terrains-petanque'})" > Terrains de pétanque <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-monuments-levis-murray" data-filter-term="Monuments Lévis et Murray" :class="matches.includes('l-monuments-levis-murray') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monuments\u0020L\u00E9vis\u0020et\u0020Murray', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monuments-levis-murray'})" > Monuments Lévis et Murray <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-vestiges-du-blockhaus" data-filter-term="Vestiges du blockhaus" :class="matches.includes('l-vestiges-du-blockhaus') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Vestiges\u0020du\u0020blockhaus', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'vestiges-du-blockhaus'})" > Vestiges du blockhaus <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-terrasse-pierre-dugua-de-mons" data-filter-term="Terrasse Pierre-Dugua-de Mons" :class="matches.includes('l-terrasse-pierre-dugua-de-mons') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrasse\u0020Pierre\u002DDugua\u002Dde\u0020Mons', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'terrasse-pierre-dugua-de-mons'})" > Terrasse Pierre-Dugua-de Mons <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-cadran-solaire" data-filter-term="Cadran solaire" :class="matches.includes('l-cadran-solaire') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Cadran\u0020solaire', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'cadran-solaire'})" > Cadran solaire <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-monument-pierre-dugua-de-mons" data-filter-term="Monument Pierre-Dugua-de Mons" :class="matches.includes('l-monument-pierre-dugua-de-mons') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020Pierre\u002DDugua\u002Dde\u0020Mons', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monument-pierre-dugua-de-mons'})" > Monument Pierre-Dugua-de Mons <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-vestiges-maison-pinguet-et-moulin-dumont" data-filter-term="Vestiges de la maison Pinguet et du moulin Dumont" :class="matches.includes('l-vestiges-maison-pinguet-et-moulin-dumont') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Vestiges\u0020de\u0020la\u0020maison\u0020Pinguet\u0020et\u0020du\u0020moulin\u0020Dumont', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'vestiges-maison-pinguet-et-moulin-dumont'})" > Vestiges de la maison Pinguet et du moulin Dumont <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-monument-aux-combattants" data-filter-term="Monument aux combattants" :class="matches.includes('l-monument-aux-combattants') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020aux\u0020combattants', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monument-aux-combattants'})" > Monument aux combattants <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-terrasse-grey" data-filter-term="Terrasse Grey" :class="matches.includes('l-terrasse-grey') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrasse\u0020Grey', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'terrasse-grey'})" > Terrasse Grey <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-terrain-des-sports" data-filter-term="Terrain des sports" :class="matches.includes('l-terrain-des-sports') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Terrain\u0020des\u0020sports', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'terrain-des-sports'})" > Terrain des sports <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-kiosque-edwin-bélanger" data-filter-term="Kiosque Edwin-Bélanger" :class="matches.includes('l-kiosque-edwin-bélanger') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Kiosque\u0020Edwin\u002DB\u00E9langer', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'kiosque-edwin-bélanger'})" > Kiosque Edwin-Bélanger <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-parc-des-braves" data-filter-term="Parc des Braves" :class="matches.includes('l-parc-des-braves') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Parc\u0020des\u0020Braves', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'parc-des-braves'})" > Parc des Braves <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-croix-du-sacrifice" data-filter-term="Croix du Sacrifice" :class="matches.includes('l-croix-du-sacrifice') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Croix\u0020du\u0020Sacrifice', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'croix-du-sacrifice'})" > Croix du Sacrifice <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-statue-jeanne-darc" data-filter-term="Statue Jeanne-d'Arc" :class="matches.includes('l-statue-jeanne-darc') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Statue\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'statue-jeanne-darc'})" > Statue Jeanne-d'Arc <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-puits-de-wolfe" data-filter-term="Puits de Wolfe" :class="matches.includes('l-puits-de-wolfe') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Puits\u0020de\u0020Wolfe', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'puits-de-wolfe'})" > Puits de Wolfe <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-fontaine-du-centenaire" data-filter-term="Fontaine du Centenaire" :class="matches.includes('l-fontaine-du-centenaire') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Fontaine\u0020du\u0020Centenaire', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'fontaine-du-centenaire'})" > Fontaine du Centenaire <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-monument-wolfe" data-filter-term="Monument Wolfe" :class="matches.includes('l-monument-wolfe') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020Wolfe', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monument-wolfe'})" > Monument Wolfe <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-monument-des-braves" data-filter-term="Monument des Braves" :class="matches.includes('l-monument-des-braves') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020des\u0020Braves', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monument-des-braves'})" > Monument des Braves <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-tour-martello-4" data-filter-term="Tour Martello 4" :class="matches.includes('l-tour-martello-4') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00204', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'tour-martello-4'})" > Tour Martello 4 <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-tour-martello-2" data-filter-term="Tour Martello 2" :class="matches.includes('l-tour-martello-2') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00202', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'tour-martello-2'})" > Tour Martello 2 <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="l-tour-martello-1" data-filter-term="Tour Martello 1" :class="matches.includes('l-tour-martello-1') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Tour\u0020Martello\u00201', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'tour-martello-1'})" > Tour Martello 1 <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-chalet-des-patineurs" data-filter-term="Chalet des patineurs" x-cloak :class="matches.includes('p-chalet-des-patineurs') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Chalet\u0020des\u0020patineurs', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'chalet-des-patineurs'})" > Chalet des patineurs <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-relais-chauffe-musee" data-filter-term="Relais chauffé" x-cloak :class="matches.includes('p-relais-chauffe-musee') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020chauff\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'relais-chauffe-musee'})" > Relais chauffé <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-relais-pavillon-central" data-filter-term="Relais chauffé" x-cloak :class="matches.includes('p-relais-pavillon-central') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020chauff\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'relais-pavillon-central'})" > Relais chauffé <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-relais-et-salle-de-fartage-chauffes" data-filter-term="Relais & Salle de fartage chauffés" x-cloak :class="matches.includes('p-relais-et-salle-de-fartage-chauffes') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Relais\u0020\u0026\u0020Salle\u0020de\u0020fartage\u0020chauff\u00E9s', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'relais-et-salle-de-fartage-chauffes'})" > Relais & Salle de fartage chauffés <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-abreuvoir" data-filter-term="Abreuvoir - Jardin Jeanne-d'Arc" x-cloak :class="matches.includes('p-abreuvoir') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Abreuvoir\u0020\u002D\u0020Jardin\u0020Jeanne\u002Dd\u0027Arc', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'abreuvoir'})" > Abreuvoir - Jardin Jeanne-d'Arc <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-station-avelo" data-filter-term="Station àVélo - Musée des plaines d'Abraham" x-cloak :class="matches.includes('p-station-avelo') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Station\u0020\u00E0V\u00E9lo\u0020\u002D\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'station-avelo'})" > Station àVélo - Musée des plaines d'Abraham <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-surete" data-filter-term="Sûreté" x-cloak :class="matches.includes('p-surete') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'S\u00FBret\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'surete'})" > Sûreté <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-toilettes-intersection-montcalm-et-george-vi" data-filter-term="Toilettes - Intersection Montcalm et George VI" x-cloak :class="matches.includes('p-toilettes-intersection-montcalm-et-george-vi') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Intersection\u0020Montcalm\u0020et\u0020George\u0020VI', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'toilettes-intersection-montcalm-et-george-vi'})" > Toilettes - Intersection Montcalm et George VI <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-toilettes-musée-des-plaines-dabraham" data-filter-term="Toilettes - Musée des plaines d'Abraham" x-cloak :class="matches.includes('p-toilettes-musée-des-plaines-dabraham') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'toilettes-musée-des-plaines-dabraham'})" > Toilettes - Musée des plaines d'Abraham <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-toilettes-avenue-taché" data-filter-term="Toilettes - avenue Taché" x-cloak :class="matches.includes('p-toilettes-avenue-taché') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020avenue\u0020Tach\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'toilettes-avenue-taché'})" > Toilettes - avenue Taché <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-toilettes-pavillon-central" data-filter-term="Toilettes - Pavillon central" x-cloak :class="matches.includes('p-toilettes-pavillon-central') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Toilettes\u0020\u002D\u0020Pavillon\u0020central', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'toilettes-pavillon-central'})" > Toilettes - Pavillon central <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-avenue-george-vi" data-filter-term="Stationnement sur rue - Avenue George-VI" x-cloak :class="matches.includes('p-stationnement-avenue-george-vi') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Avenue\u0020George\u002DVI', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-avenue-george-vi'})" > Stationnement sur rue - Avenue George-VI <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-terrasse-grey" data-filter-term="Stationnement sur rue - Terrasse Grey" x-cloak :class="matches.includes('p-stationnement-terrasse-grey') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Terrasse\u0020Grey', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-terrasse-grey'})" > Stationnement sur rue - Terrasse Grey <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-de-bernieres" data-filter-term="Stationnement sur rue de Bernières" x-cloak :class="matches.includes('p-stationnement-de-bernieres') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020de\u0020Berni\u00E8res', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-de-bernieres'})" > Stationnement sur rue de Bernières <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-avenue-tache" data-filter-term="Stationnement sur rue - Avenue Taché" x-cloak :class="matches.includes('p-stationnement-avenue-tache') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020sur\u0020rue\u0020\u002D\u0020Avenue\u0020Tach\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-avenue-tache'})" > Stationnement sur rue - Avenue Taché <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-avenue-laurier" data-filter-term="Stationnement Laurier" x-cloak :class="matches.includes('p-stationnement-avenue-laurier') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020Laurier', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-avenue-laurier'})" > Stationnement Laurier <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-musee-plaines-d-abraham" data-filter-term="Stationnement du Musée des plaines d'Abraham" x-cloak :class="matches.includes('p-stationnement-musee-plaines-d-abraham') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020du\u0020Mus\u00E9e\u0020des\u0020plaines\u0020d\u0027Abraham', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-musee-plaines-d-abraham'})" > Stationnement du Musée des plaines d'Abraham <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-montcalm" data-filter-term="Stationnement - Avenue Montcalm" x-cloak :class="matches.includes('p-stationnement-montcalm') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020\u002D\u0020Avenue\u0020Montcalm', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-montcalm'})" > Stationnement - Avenue Montcalm <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> <li data-filter-id="p-stationnement-avenue-de-laune" data-filter-term="Stationnement - Avenue de Laune" x-cloak :class="matches.includes('p-stationnement-avenue-de-laune') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Stationnement\u0020\u002D\u0020Avenue\u0020de\u0020Laune', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'stationnement-avenue-de-laune'})" > Stationnement - Avenue de Laune <div><svg class="size-5 animate-arrow" 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> </div> </button> </li> </ul> </div> </div> </div> <div x-ref="map" class="h-map-dvh absolute w-full md:left-[450px] md:w-[calc(100%_-_450px)] lg:static" data-api-key="DTcn1FJWsuONNJgvHx2a" data-markers-images="{ "location-default": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAABAlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMk1gjJRZGSiw1NyF7gE0SEwsSEguDilNpbkJgZT0JCQYJCQVyd0jT08JGSSzx8d4PDw5YXDcaHBF7gU0JCgWEilNpb0KEiVPExLSIiH1XXDc9QSc+QCYeHhxPUzI+QCfi4tA9QCd4eG9yd0dhZTw0NyE8PDh5eW8sLhxPUzG1taZhZT00OCEbGxEREwtqamE1OCFbW1SXl4tbW1MbHBG1taempphLS0ZaWlNLS0VMTEWXl4qHh31yeEgsLhu4/I4QAAAAFnRSTlMA3yDPEO9AUHCAv2CPkKBfMK+fsG9/pfHhSgAAAtBJREFUeF61ltdy2zAQRQmxqFiSS5ILdqp3ufee2nv5/19JIFsG7VlYAmZ8XjlnsXsJkLCeCqdY3bAZALDKernoaMneiwoeYFcLy668IuSxf7hzGvH/RFkj8MeixMoy+nMXGB9mE36fLIwBtrCCxwB/MOEUA1HBe7T1KhBn0qAqVNVRFhjGXf4oXYCpgiy6+DziCxjFcIukvgqcT/hC0mNglda7fCm6VIEipasLPByh4FK6uoB7P0SH4ZhrcA7m5P0q4omOnw5RvT/8iGsxasGTPkOXaxKA3ekriLk2MUpy+YG+n8F15PIG+PMGbAxM/AEqM33NbHme3r6CGkKFMA3fAsNwyml2Ub5pPyPtyMctV5EiQVvsfDRJ/bSF/mWn19va3kfS5hQtOGLv+eTqCT4c9WZ0fiAhO/DFMSwjoPwQP3t3XOCKDqBmWes4o5YHOtLv9MnzsYNnqvgCfOrleIcDwm+LABlZ2sfXvP+RfMcjcYYAOpovef8lHTLwVP57bOf9beyq/ZSM9iLv7+OM9lX5pS38kvpvxFyVn40/nOAA/a25vtWnT/hUnOA6/YyfAycz++hE9Wu5FvunhFD5l+l/u7z83lfpPBRfIA8Jp2n4mOFnnCaZfUBcZFzBqBEEOxFX0Aa7+f4E3IgQG8L30Ew1Tdm+oILA+Ptr3kCUYH6bq2DPZPr13OWhod895BWihGak2X0LJUtSRxJpDl+zcjg2hhoZbiawnYdXz2G0tP5GXkJlAXoEunmhUwX0dUnBRrOxWH/VErOT1LB4JwdA3VJRBsL00eReA2VLTdGVIdCju55ClSk21KPL5FQ4dSBQj04kR4SwpzE6GcIwIvacanR6K5GbxqiA1LULSN2mdDUOwzAlzptGB/LO9VfqOgXmrzEQuj5rLg6Efg2sWSaUgDbnEVCyzKghSTcTlC1TbOyFYJYxBRfyN2EYgejeHLag+38mdSXL9ZHSGwAAAABJRU5ErkJggg==", "location-blue": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA+VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACGor0TFxtNXWwKCw5zi6JgdIePrsscIymZudjT08JDUF8KDA4PDw5DUV/x8d4nLzY6RVHExLSPrcswOkRpgJWIiH1NXGxWaHomLzZ8l69DUl8eHhw6RlHi4tBqf5Q5RVF9lq88PDh4eG9pf5R5eW9MXGw5RlFMXWy1tacnLjZLS0VbW1MmLjYdIylbW1RqamGXl4t9l6+mpphWaXq1taZLS0ZXaHpMTEVaWlOXl4qHh30wOUTWkfRSAAAAFnRSTlMA3yAQz+9AUIBwv49gkKBfMK+fsG9/76kSzgAAAslJREFUeF61l+dy4zAMhEVLco2dcndLqruW9N5zvffy/g9zoZPQckJEImeyv/2BwJKAYOep5NZaax4DANZcrddcI7j6ool78lqVsicvSTgc78enPLsWjy6CcShDLJXBn/tAuB8l2aKiQwGwwghVBozjJNMplhGqj6beAkSkAG2EFm1lhSEMskcVAIwysuYj5VmBuIBf0+LLwCTJCrU+BJb1+HZWSoEuQI3AiQD3S6j4BE4E8BdNdBmGmYEmYG6eb0EkJvz6B7QWi+eZkXiI3EtkdPG0BUzhSxCZsQQa8+Njcz6C79ocr7R7l4CH2IaP0ZzhK3bHZ+u3V9DGS6rElwJIT6iBMET9Jn39D/h73GqDEw568uWjr8VPQwwuu6PRdOsA4os2QAhXNt4bYk58PBrN1H0LwbU3INuwjkDfIb9GSmfY0BvQdpxVHOuOB7pzvjsA197gM8q+AO9GOX3CjobfkwYycG1pX/P8Z+0dc9lDgN6a13n+u95k4Kn4Q2zl+S0MaT7RWnuW5w9wTPEMXN8cf+b4X4iM8s+D9nF+w2B6h08H+g6PZAd3iO6fAOcz+uic+rT8lO+nQbVvAAx+XF7+HlB4NpETqEqOj4sxZhpH5AiVA8QHuTHwiyCIeUZoD+xm/mxnVppgTfJV9BNTVKUv1cS29fy1T4AL3G1zTfRsql/NLQ+b5tljvkI00Df/fjecuToQ3LD4tpOT6yE18DAR8Nz7q2fKS+OpWkLzAQQvnbzEiQDGuArgoV/iGjdDWbtWbeCqCH8FdBxKdeAkedS5E6Du0Kr5ygRqea9SrHJxky5dOUfK7QBXdOl552gTeqalF/+PSVKydOIpEY/GIoDCzQMo3CNwQi5Dmmj6zSQDtXP9U7hZgN7tvUvcXCv+zdK1A6w4NmpArgYcaDh2akMkiUDdsZWH3gTMsVbFh/pM2Fogs7cXK8j+PxeAaYIEhEBAAAAAAElFTkSuQmCC", "location-black": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAAilBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADT08IPDw7x8d55eW/i4tDExLSIiH08PDh4eG8eHhxLS0VbW1NqamGmppiXl4u1taZbW1SXl4qHh31MTEW1tadLS0ZaWlMd9FkbAAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAadJREFUeNq11ulS6zAMBWDJS/aEFu49TUoL3H3l/V+Pmc4UBaZyY2X4/p9YcrzRR/FlfxsYALjZ1KWnHMWnBu+E3tEyvmtwUehogc8RKu6uVs5I4oISfI+rek8ax1iAnRIvIxaJJQlxg8VutLj9AyWylPSWi8gSHc15Rib2NNMjW29rXhSSZxgwnXUwqWR4k+hl+DUFBBg1p/gWwvILWpjVUr5JICIH1bjfTdPh+ASVT629X/fTye5LahvWUPydXj1A0RJtoNhJfjfisjt9+r5OM9/0CWRc9n2a+aHvISj+TTM/ofi4/HGaOebnH6aZJz3PUPyW+B8oOLH8x8M5fhgTO3iA6vGUvn+E6o6ogm78v98/j+kTqADWHSARZrzy/LklkgbMV1Cz7vy1F9ARrSlgY3o8CEdnFQwqEgOytTTjAzIFrz49TY9Qx6a4cGyKCxdsvYsWiwykqRdf+uYnfCwoxbFh5ub8gITB01W1rXVRRlPrwrHWuu0DErd/IDjK4dk0unBsigvHprjYRpxtyaKSk9KmlVVnEwCAyUIuFkd2lVRvw1eqfwHLGQQsMhunXAAAAABJRU5ErkJggg==", "location-green": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA21BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARGBCGwH4IDAhDYD9+tHdlkF9+tHYiMCAaJBhUeE8ySDBtnGd2qG7T08JdhFfx8d52qG87VDg7VDcPDw5LbEd1qG4qPCiIiH0zSDDExLQySC/i4tAeHhxchFc8PDh5eW94eG8zSC9tnGZ1qG9LS0VqamG1tadbW1NMTEWXl4u1taaXl4qHh31MbEdbW1SmpphLS0ZaWlPCrZk8AAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAsJJREFUeF61luV2GzEQRldeMMUOtP0Ey2YIMpS57/9ErZw62uSMYmvPyf3tO5r5VpLlvRZ+s3cQMABgnb1203eSo7cdPCPoNbZdeUfLMpsXd0Pxj2EyVpnUJXa20d+FgJwnqXhKcsYBtrFCxICsSAVFoStEL7beA3hiDKpCzx5lg0Eq8SIKYLYgmyHyodjAIUfYJPVdoEzFRtI5sEvrSmyFogo0Kd1e4PkIjZDWaRTCpyH6DDPhQAnmV/0eeOripzl6T4cfCicOJSLjMyjhiAJ71HfAhTMcLbN84e4nCH2zfA2ydQMBijp+gc5K36+3vEj/f4Iubm0j3nIgP0kEzRzth/bpH9xn+M/R1JJgoHc+JKkPJBbXo8nk9PgCfCAoJHy99zJydY6f55MVo/fgZAeZPoZtKPqEfJ48coUjOoCu5+3hkloeGBl/tCDPR4E3tvgUPk0qfMCSikgHyMjSGX5V/S/kNz7UZwigo/lY9b/SIQOv5Z/huOofY2b3YzLaq6p/gUvat+WXSnwz+ndwYcsvwJ0g+IHF6Vo/XdAnPNEnuG85/SVws7LPb2x/LUu9f1q246uAxe/r6z8Lmy5KfQNF1utjnGFFlggavrpAQiTWW36sVDEUFgZgD/ePErUocaD9CDJ2NE37mg5U7fu3fgP3HOvXXAezOtPvVR4PY/fuYZ4QLcipY/cSLc/QB586Dt/1KvgBcocMY47Af/70zKdb67l5hJoC9Ah081qnCrjrhkYAOd6sj6WenaS7xRtUAX3PRhs4iV9MrgTanp1maEKgRw8ji2pSHNtHN8nZ8PuAso9OJEeEMHMYnQqB2Itxbh+d3kr0pnEv4K6bAkYPKN2Oz5DHxHlz6MC8uY6M7lJg/RmV1t3ZD7HU+hLY9+rQAgarl2DLq0cXPI452l5dAsxKMK82jRDmb6JmBLr7+rAN3f8F+1AqZtptphAAAAAASUVORK5CYII=" }" data-custom-map-id="d90b9c77-79ff-40eb-8897-463475cd8e98" data-ski-trails="{ "type": "FeatureCollection", "features": [ { "type": "Feature", "id": "way/100744893", "properties": { "id": "way/100744893", "name": "52 - Gilmour", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:type": "nordic", "lit": "no", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2160907, 46.801137 ], [ -71.2160678, 46.8010968 ], [ -71.2160561, 46.8010604 ], [ -71.2160764, 46.8010108 ], [ -71.2161079, 46.8009569 ], [ -71.2161224, 46.8009321 ], [ -71.2162609, 46.8008019 ], [ -71.2164298, 46.800671 ], [ -71.2168011, 46.8003873 ], [ -71.2170881, 46.8001874 ], [ -71.2173832, 46.7999327 ], [ -71.2176792, 46.7997538 ], [ -71.2182334, 46.7994541 ], [ -71.2183775, 46.7993365 ], [ -71.2185621, 46.7991699 ], [ -71.2187194, 46.799029 ], [ -71.219007, 46.798904 ], [ -71.2192277, 46.7988736 ], [ -71.2193087, 46.7988423 ], [ -71.2196917, 46.7987129 ], [ -71.2199994, 46.7985165 ], [ -71.2202248, 46.798334 ], [ -71.2205254, 46.7981845 ], [ -71.2214904, 46.7978711 ], [ -71.2217934, 46.7977372 ], [ -71.2227695, 46.797438 ], [ -71.2230927, 46.7972797 ], [ -71.2235305, 46.7970706 ], [ -71.2236771, 46.7969846 ], [ -71.2237751, 46.7968705 ], [ -71.2240722, 46.7965812 ], [ -71.2242733, 46.7964433 ], [ -71.2244905, 46.7963753 ], [ -71.224838122769, 46.79628700614401 ], [ -71.22522397986991, 46.79614797670706 ], [ -71.22554891216595, 46.79586296523786 ], [ -71.2258108, 46.7956663 ], [ -71.2262063, 46.7954177 ], [ -71.22638155117316, 46.795313792540924 ], [ -71.22660494212663, 46.79523037341312 ], [ -71.22684864134837, 46.795146954156024 ], [ -71.22711264883897, 46.79507743800991 ], [ -71.2274071187317, 46.794959260354744 ], [ -71.2276957, 46.794799 ] ] } }, { "type": "Feature", "id": "way/156799724", "properties": { "id": "way/156799724", "name": "55 - Cap-aux-Diamants", "piste:difficulty": "advanced", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.21344394260942, 46.80380774324266 ], [ -71.21325575165726, 46.803914899853936 ], [ -71.21313997395964, 46.80398073787745 ], [ -71.2130275, 46.8040445 ], [ -71.2128692322659, 46.80413070196323 ], [ -71.21274850501075, 46.80420923169561 ], [ -71.21260790717248, 46.80421885552593 ], [ -71.21246262273951, 46.80412903304119 ], [ -71.21233608468532, 46.80409374559545 ], [ -71.21219750359569, 46.80405037990522 ], [ -71.2120416, 46.804022 ], [ -71.2118377, 46.804022 ], [ -71.2117787, 46.804022 ], [ -71.21159111208003, 46.804012580147344 ], [ -71.2114351877704, 46.80399793098775 ], [ -71.21134652492707, 46.80393724157119 ], [ -71.21144741712757, 46.803801213319076 ], [ -71.2115358, 46.8036614 ], [ -71.211503, 46.8035131 ], [ -71.2114609, 46.8034286 ], [ -71.2113972, 46.8033585 ], [ -71.2113011, 46.8033155 ], [ -71.2112095, 46.8032903 ], [ -71.2110675, 46.8032853 ], [ -71.2109591, 46.8032916 ], [ -71.2108469, 46.8033168 ], [ -71.2106276, 46.8034521 ], [ -71.2102901, 46.8037297 ], [ -71.2102028, 46.803832 ], [ -71.210106, 46.8040108 ], [ -71.2098874, 46.8044146 ], [ -71.209799, 46.8045553 ], [ -71.2097495, 46.8046244 ], [ -71.2097313, 46.8046428 ], [ -71.2096722, 46.8046794 ], [ -71.2095832, 46.8047127 ], [ -71.2093017, 46.8047953 ], [ -71.2090556, 46.8047963 ], [ -71.208745, 46.8048042 ], [ -71.208511, 46.8048324 ], [ -71.2084621, 46.8048463 ], [ -71.2083659, 46.8048735 ], [ -71.2082708, 46.8049204 ], [ -71.2081925, 46.8049987 ], [ -71.2081479, 46.8050829 ], [ -71.208143, 46.8051806 ], [ -71.2081518, 46.8052538 ], [ -71.2081659, 46.8052987 ], [ -71.2081937, 46.8053787 ], [ -71.2082386, 46.8054409 ], [ -71.2083238, 46.8055158 ], [ -71.2084424, 46.8055906 ], [ -71.2086525, 46.8056803 ], [ -71.209085, 46.8058152 ], [ -71.2092405, 46.8058659 ], [ -71.2092647, 46.8058802 ], [ -71.2092984, 46.8059002 ], [ -71.2093522, 46.8059384 ], [ -71.2094121, 46.8059937 ], [ -71.2095146, 46.8060766 ], [ -71.2098555, 46.8063058 ], [ -71.2100041, 46.8063905 ], [ -71.2106183, 46.806704 ] ] } }, { "type": "Feature", "id": "way/156804388", "properties": { "id": "way/156804388", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2204379, 46.7989042 ], [ -71.2202145, 46.7989731 ], [ -71.2187583, 46.7996291 ], [ -71.2186923, 46.7996588 ], [ -71.2166222, 46.8008243 ], [ -71.2165059, 46.8008976 ] ] } }, { "type": "Feature", "id": "way/156804389", "properties": { "id": "way/156804389", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.224108, 46.7976261 ], [ -71.2235915, 46.7978437 ], [ -71.2232796, 46.7979619 ], [ -71.2225517, 46.7982137 ], [ -71.2222264, 46.7983088 ], [ -71.2219556, 46.7983741 ], [ -71.221637, 46.7984426 ], [ -71.2214283, 46.7984856 ], [ -71.2211636, 46.798557 ], [ -71.2208453, 46.7986991 ], [ -71.2206104, 46.7988111 ], [ -71.2204379, 46.7989042 ] ] } }, { "type": "Feature", "id": "way/162158322", "properties": { "id": "way/162158322", "name": "54 - Cap-Blanc", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:type": "nordic", "lit": "no", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.214467, 46.8020567 ], [ -71.2141949, 46.8022451 ], [ -71.2139757, 46.8024056 ], [ -71.2138444, 46.802543 ], [ -71.2137489, 46.8026561 ], [ -71.2135748, 46.8028957 ], [ -71.2135386, 46.8029874 ], [ -71.21348480577934, 46.803263767439745 ], [ -71.21341171686241, 46.80338793997484 ], [ -71.21333592734935, 46.80348016785172 ], [ -71.21333592734935, 46.803589688250014 ], [ -71.21338083965324, 46.803701129830415 ], [ -71.21344394260942, 46.80380774324266 ] ] } }, { "type": "Feature", "id": "way/676681357", "properties": { "id": "way/676681357", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.215829, 46.801319 ], [ -71.2151774, 46.8018299 ], [ -71.214794, 46.8022571 ], [ -71.2141875, 46.8031265 ], [ -71.2140831, 46.8032638 ], [ -71.2138008, 46.8035279 ], [ -71.2137304, 46.8036012 ], [ -71.21352534752785, 46.80375307300753 ], [ -71.21344394260942, 46.80380774324266 ] ] } }, { "type": "Feature", "id": "way/902151650", "properties": { "id": "way/902151650", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.21354394732973, 46.80465193131312 ], [ -71.2136253, 46.8047511 ], [ -71.2136682, 46.8047896 ], [ -71.2137621, 46.8048318 ], [ -71.2138399, 46.8048649 ], [ -71.2139338, 46.8048888 ], [ -71.2139955, 46.8048961 ], [ -71.2141403, 46.8048943 ], [ -71.2142905, 46.804863 ], [ -71.21443, 46.8048135 ], [ -71.2145533, 46.8047547 ], [ -71.2148377, 46.804617 ], [ -71.2150442, 46.8045179 ], [ -71.2151507343881, 46.8044750997291 ], [ -71.2153205, 46.8044004 ], [ -71.2154660721987, 46.80435462761429 ], [ -71.2155947986792, 46.80427700733571 ], [ -71.21576939439895, 46.8041603431802 ], [ -71.2158663, 46.804121 ], [ -71.21600218869209, 46.80410058827016 ], [ -71.216189512797, 46.80411402846366 ], [ -71.21642267870952, 46.8041049084149 ], [ -71.21664918273945, 46.80403422798159 ], [ -71.21687829971138, 46.8038978145909 ], [ -71.21708091538328, 46.803764428478985 ], [ -71.21731514245612, 46.80362127806859 ], [ -71.21746571700284, 46.803523935572116 ], [ -71.21768321357033, 46.8033979626677 ], [ -71.21789234488536, 46.803283441589656 ], [ -71.21810779649255, 46.80312312106378 ], [ -71.2182698529433, 46.80300566687538 ], [ -71.21833658206955, 46.802940414437586 ], [ -71.21836994663296, 46.80282622248126 ], [ -71.21838424573178, 46.80267614125543 ], [ -71.21840331119635, 46.80252279696214 ], [ -71.21844620849039, 46.80238250286226 ], [ -71.2184992049482, 46.802269085183326 ], [ -71.2185686, 46.8022027 ], [ -71.21870234973294, 46.80212875444778 ], [ -71.21881197615569, 46.80205371291456 ], [ -71.21898356533845, 46.80195256981267 ], [ -71.21921319224312, 46.80178234235518 ], [ -71.21939431415845, 46.801661622538234 ], [ -71.2195659033412, 46.80145933467048 ], [ -71.21969265167999, 46.801352701830496 ], [ -71.21981007412407, 46.80121667536562 ], [ -71.21994556155931, 46.80109610616563 ], [ -71.22009008149044, 46.80096626210951 ], [ -71.22013747562437, 46.80087010898379 ], [ -71.22016234145576, 46.8007622208176 ] ] } }, { "type": "Feature", "id": "way/902151653", "properties": { "id": "way/902151653", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.22016234145576, 46.8007622208176 ], [ -71.2201974, 46.8003933 ], [ -71.22033102173245, 46.80026860783701 ], [ -71.22041482319368, 46.80014312008831 ], [ -71.2205929012978, 46.79996385136792 ], [ -71.22077097940253, 46.799942339081355 ], [ -71.22100143341947, 46.79996385136792 ], [ -71.22127378816765, 46.799974607508176 ], [ -71.22153566773243, 46.79993158293507 ], [ -71.2217216, 46.7998085 ], [ -71.2218080224806, 46.79965909317309 ], [ -71.22191801189767, 46.799530018593146 ], [ -71.22212751555023, 46.799354333251614 ], [ -71.22214322832384, 46.799110524071494 ], [ -71.22212227795882, 46.79888464105099 ], [ -71.2222406, 46.7987105 ], [ -71.22227972541987, 46.79866373289258 ], [ -71.22237346112392, 46.79861560679683 ], [ -71.22256874384082, 46.79859956475576 ], [ -71.2228304226809, 46.79861828046998 ], [ -71.22314287502739, 46.79861025945016 ], [ -71.22346405139568, 46.79854744187671 ], [ -71.2237372, 46.7984351 ], [ -71.22390539033591, 46.79837097893534 ], [ -71.2241181, 46.7983047 ], [ -71.22446780456012, 46.79828007355778 ], [ -71.22472987456439, 46.798265633995726 ], [ -71.22494859120684, 46.798228202314846 ], [ -71.2250408, 46.7981358 ], [ -71.2250579495285, 46.798011632793106 ], [ -71.22508138345408, 46.79787260004875 ], [ -71.22511360127673, 46.79775291482861 ], [ -71.22516828043669, 46.79763527119428 ], [ -71.22525811048719, 46.797512279847524 ], [ -71.22532841226479, 46.797418699286624 ], [ -71.2254572988576, 46.7972475801256 ], [ -71.2257273, 46.79687 ] ] } }, { "type": "Feature", "id": "way/902151657", "properties": { "id": "way/902151657", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2257273, 46.79687 ], [ -71.2262422, 46.7966283 ], [ -71.2265357, 46.7965224 ] ] } }, { "type": "Feature", "id": "way/902151658", "properties": { "id": "way/902151658", "name": "51 - Des Braves", "piste:difficulty": "easy", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2265357, 46.7965224 ], [ -71.2266863, 46.7965387 ], [ -71.2268032, 46.7965713 ], [ -71.22690413715134, 46.79657847472424 ], [ -71.22705212678228, 46.796601269990845 ], [ -71.22717421822415, 46.79664179487881 ] ] } }, { "type": "Feature", "id": "way/902151659", "properties": { "id": "way/902151659", "name": "51 - Des Braves", "piste:difficulty": "easy", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2313742, 46.797239 ], [ -71.2314949, 46.7970747 ], [ -71.2315311, 46.7969792 ], [ -71.2315257, 46.7969269 ], [ -71.2314949, 46.7968644 ], [ -71.2312897, 46.7967488 ], [ -71.23111723171144, 46.796667493517845 ], [ -71.2309691, 46.7966042 ], [ -71.2306929, 46.796483 ], [ -71.2303791, 46.796371 ], [ -71.2301189, 46.7963067 ], [ -71.2298265, 46.7962534 ], [ -71.2294832, 46.7962241 ], [ -71.2292445, 46.7962241 ], [ -71.2290111, 46.7962351 ], [ -71.22852492764765, 46.7962699111188 ], [ -71.22814541610114, 46.79634208094265 ], [ -71.22778698852922, 46.79642146763763 ], [ -71.22748127089476, 46.79650085421508 ], [ -71.22727041148337, 46.7966012699855 ], [ -71.22717421822415, 46.79664179487881 ] ] } }, { "type": "Feature", "id": "way/902154935", "properties": { "id": "way/902154935", "name": "52 - Gilmour", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:type": "nordic", "lit": "no", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2276957, 46.794799 ], [ -71.22795544198061, 46.79474375925733 ], [ -71.22819914120237, 46.79481327583446 ], [ -71.2284129, 46.7949138 ], [ -71.2285015, 46.7949984 ], [ -71.2285176, 46.7951159 ], [ -71.2284532, 46.7952334 ], [ -71.2282977, 46.795384 ], [ -71.2281206, 46.7955713 ], [ -71.227949, 46.7956815 ], [ -71.2277559, 46.7957365 ], [ -71.2276539, 46.7957329 ], [ -71.2275922, 46.795709 ], [ -71.2275225, 46.7956778 ], [ -71.2274152, 46.7956466 ], [ -71.2272972, 46.7956576 ], [ -71.2271872, 46.795687 ], [ -71.2271202, 46.7957292 ], [ -71.2270665, 46.7957751 ], [ -71.2270156, 46.7958375 ], [ -71.2269995, 46.7959092 ], [ -71.2269914, 46.7960028 ], [ -71.2269646, 46.7960744 ], [ -71.2268412, 46.7961552 ], [ -71.2266964, 46.7962287 ], [ -71.2264603, 46.7963517 ], [ -71.226294, 46.7964178 ], [ -71.2260929, 46.7964435 ], [ -71.225704, 46.7964637 ], [ -71.2255323, 46.7964802 ], [ -71.2252587, 46.7965445 ], [ -71.2250039, 46.7966253 ], [ -71.2247464, 46.7967061 ], [ -71.2245426, 46.7967887 ], [ -71.2244809, 46.7968493 ], [ -71.22440030416347, 46.7969317196046 ], [ -71.22429528649572, 46.79702067267863 ], [ -71.22419916863045, 46.79710475147638 ], [ -71.22407486455877, 46.79722059069957 ], [ -71.22396806693051, 46.797292483905636 ], [ -71.22393068776087, 46.7973643770151 ], [ -71.22393246772137, 46.797438707078754 ], [ -71.223982, 46.797492 ], [ -71.2240041, 46.7975299 ], [ -71.2240517, 46.7975746 ], [ -71.224108, 46.7976261 ] ] } }, { "type": "Feature", "id": "way/902154937", "properties": { "id": "way/902154937", "name": "54 - Cap-Blanc", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:type": "nordic", "lit": "no", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.215829, 46.801319 ], [ -71.2156137, 46.8013594 ] ] } }, { "type": "Feature", "id": "way/902154942", "properties": { "id": "way/902154942", "name": "54 - Cap-Blanc", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:type": "nordic", "lit": "no", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2156137, 46.8013594 ], [ -71.2154167, 46.8014773 ], [ -71.2151013, 46.8016494 ], [ -71.2148358, 46.8018175 ], [ -71.2145883, 46.8019727 ], [ -71.214467, 46.8020567 ] ] } }, { "type": "Feature", "id": "way/902901681", "properties": { "id": "way/902901681", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2257273, 46.79687 ], [ -71.2241928, 46.7975904 ], [ -71.224108, 46.7976261 ] ] } }, { "type": "Feature", "id": "way/1010067241", "properties": { "id": "way/1010067241", "name": "51 - Des Braves", "piste:difficulty": "easy", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2300719, 46.7977247 ], [ -71.2299754, 46.7976513 ], [ -71.2298735, 46.7976255 ], [ -71.22971356998845, 46.79760797201823 ], [ -71.229557, 46.7975888 ], [ -71.22923572769977, 46.79758752700823 ], [ -71.228924, 46.7975558 ], [ -71.2285914, 46.7975227 ], [ -71.2283661, 46.797475 ], [ -71.2281247, 46.7973685 ], [ -71.22788184121497, 46.797280850925944 ], [ -71.2276955, 46.7971592 ], [ -71.22757323473667, 46.79704913894892 ], [ -71.22760309987976, 46.79694691275952 ], [ -71.22769269530887, 46.79681742597407 ], [ -71.22786193111925, 46.796687938877426 ], [ -71.22806103207324, 46.796626602775405 ], [ -71.2282501779788, 46.79654482119727 ], [ -71.22857869455228, 46.79648348493211 ], [ -71.2288489, 46.7964577 ], [ -71.2290259, 46.7964724 ], [ -71.2292029, 46.7965348 ], [ -71.229337, 46.7966156 ], [ -71.22967374979754, 46.796912837320065 ], [ -71.22979321036969, 46.79704232387593 ], [ -71.2299968, 46.7972253 ], [ -71.2301041, 46.7973061 ], [ -71.2302812, 46.7974419 ], [ -71.2304099, 46.7975007 ], [ -71.2305333, 46.7975337 ], [ -71.2307519, 46.7975328 ], [ -71.2309624, 46.7974832 ], [ -71.2311153, 46.7974098 ], [ -71.2312253, 46.7973464 ], [ -71.2313742, 46.797239 ] ] } }, { "type": "Feature", "id": "way/1010067242", "properties": { "id": "way/1010067242", "name": "51 - Des Braves", "piste:difficulty": "easy", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.22717421822415, 46.79664179487881 ], [ -71.22704842704121, 46.79679376296454 ], [ -71.22699752057845, 46.796942893217874 ], [ -71.22702711850513, 46.79706699982077 ], [ -71.22704191746763, 46.797165778341 ], [ -71.2271054, 46.7972473 ], [ -71.2271912, 46.7973244 ], [ -71.22751350445061, 46.79754663696494 ], [ -71.22785197607195, 46.797778346799674 ], [ -71.22819044769273, 46.79799642573238 ], [ -71.22836963855099, 46.79811227980625 ], [ -71.2285753, 46.7982205 ], [ -71.22868820007714, 46.7983099126501 ], [ -71.2288703, 46.7983967 ], [ -71.2289776, 46.7984335 ], [ -71.229101, 46.7984592 ], [ -71.2292512, 46.7984408 ], [ -71.2295516, 46.7983453 ], [ -71.2298037, 46.7982315 ], [ -71.2300183, 46.7981103 ], [ -71.2301149, 46.7980222 ], [ -71.2301524, 46.7979267 ], [ -71.2301309, 46.7978349 ], [ -71.2300719, 46.7977247 ] ] } }, { "type": "Feature", "id": "way/1011124177", "properties": { "id": "way/1011124177", "name": "55 - Cap-aux-Diamants", "piste:difficulty": "advanced", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2106183, 46.806704 ], [ -71.2107893, 46.806639 ], [ -71.2109252, 46.8064906 ], [ -71.21103870724927, 46.80633464833005 ], [ -71.21099808552808, 46.806095531612726 ], [ -71.21095746380638, 46.8059620706569 ], [ -71.21100620987202, 46.805811926685436 ], [ -71.21110481787963, 46.8057540477449 ], [ -71.21128344984265, 46.80571329142421 ], [ -71.21153872614582, 46.805741161605084 ], [ -71.21181476542586, 46.80576345304473 ], [ -71.21200411524221, 46.8057381850729 ], [ -71.21206934475136, 46.805687584085405 ], [ -71.21213226379557, 46.8056244991821 ], [ -71.21217371196643, 46.8055595931385 ], [ -71.21219980377019, 46.80545839077922 ], [ -71.2122392, 46.8052749 ], [ -71.2123389600571, 46.80513692319829 ], [ -71.21248681361162, 46.80505655600271 ], [ -71.21275208028332, 46.80492558698282 ], [ -71.21298255788368, 46.80483628974051 ], [ -71.21328302929209, 46.8047144396121 ], [ -71.21354394732973, 46.80465193131312 ], [ -71.21354394732973, 46.80465193131312 ] ] } }, { "type": "Feature", "id": "way/1132077553", "properties": { "id": "way/1132077553", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.21344394260942, 46.80380774324266 ], [ -71.21348480448025, 46.80391842847044 ], [ -71.21353241867791, 46.8039709958436 ], [ -71.2135886, 46.8040187 ], [ -71.2136747530451, 46.80414590881472 ], [ -71.21366154216877, 46.804272507452254 ], [ -71.21357779014691, 46.804405248086084 ], [ -71.21354256114262, 46.80453486034847 ], [ -71.21354394732973, 46.80465193131312 ] ] } }, { "type": "Feature", "id": "way/1218135519", "properties": { "id": "way/1218135519", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2160907, 46.801137 ], [ -71.2160316, 46.8011758 ], [ -71.2159632, 46.8012226 ], [ -71.2159002, 46.8012648 ], [ -71.215829, 46.801319 ] ] } }, { "type": "Feature", "id": "way/1218135520", "properties": { "id": "way/1218135520", "name": "53 - Martello", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:type": "nordic", "lit": "yes", "dog": "no", "multi-use": "no", "snowmobile": "no" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2165059, 46.8008976 ], [ -71.2163052, 46.8010096 ], [ -71.2161939, 46.8010757 ], [ -71.2160907, 46.801137 ] ] } }, { "type": "Feature", "id": "way/38947685", "properties": { "id": "way/38947685", "network": "QC-PlainesAbraham", "markerType": "parking-lot", "amenity": "parking" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2155723, 46.8057306 ], [ -71.2149542, 46.805231 ], [ -71.2146909, 46.8053673 ], [ -71.2146293, 46.8053068 ], [ -71.2142926, 46.8054889 ], [ -71.2145531, 46.805696 ], [ -71.2148558, 46.8061449 ], [ -71.2153382, 46.8058659 ], [ -71.2155723, 46.8057306 ] ] ] } }, { "type": "Feature", "id": "way/695525376", "properties": { "id": "way/695525376", "network": "QC-PlainesAbraham", "markerType": "parking-lot", "amenity": "parking" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2276361, 46.7958831 ], [ -71.2276095, 46.7958502 ], [ -71.227568, 46.7958142 ], [ -71.2275374, 46.7957951 ], [ -71.2274929, 46.7957791 ], [ -71.2274429, 46.7957685 ], [ -71.2273795, 46.7957658 ], [ -71.2273353, 46.7957697 ], [ -71.227287, 46.7957832 ], [ -71.2272608, 46.7957933 ], [ -71.2272199, 46.7958144 ], [ -71.2272122, 46.7958202 ], [ -71.2271898, 46.795839 ], [ -71.2271613, 46.7958741 ], [ -71.2271509, 46.7958996 ], [ -71.2271462, 46.7959308 ], [ -71.2271472, 46.795956 ], [ -71.2271586, 46.7959893 ], [ -71.2271787, 46.7960224 ], [ -71.2273188, 46.7959638 ], [ -71.2273108, 46.7959526 ], [ -71.2273098, 46.7959356 ], [ -71.2273128, 46.7959212 ], [ -71.2273205, 46.7959072 ], [ -71.227337, 46.7958929 ], [ -71.2273551, 46.7958833 ], [ -71.2273842, 46.7958785 ], [ -71.2274121, 46.7958805 ], [ -71.2274355, 46.7958853 ], [ -71.2274499, 46.7958929 ], [ -71.2274627, 46.7959014 ], [ -71.2274714, 46.7959117 ], [ -71.2274792, 46.7959244 ], [ -71.2276361, 46.7958831 ] ] ] } }, { "type": "Feature", "id": "way/38947649", "properties": { "id": "way/38947649", "network": "QC-PlainesAbraham", "markerType": "parking-lot", "amenity": "parking" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2325673, 46.7971057 ], [ -71.2327896, 46.7969789 ], [ -71.2329346, 46.7968873 ], [ -71.2304695, 46.7950595 ], [ -71.2304507, 46.7951532 ], [ -71.230347, 46.7958782 ], [ -71.2309025, 46.7960216 ], [ -71.2313503, 46.7961986 ], [ -71.2316942, 46.7964071 ], [ -71.2320612, 46.7966774 ], [ -71.2325673, 46.7971057 ] ] ] } }, { "type": "Feature", "id": "way/38947686", "properties": { "id": "way/38947686", "network": "QC-PlainesAbraham", "markerType": "parking-lot", "amenity": "parking" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2126212, 46.8064424 ], [ -71.2118991, 46.8068981 ], [ -71.211984, 46.8069726 ], [ -71.2116603, 46.8074757 ], [ -71.2120362, 46.8077729 ], [ -71.2120743, 46.8077531 ], [ -71.2126433, 46.8074241 ], [ -71.2126985, 46.8073922 ], [ -71.2123505, 46.8071125 ], [ -71.2127626, 46.806884 ], [ -71.2127984, 46.8066133 ], [ -71.2127873, 46.806591 ], [ -71.2126212, 46.8064424 ] ] ] } }, { "type": "Feature", "id": "way/38947704", "properties": { "id": "way/38947704", "network": "QC-PlainesAbraham", "markerType": "parking-lot", "amenity": "parking" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2235127, 46.8001708 ], [ -71.2234772, 46.8001403 ], [ -71.2231926, 46.7998966 ], [ -71.2231599, 46.7998686 ], [ -71.2235299, 46.799632 ], [ -71.2234514, 46.7995711 ], [ -71.2233652, 46.7995042 ], [ -71.2232818, 46.7995563 ], [ -71.223196, 46.7994803 ], [ -71.2231517, 46.799441 ], [ -71.2230915, 46.79939 ], [ -71.2227356, 46.7996065 ], [ -71.2227852, 46.7996447 ], [ -71.2227176, 46.7996785 ], [ -71.2227874, 46.7997315 ], [ -71.2225714, 46.7998711 ], [ -71.2226577, 46.7999396 ], [ -71.2226962, 46.7999703 ], [ -71.2227897, 46.8000491 ], [ -71.2227615, 46.8000626 ], [ -71.2231812, 46.8004016 ], [ -71.2234834, 46.8002694 ], [ -71.223417, 46.8002148 ], [ -71.2235127, 46.8001708 ] ] ] } } ] }" data-walking-trails="{ "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22678213351917, 46.79976167944599 ], [ -71.22759009568387, 46.79972914469445 ], [ -71.23102789548321, 46.79769026100956 ], [ -71.2315823793221, 46.79733236388134 ], [ -71.2315823793221, 46.797093764473374 ], [ -71.23162990650808, 46.79683347300315 ], [ -71.23148732494954, 46.79657318027424 ], [ -71.23109126506517, 46.79638880549592 ], [ -71.23031498769109, 46.79612851061606 ], [ -71.22922186240928, 46.79597667135437 ], [ -71.22792278598762, 46.796020054044476 ], [ -71.22749504131194, 46.79612851061606 ], [ -71.22686134549642, 46.79641049667899 ], [ -71.22643360082078, 46.79675755442085 ], [ -71.22606922572704, 46.797104609923906 ], [ -71.2257682202146, 46.797722796994435 ], [ -71.22554642667944, 46.79837351255384 ], [ -71.22556226907476, 46.79888323424527 ], [ -71.22553058428348, 46.79962069538007 ], [ -71.22510283960847, 46.80004364647007 ], [ -71.2258632745872, 46.80054250758488 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2267854149339, 46.79976338538259 ], [ -71.22593190958038, 46.79935074509808 ], [ -71.22563851711432, 46.79916085647045 ], [ -71.22556383539661, 46.79901478783921 ], [ -71.22556383539661, 46.798974618896096 ], [ -71.22555850098752, 46.79891619128858 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22677573525104, 46.7997688813804 ], [ -71.22662805657434, 46.80024475817416 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22567494767034, 46.80068465764842 ], [ -71.22493622099576, 46.800087943948284 ], [ -71.22328535866929, 46.80061412171219 ], [ -71.22226485199218, 46.8009164899766 ], [ -71.22156420561673, 46.80108331311939 ], [ -71.22060462471173, 46.80140653148615 ], [ -71.2199649041084, 46.801771453114725 ], [ -71.21927948917583, 46.80231361782165 ], [ -71.21902055464629, 46.8026055504003 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22065033708576, 46.80136808338199 ], [ -71.22083024324746, 46.80159157937885 ], [ -71.22083024324746, 46.801669118589245 ], [ -71.2208369064389, 46.801778585519685 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22199630170651, 46.80098950641184 ], [ -71.2225493465751, 46.8013772056857 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22293581166429, 46.80070671223834 ], [ -71.2232889607974, 46.801021434692984 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22222285020665, 46.8013772056857 ], [ -71.22258932572265, 46.8011445864567 ], [ -71.22252935700187, 46.80082530352422 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2183593550715, 46.803244864887375 ], [ -71.21822122012958, 46.803128490396006 ], [ -71.21819996860012, 46.803026662509524 ], [ -71.21813621401176, 46.80288846721288 ], [ -71.21814683977605, 46.80271390422533 ], [ -71.21814683977605, 46.80253934067076 ], [ -71.21800870483418, 46.80237205006699 ], [ -71.21768993189148, 46.80216111769417 ], [ -71.21745616506571, 46.8020520144178 ], [ -71.21714801788822, 46.80194291092073 ], [ -71.21694612835707, 46.80202292017364 ], [ -71.21526725752311, 46.80368126698747 ], [ -71.21525663175885, 46.803812186927274 ], [ -71.21536288940612, 46.803914013326334 ], [ -71.21638296282434, 46.80434313674988 ], [ -71.21572416540857, 46.804699524787566 ], [ -71.21504411646342, 46.80497590572196 ], [ -71.21448095092981, 46.8051431882289 ], [ -71.2139921657506, 46.80528865085586 ], [ -71.2137583989257, 46.80532501645129 ], [ -71.2126108163308, 46.804277677465876 ] ], "type": "LineString" }, "id": 8 }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21726490130065, 46.80199382591371 ], [ -71.21707363753468, 46.8017901656533 ], [ -71.21697800565167, 46.80163741995156 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21371911875767, 46.80530826604567 ], [ -71.21324095933437, 46.80551918608293 ], [ -71.21277342567646, 46.80590465849684 ], [ -71.2121146282492, 46.80662468447565 ], [ -71.21173210071056, 46.80697378451089 ], [ -71.21147708235178, 46.807475611842705 ], [ -71.21154083694127, 46.80780288801523 ], [ -71.21178522953556, 46.80805016202501 ], [ -71.21217838283867, 46.80832652574884 ], [ -71.21232714354832, 46.8084283436053 ], [ -71.21251840731763, 46.80855197931436 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21218900860403, 46.80871925070417 ], [ -71.21193399024433, 46.808464707078855 ], [ -71.21164709459124, 46.808181071334076 ], [ -71.2113495731719, 46.8078974340942 ], [ -71.21124331552282, 46.8075701584969 ], [ -71.21115830940262, 46.807191970882855 ], [ -71.21073327880433, 46.80692287423008 ], [ -71.21026574514639, 46.8067119596966 ], [ -71.20991509490295, 46.80646467953562 ], [ -71.20957507042398, 46.80621739823732 ], [ -71.20922442018049, 46.805977388831536 ], [ -71.20839561051378, 46.80560646309803 ], [ -71.20803433450583, 46.80543190892621 ], [ -71.20789619956065, 46.80527190043827 ], [ -71.20793870262119, 46.8051191646197 ], [ -71.20812996639052, 46.80495188203457 ], [ -71.20832123015894, 46.804755506162365 ], [ -71.20840623627915, 46.804660954560944 ], [ -71.20869313193312, 46.80464640814603 ], [ -71.20906503370638, 46.804610042091156 ], [ -71.2092562974757, 46.80458094922986 ], [ -71.20954319312968, 46.80458094922986 ], [ -71.20966007654414, 46.80460276887757 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.20923232045465, 46.805953160618 ], [ -71.20923232045465, 46.80620664424785 ], [ -71.20930638760852, 46.806439848132044 ], [ -71.20973597709914, 46.806561519322884 ], [ -71.2100766860053, 46.806744025592224 ], [ -71.21026926060429, 46.806865696095 ], [ -71.2103581411888, 46.80705834049405 ], [ -71.21019519345107, 46.807250984203534 ], [ -71.20994336512884, 46.807443627223165 ], [ -71.20970635023784, 46.80758557427001 ], [ -71.2094545219156, 46.80777821609132 ], [ -71.20938045476176, 46.80793030125213 ], [ -71.2094248950543, 46.80815335871037 ], [ -71.20943970848496, 46.808335859579245 ], [ -71.20908418614755, 46.80837641524363 ], [ -71.20877310410275, 46.80837641524363 ], [ -71.2085212757805, 46.808386554155334 ], [ -71.20834351461208, 46.80866030403928 ], [ -71.2082250071663, 46.8088428031881 ], [ -71.2079731788447, 46.8088428031881 ], [ -71.20758802964598, 46.8088428031881 ], [ -71.20733620132374, 46.8088326643628 ], [ -71.20692142526437, 46.80907599564367 ], [ -71.20672885066475, 46.80925849338209 ], [ -71.20656590292698, 46.80922807713549 ], [ -71.2062992611741, 46.80911655075039 ], [ -71.2060178059912, 46.80902530171775 ], [ -71.20576597766895, 46.80901516292684 ], [ -71.2053956419009, 46.80901516292684 ], [ -71.2049512389796, 46.80901516292684 ], [ -71.20469941065801, 46.80902530171775 ], [ -71.2044920226277, 46.80929904835119 ], [ -71.2044920226277, 46.80956265490332 ], [ -71.20444758233576, 46.80977556694472 ], [ -71.20443276890512, 46.81017097278573 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21240231567313, 46.806333962241496 ], [ -71.212716577596, 46.80653162295792 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2118247532214, 46.80689787471809 ], [ -71.21196914383415, 46.80696763667564 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "champlain" }, "geometry": { "coordinates": [ [ -71.22852862282602, 46.79511682024659 ], [ -71.2271882658052, 46.79537681217593 ], [ -71.22578089093312, 46.7960803134506 ], [ -71.22432883749387, 46.796554406948474 ], [ -71.22363631969986, 46.79695203053271 ], [ -71.22296614118943, 46.797303772023014 ], [ -71.22209490912581, 46.79764021825426 ], [ -71.22131303419698, 46.797884905100375 ], [ -71.22048648070097, 46.79817546928547 ], [ -71.21992799860897, 46.798542495487396 ], [ -71.2182525523329, 46.799444757590095 ], [ -71.21722494528323, 46.80001057525786 ], [ -71.21626435608526, 46.80083635252649 ], [ -71.21516973118479, 46.80157036612448 ], [ -71.21429849912117, 46.802105578060605 ], [ -71.21376235631273, 46.80261020158042 ], [ -71.21351662419231, 46.802931323174164 ], [ -71.21351662419231, 46.803099528958285 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "champlain" }, "geometry": { "coordinates": [ [ -71.22200555199099, 46.79770139006996 ], [ -71.22091092709053, 46.79842015369823 ], [ -71.22010671287812, 46.79897068955779 ], [ -71.21921314153091, 46.799368295287024 ], [ -71.2183865880349, 46.79975060571684 ], [ -71.21742599883642, 46.799964698371554 ], [ -71.21709090958126, 46.80008703664879 ] ], "type": "LineString" } }, { "type": "Feature", "properties": {"type": "gilmour"}, "geometry": { "coordinates": [ [ -71.2294560442947, 46.795715176704874 ], [ -71.2294629353303, 46.79546514258436 ], [ -71.22970412156683, 46.795224542617206 ], [ -71.22973168570805, 46.79504055368136 ], [ -71.22965588431943, 46.79485656411606 ], [ -71.22908392838708, 46.79488958793053 ], [ -71.22858088280724, 46.79504527135401 ], [ -71.22842928002997, 46.79501224763544 ], [ -71.22834658760628, 46.7948376933559 ], [ -71.228904761468, 46.79456878430432 ], [ -71.22932511462363, 46.79431402712092 ], [ -71.22942158911846, 46.7940592687315 ], [ -71.22885652422057, 46.79407342200713 ], [ -71.22846373520676, 46.794163059332305 ], [ -71.22796068962748, 46.79371015342474 ] ], "type": "LineString" } } ] }" ></div> <button x-show="!listOpen" class="absolute bottom-0 left-0 z-40 inline-flex w-full items-center bg-beige-100 py-3 text-center text-xs font-bold md:hidden" @click="listOpen = true" > <span class="mx-auto h-[4px] w-[60px] rounded-full bg-black/40"></span> </button> </div> <div class="absolute left-3 right-3 top-3 md:left-[460px]"> <div class="absolute left-0 top-0 z-10"> <div x-show="goToLink == 'brave'" @click="goToBrave" class="hidden cursor-pointer flex-col border border-black bg-beige-100 md:flex md:w-[150px] lg:w-[205px]" > <div class="px-3 pt-3"> <img class="w-full" src="https://www.plainesdabraham.ca/cpresources/6cfc8029/map-brave.png?v=1742490266" > </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-3 py-2 gap-3 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Braves' });goToBrave()" > <span class="font-normal">Visiter le parc des Braves</span> <svg class="size-6 animate-arrow shrink-0" 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> </div> <div x-show="goToLink == 'brave'" x-cloak class="block md:hidden" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 shrink-1 text-sm bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Braves' });goToBrave()" > Le parc <br>des Braves <svg class="size-4 animate-arrow shrink-0" 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> </div> <div x-show="goToLink == 'plains'" @click="goToPlains" class="hidden cursor-pointer flex-col border border-black bg-beige-100 md:flex md:w-[150px] lg:w-[205px]" > <div class="px-3 pt-3"> <img class="w-full" src="https://www.plainesdabraham.ca/cpresources/6cfc8029/map-plaines.png?v=1742490266" > </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-3 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Plaines' });goToPlains()" > <span class="font-normal">Visiter les Plaines d’Abraham</span> <svg class="size-6 animate-arrow shrink-0" 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> </div> <div x-show="goToLink == 'plains'" class="block md:hidden" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 shrink-1 text-sm bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Plaines' });goToPlains()" > Les Plaines <svg class="size-4 animate-arrow shrink-0" 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> </div> </div> <div class="absolute right-0 top-0 z-10 md:max-w-[calc(100%_-_150px_-_0.75rem)] lg:max-w-[calc(100%_-_200px_-_0.75rem)]"> <div class="flex flex-wrap items-center justify-end gap-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-5 py-2 gap-2 hidden md:inline-flex bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleWalkingTrails()" x-bind:aria-selected="walkingTrailsVisible" > Sentiers </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-5 py-2 gap-2 hidden md:inline-flex bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleSkiTrails()" x-bind:aria-selected="skiTrailsVisible" > Pistes de ski </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleWalkingTrails()" x-bind:aria-selected="walkingTrailsVisible" > <svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' > <path d="M10.1055 3C10.1055 3.66304 10.3689 4.29893 10.8377 4.76777C11.3065 5.23661 11.9424 5.5 12.6055 5.5C13.2685 5.5 13.9044 5.23661 14.3732 4.76777C14.8421 4.29893 15.1055 3.66304 15.1055 3C15.1055 2.33696 14.8421 1.70107 14.3732 1.23223C13.9044 0.763392 13.2685 0.5 12.6055 0.5C11.9424 0.5 11.3065 0.763392 10.8377 1.23223C10.3689 1.70107 10.1055 2.33696 10.1055 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.3173 11.0149C14.1883 10.5679 13.5223 9.32587 12.6783 7.75287L12.4163 7.27087C12.2701 7.00797 12.0482 6.79511 11.7794 6.65994C11.5107 6.52477 11.2075 6.47354 10.9092 6.51289C10.611 6.55225 10.3315 6.68038 10.107 6.88064C9.88246 7.0809 9.72337 7.34404 9.65034 7.63587L6.15034 21.6359C6.05381 22.0216 6.1144 22.4299 6.3188 22.771C6.52319 23.1121 6.85466 23.3581 7.24034 23.4549C7.36012 23.4844 7.48298 23.4995 7.60634 23.4999C7.94076 23.4996 8.26549 23.3875 8.52893 23.1815C8.79237 22.9755 8.97941 22.6874 9.06034 22.3629L10.3073 17.3739C11.2203 18.7269 11.4823 19.6019 12.1473 22.3519C12.2261 22.6782 12.4121 22.9687 12.6755 23.1769C12.939 23.385 13.2646 23.4987 13.6003 23.4999C13.7192 23.4996 13.8377 23.4855 13.9533 23.4579C14.1449 23.4116 14.3255 23.3281 14.4848 23.2121C14.644 23.096 14.7789 22.9497 14.8816 22.7815C14.9843 22.6134 15.0529 22.4266 15.0834 22.2319C15.1139 22.0372 15.1057 21.8384 15.0593 21.6469C14.0243 17.3699 13.6703 16.7839 11.2473 13.5969L11.7323 11.6609C13.1375 12.9986 14.9564 13.8179 16.8893 13.9839C17.0866 14.0169 17.2885 14.0102 17.4832 13.9641C17.6778 13.9179 17.8613 13.8333 18.0227 13.7153C18.1842 13.5972 18.3204 13.448 18.4234 13.2765C18.5263 13.105 18.5939 12.9146 18.6222 12.7166C18.6505 12.5185 18.6388 12.3169 18.588 12.1234C18.5372 11.9299 18.4482 11.7486 18.3262 11.59C18.2043 11.4314 18.0518 11.2989 17.8779 11.2001C17.7039 11.1013 17.512 11.0384 17.3133 11.0149H17.3173Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1055 9.5L17.6055 23.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.80109 13.1839C3.65011 13.1501 3.50741 13.0864 3.38141 12.9966C3.2554 12.9069 3.14863 12.7928 3.06738 12.6611C2.98612 12.5295 2.93203 12.3829 2.90828 12.23C2.88453 12.0771 2.8916 11.921 2.92909 11.7709L4.15409 6.87789C4.22764 6.58453 4.41286 6.3315 4.67027 6.17272C4.92768 6.01394 5.23692 5.96197 5.53209 6.02789L6.70109 6.28889C6.85167 6.32294 6.99395 6.3867 7.11957 6.47645C7.2452 6.56619 7.35164 6.68011 7.43267 6.81152C7.5137 6.94294 7.56768 7.0892 7.59145 7.24175C7.61522 7.3943 7.60829 7.55005 7.57109 7.69989L6.34809 12.5999C6.27453 12.8933 6.08932 13.1463 5.83191 13.3051C5.5745 13.4638 5.26526 13.5158 4.97009 13.4499L3.80109 13.1839Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.84766 8.09961L7.27666 8.86661" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleSkiTrails()" x-bind:aria-selected="skiTrailsVisible" > <svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' > <path d="M13.125 3.375C13.125 4.07119 13.4016 4.73887 13.8938 5.23116C14.3861 5.72344 15.0538 6 15.75 6C16.4462 6 17.1139 5.72344 17.6062 5.23116C18.0984 4.73887 18.375 4.07119 18.375 3.375C18.375 2.67881 18.0984 2.01113 17.6062 1.51884C17.1139 1.02656 16.4462 0.75 15.75 0.75C15.0538 0.75 14.3861 1.02656 13.8938 1.51884C13.4016 2.01113 13.125 2.67881 13.125 3.375Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.25 15.7491H6.75C7.14755 15.7491 7.5288 15.5912 7.81 15.3101L8.751 14.3691L10.71 15.9991C10.8791 16.14 11.0151 16.3162 11.1084 16.5155C11.2017 16.7148 11.2501 16.9321 11.25 17.1521V20.2491" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.25 20.2503V17.1553C14.2497 16.496 14.1046 15.8448 13.8248 15.2478C13.545 14.6507 13.1375 14.1225 12.631 13.7003L10.881 12.2423L12.454 10.6693C13.6673 11.4599 15.0829 11.8835 16.531 11.8893C17.5429 11.8911 18.5445 11.6869 19.475 11.2893L21.59 10.3823C21.7781 10.3098 21.9497 10.2001 22.0944 10.0598C22.2392 9.91951 22.3542 9.75146 22.4326 9.5657C22.5109 9.37994 22.551 9.1803 22.5505 8.97869C22.5499 8.77709 22.5088 8.57766 22.4294 8.39233C22.3501 8.207 22.2342 8.03956 22.0886 7.90003C21.9431 7.7605 21.771 7.65173 21.5825 7.58023C21.394 7.50873 21.193 7.47596 20.9915 7.48388C20.7901 7.49181 20.5923 7.54026 20.41 7.62634L18.291 8.53334C17.5745 8.83955 16.7907 8.95446 16.0165 8.86681C15.2422 8.77916 14.5039 8.49197 13.874 8.03334L10.417 5.51734C9.61144 4.93125 8.69719 4.51151 7.72763 4.28264C6.75806 4.05377 5.75262 4.02035 4.77 4.18434L2.752 4.52134C2.3614 4.58942 2.01363 4.80939 1.78475 5.13315C1.55586 5.4569 1.46447 5.85811 1.53055 6.24906C1.59664 6.64001 1.81482 6.98889 2.1374 7.21943C2.45998 7.44998 2.86072 7.54342 3.252 7.47934L5.269 7.14334C5.8584 7.04514 6.46145 7.06531 7.04297 7.20266C7.62449 7.34001 8.17283 7.5918 8.656 7.94334L9.975 8.90034L6.129 12.7503H0.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.54841 8.92014L3.19141 7.49414" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.464 4.599L1.5 0.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.75 5.25V7.701" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.75 10.2988V18.7498" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.25 17.25H23.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.25 23.25H18.257C18.6511 23.25 19.0414 23.1724 19.4055 23.0216C19.7696 22.8708 20.1004 22.6497 20.379 22.371L21 21.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.988281 17.5801L2.32728 19.1421C2.84488 19.7461 3.58119 20.1198 4.37428 20.1811L5.25028 20.2491" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="$store.fullscreenMap.toggle()" > <span x-show="$store.fullscreenMap.fullscreen"><svg class="size-4 shrink-0" 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="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/> </svg> </span> <span x-show="!$store.fullscreenMap.fullscreen"><svg class="size-4 shrink-0" 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="M3 7V5a2 2 0 0 1 2-2h2"/> <path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/> <rect width="10" height="8" x="7" y="8" rx="1"/> </svg> </span> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 md:inline-flex hidden bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="$store.fullscreenMap.toggle()" > <span x-show="$store.fullscreenMap.fullscreen"><svg class="size-6 shrink-0" 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="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/> </svg> </span> <span x-show="!$store.fullscreenMap.fullscreen"><svg class="size-6 shrink-0" 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="M3 7V5a2 2 0 0 1 2-2h2"/> <path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/> <rect width="10" height="8" x="7" y="8" rx="1"/> </svg> </span> </a> </div> </div> </div> <div class="absolute bottom-5 left-3 right-3 flex justify-center md:left-[460px]"> <div x-show="skiTrailsVisible" class="w-full max-w-[630px]"> <div class="hidden items-center justify-between gap-5 border border-black bg-beige-200 p-5 lg:flex"> <div class="flex-grow font-semibold">Pour consulter les informations sur les pistes de ski, veuillez cliquer ici</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 w-full max-w-[220px] [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/conditions-pistes-ski-fond" @click=" gtag('event', 'carte_bandeau_piste_clic');" > Voir les conditions <svg class="size-4 animate-arrow shrink-0" 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> </div> <div class="mb-5 block border border-black bg-beige-200 lg:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-6 py-4 text-base gap-4 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainesdabraham.ca/conditions-pistes-ski-fond" @click=" gtag('event', 'carte_bandeau_piste_clic');" > Voir les conditions <svg class="size-4 animate-arrow shrink-0" 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> </div> </div> <div x-show="walkingTrailsVisible" class="w-full max-w-[630px]"> <div class="hidden items-center justify-between gap-5 border border-black bg-beige-200 p-5 lg:flex"> <div class="flex-grow font-semibold">Pour consulter les informations sur les sentiers, veuillez cliquer ici</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 w-full max-w-[220px] [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="" @click=" gtag('event', 'carte_bandeau_piste_clic');" > Voir les sentiers <svg class="size-4 animate-arrow shrink-0" 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> </div> <div class="mb-5 block border border-black bg-beige-200 lg:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-6 py-4 text-base gap-4 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="" @click=" gtag('event', 'carte_bandeau_piste_clic');" > Voir les sentiers <svg class="size-4 animate-arrow shrink-0" 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> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="jardin-jeanne-d-arc" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="jardin-jeanne-d-arc" data-url="https://www.plainesdabraham.ca/location-drawer/jardin-jeanne-d-arc" data-id="jardin-jeanne-d-arc" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="serres" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="serres" data-url="https://www.plainesdabraham.ca/location-drawer/serres" data-id="serres" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="verger-louis-hébert" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="verger-louis-hébert" data-url="https://www.plainesdabraham.ca/location-drawer/verger-louis-hébert" data-id="verger-louis-hébert" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="musee-plaines-d-abraham" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="musee-plaines-d-abraham" data-url="https://www.plainesdabraham.ca/location-drawer/musee-plaines-d-abraham" data-id="musee-plaines-d-abraham" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="glissades-sur-neige" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="glissades-sur-neige" data-url="https://www.plainesdabraham.ca/location-drawer/glissades-sur-neige" data-id="glissades-sur-neige" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="anneau-de-glace" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="anneau-de-glace" data-url="https://www.plainesdabraham.ca/location-drawer/anneau-de-glace" data-id="anneau-de-glace" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="site-des-grands-evenements" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="site-des-grands-evenements" data-url="https://www.plainesdabraham.ca/location-drawer/site-des-grands-evenements" data-id="site-des-grands-evenements" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="site-commemoratif-premiere-guerre-mondiale" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="site-commemoratif-premiere-guerre-mondiale" data-url="https://www.plainesdabraham.ca/location-drawer/site-commemoratif-premiere-guerre-mondiale" data-id="site-commemoratif-premiere-guerre-mondiale" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="plates-bandes-avenue-ontario" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="plates-bandes-avenue-ontario" data-url="https://www.plainesdabraham.ca/location-drawer/plates-bandes-avenue-ontario" data-id="plates-bandes-avenue-ontario" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="cafe-la-maison-smith" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="cafe-la-maison-smith" data-url="https://www.plainesdabraham.ca/location-drawer/cafe-la-maison-smith" data-id="cafe-la-maison-smith" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="cote-gilmour" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="cote-gilmour" data-url="https://www.plainesdabraham.ca/location-drawer/cote-gilmour" data-id="cote-gilmour" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="oeuvres-des-artistes-des-premières-nations" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="oeuvres-des-artistes-des-premières-nations" data-url="https://www.plainesdabraham.ca/location-drawer/oeuvres-des-artistes-des-premières-nations" data-id="oeuvres-des-artistes-des-premières-nations" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="terrains-petanque" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="terrains-petanque" data-url="https://www.plainesdabraham.ca/location-drawer/terrains-petanque" data-id="terrains-petanque" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monuments-levis-murray" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monuments-levis-murray" data-url="https://www.plainesdabraham.ca/location-drawer/monuments-levis-murray" data-id="monuments-levis-murray" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="vestiges-du-blockhaus" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="vestiges-du-blockhaus" data-url="https://www.plainesdabraham.ca/location-drawer/vestiges-du-blockhaus" data-id="vestiges-du-blockhaus" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="terrasse-pierre-dugua-de-mons" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="terrasse-pierre-dugua-de-mons" data-url="https://www.plainesdabraham.ca/location-drawer/terrasse-pierre-dugua-de-mons" data-id="terrasse-pierre-dugua-de-mons" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="cadran-solaire" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="cadran-solaire" data-url="https://www.plainesdabraham.ca/location-drawer/cadran-solaire" data-id="cadran-solaire" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monument-pierre-dugua-de-mons" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monument-pierre-dugua-de-mons" data-url="https://www.plainesdabraham.ca/location-drawer/monument-pierre-dugua-de-mons" data-id="monument-pierre-dugua-de-mons" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="vestiges-maison-pinguet-et-moulin-dumont" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="vestiges-maison-pinguet-et-moulin-dumont" data-url="https://www.plainesdabraham.ca/location-drawer/vestiges-maison-pinguet-et-moulin-dumont" data-id="vestiges-maison-pinguet-et-moulin-dumont" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monument-aux-combattants" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monument-aux-combattants" data-url="https://www.plainesdabraham.ca/location-drawer/monument-aux-combattants" data-id="monument-aux-combattants" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="terrasse-grey" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="terrasse-grey" data-url="https://www.plainesdabraham.ca/location-drawer/terrasse-grey" data-id="terrasse-grey" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="terrain-des-sports" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="terrain-des-sports" data-url="https://www.plainesdabraham.ca/location-drawer/terrain-des-sports" data-id="terrain-des-sports" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="kiosque-edwin-bélanger" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="kiosque-edwin-bélanger" data-url="https://www.plainesdabraham.ca/location-drawer/kiosque-edwin-bélanger" data-id="kiosque-edwin-bélanger" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="parc-des-braves" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="parc-des-braves" data-url="https://www.plainesdabraham.ca/location-drawer/parc-des-braves" data-id="parc-des-braves" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="croix-du-sacrifice" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="croix-du-sacrifice" data-url="https://www.plainesdabraham.ca/location-drawer/croix-du-sacrifice" data-id="croix-du-sacrifice" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="statue-jeanne-darc" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="statue-jeanne-darc" data-url="https://www.plainesdabraham.ca/location-drawer/statue-jeanne-darc" data-id="statue-jeanne-darc" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="puits-de-wolfe" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="puits-de-wolfe" data-url="https://www.plainesdabraham.ca/location-drawer/puits-de-wolfe" data-id="puits-de-wolfe" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="fontaine-du-centenaire" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="fontaine-du-centenaire" data-url="https://www.plainesdabraham.ca/location-drawer/fontaine-du-centenaire" data-id="fontaine-du-centenaire" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monument-wolfe" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monument-wolfe" data-url="https://www.plainesdabraham.ca/location-drawer/monument-wolfe" data-id="monument-wolfe" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monument-des-braves" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monument-des-braves" data-url="https://www.plainesdabraham.ca/location-drawer/monument-des-braves" data-id="monument-des-braves" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="tour-martello-4" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="tour-martello-4" data-url="https://www.plainesdabraham.ca/location-drawer/tour-martello-4" data-id="tour-martello-4" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="tour-martello-2" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="tour-martello-2" data-url="https://www.plainesdabraham.ca/location-drawer/tour-martello-2" data-id="tour-martello-2" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="tour-martello-1" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="tour-martello-1" data-url="https://www.plainesdabraham.ca/location-drawer/tour-martello-1" data-id="tour-martello-1" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="chalet-des-patineurs" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="chalet-des-patineurs" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/chalet-des-patineurs" data-id="chalet-des-patineurs" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="relais-chauffe-musee" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="relais-chauffe-musee" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/relais-chauffe-musee" data-id="relais-chauffe-musee" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="relais-pavillon-central" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="relais-pavillon-central" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/relais-pavillon-central" data-id="relais-pavillon-central" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="relais-et-salle-de-fartage-chauffes" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="relais-et-salle-de-fartage-chauffes" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/relais-et-salle-de-fartage-chauffes" data-id="relais-et-salle-de-fartage-chauffes" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="abreuvoir" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="abreuvoir" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/abreuvoir" data-id="abreuvoir" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="station-avelo" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="station-avelo" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/station-avelo" data-id="station-avelo" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="surete" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="surete" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/surete" data-id="surete" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="toilettes-intersection-montcalm-et-george-vi" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="toilettes-intersection-montcalm-et-george-vi" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/toilettes-intersection-montcalm-et-george-vi" data-id="toilettes-intersection-montcalm-et-george-vi" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="toilettes-musée-des-plaines-dabraham" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="toilettes-musée-des-plaines-dabraham" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/toilettes-musée-des-plaines-dabraham" data-id="toilettes-musée-des-plaines-dabraham" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="toilettes-avenue-taché" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="toilettes-avenue-taché" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/toilettes-avenue-taché" data-id="toilettes-avenue-taché" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="toilettes-pavillon-central" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="toilettes-pavillon-central" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/toilettes-pavillon-central" data-id="toilettes-pavillon-central" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-avenue-george-vi" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-avenue-george-vi" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-avenue-george-vi" data-id="stationnement-avenue-george-vi" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-terrasse-grey" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-terrasse-grey" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-terrasse-grey" data-id="stationnement-terrasse-grey" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-de-bernieres" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-de-bernieres" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-de-bernieres" data-id="stationnement-de-bernieres" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-avenue-tache" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-avenue-tache" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-avenue-tache" data-id="stationnement-avenue-tache" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-avenue-laurier" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-avenue-laurier" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-avenue-laurier" data-id="stationnement-avenue-laurier" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-musee-plaines-d-abraham" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-musee-plaines-d-abraham" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-musee-plaines-d-abraham" data-id="stationnement-musee-plaines-d-abraham" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-montcalm" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-montcalm" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-montcalm" data-id="stationnement-montcalm" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="stationnement-avenue-de-laune" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Retour au lieux </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="stationnement-avenue-de-laune" data-url="https://www.plainesdabraham.ca/point-of-interest-drawer/stationnement-avenue-de-laune" data-id="stationnement-avenue-de-laune" @html-get-load.window="load" > <div x-show="error"> Erreur de chargement du lieu </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 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="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> </div> </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-esuxet" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-infolettre-esuxet","formId":1405,"formHandle":"infolettre","registeredJs":[{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/duplicate.js?v=1741046123","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-infolettre-esuxet","sessionKey":"__DUP_14057","value":"67eb7ed1db2436.56919129"}},{"src":"https:\/\/www.plainesdabraham.ca\/cpresources\/2a4d7dc4\/js\/captchas\/javascript.js?v=1741046123","module":"FormieJSCaptcha","settings":{"formId":"fui-infolettre-esuxet","sessionKey":"__JSCHK_14057","value":"67eb7ed1dbe945.68677688"}}],"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-esuxet-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-esuxet-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-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="nom" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-infolettre-esuxet-fields-nom" data-field-label>Nom</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-esuxet-fields-nom" class="fui-input" name="fields[nom]" data-fui-id="infolettre-nom"></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-esuxet-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-esuxet-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-esuxet-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-esuxet-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-esuxet-fields-preferenceLangue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-infolettre-esuxet-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="67eb7ed1dbe945.68677688";</script></body>  </html>

CINXE.COM

Carte interactive – Plaines d’Abraham