SPB Git

spb/lou-ka Public

Lou·Ka — tous les logements à louer du Québec, un seul endroit.

HTML 99.7%
118.5 KB · 1,913 lines html
Raw Blame History
1<!DOCTYPE html>2<html lang="fr">3<head>4    <meta charset="utf-8">5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">6    <meta name="viewport" content="width=device-width, initial-scale=1">78    <title>Logis-Experts | 1399 Rue De L&amp;#039;oural</title>9<meta name="csrf-token" content="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">10<meta name="domains" content="https://logis-experts.com">11<meta name="description" content="Appartements disponibles à 1399 Rue De L&amp;#039;oural — 1399 Rue de l&amp;#039;Oural, Québec, QC G1C 7C9, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/1399-rue-de-loural" />1415<meta property="og:title" content="Logis-Experts | 1399 Rue De L&amp;#039;oural"/>16<meta property="og:description" content="Appartements disponibles à 1399 Rue De L&amp;#039;oural — 1399 Rue de l&amp;#039;Oural, Québec, QC G1C 7C9, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/1399-rue-de-loural"/>18<meta property="og:image:url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>19<meta property="og:image:secure_url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>20<meta property="og:locale" content="fr_CA"/>21<meta property="og:site_name" content="Logis-Experts"/>22<meta property="og:type" content="website"/>2324<meta name="twitter:card" content="summary_large_image" />25<meta name="twitter:title" content="Logis-Experts | 1399 Rue De L&amp;#039;oural" />26<meta name="twitter:description" content="Appartements disponibles à 1399 Rue De L&amp;#039;oural — 1399 Rue de l&amp;#039;Oural, Québec, QC G1C 7C9, Canada. Géré par Logis-Experts." />27<meta name="twitter:image" content="https://logis-experts.com/static/images/logis-experts-seo.jpg" />2829<script type="application/ld+json">30{31    "@context": "https://schema.org",32    "@graph": [33        {34            "@type": "WebPage",35            "@id": "https://logis-experts.com/immeuble/1399-rue-de-loural",36            "url": "https://logis-experts.com/immeuble/1399-rue-de-loural",37            "name": "Logis-Experts | 1399 Rue De L&#039;oural",38            "isPartOf": {39                "@id": "https://logis-experts.com/#website"40            },41            "datePublished": "2018-11-12T17:08:22+00:00",42            "dateModified": "2026-08-08T22:22:08+00:00",43            "breadcrumb": {44                "@id": "https://logis-experts.com/immeuble/1399-rue-de-loural/#breadcrumb"45            },46            "inLanguage": "fr-CA",47            "potentialAction": [48                {49                    "@type": "ReadAction",50                    "target": [51                        "https://logis-experts.com/immeuble/1399-rue-de-loural"52                    ]53                }54            ]55        },56        {57            "@type": "BreadcrumbList",58            "@id": "https://logis-experts.com/immeuble/1399-rue-de-loural/#breadcrumb",59            "itemListElement": [60                {61                    "@type": "ListItem",62                    "position": 1,63                    "name": "Accueil",64                    "item": "https://logis-experts.com/"65                },66                {67                    "@type": "ListItem",68                    "position": 2,69                    "name": "Appartements",70                    "item": "https://logis-experts.com/appartements"71                },72                {73                    "@type": "ListItem",74                    "position": 3,75                    "name": "Immeuble 1399 Rue De L'oural",76                    "item": "https://logis-experts.com/immeuble/1399-rue-de-loural"77                },78                {79                    "@type": "ListItem",80                    "position": 4,81                    "name": "Appartement #5",82                    "item": "https://logis-experts.com/immeuble/1399-rue-de-loural/appartement/5"83                }84            ]85        },86        {87            "@type": "WebSite",88            "@id": "https://logis-experts.com/#website",89            "url": "https://logis-experts.com",90            "name": "Logis-Experts",91            "description": "Gestionnaire et constructeur d'immeubles multi-locatifs offrant des logements contemporains et une qualité de vie supérieure à ses clients.",92            "publisher": {93                "@id": "https://logis-experts.com/#organization"94            },95            "potentialAction": [],96            "inLanguage": "fr-CA"97        },98        {99            "@type": "Organization",100            "@id": "https://logis-experts.com/#organization",101            "name": "Logis-Experts",102            "url": "https://logis-experts.com",103            "sameAs": [104                "https://www.facebook.com/Logis.Experts",105                "https://www.instagram.com/logisexperts",106                "https://www.linkedin.com/company/logis-experts"107            ],108            "logo": {109                "@type": "ImageObject",110                "inLanguage": "fr-CA",111                "@id": "https://logis-experts.com/#/schema/logo/image/",112                "url": "https://logis-experts.com/static/images/logo-color-256.png",113                "contentUrl": "https://logis-experts.com/static/images/logo-color-256.png",114                "width": 256,115                "height": 62,116                "caption": "Logis-Experts"117            },118            "image": {119                "@id": "https://logis-experts.com/#/schema/logo/image/"120            }121        }122    ]123}124</script>125126<!-- Google tag (gtag.js) -->127<script async src="https://www.googletagmanager.com/gtag/js?id=G-XFBDG95X6G"></script>128<script>129    window.dataLayer = window.dataLayer || [];130    function gtag(){dataLayer.push(arguments);}131    gtag('js', new Date());132    gtag('config', 'G-VHXPWG5S84');133    gtag('config', 'G-XFBDG95X6G');134</script>135136    <link rel="icon" href="/static/favicons/favicon.png" sizes="32x32">137    <link rel="icon" href="/static/favicons/favicon.png" sizes="192x192">138    <link rel="apple-touch-icon" href="/static/favicons/favicon.png">139    <link rel="shortcut icon" type="image/x-icon" href="/static/favicons/favicon.ico"/>140    <meta name="msapplication-TileImage" content="/static/favicons/favicon.png">141142        143    <link rel="preconnect" href="https://fonts.googleapis.com">144    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>145    <link146        href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=block"147        rel="stylesheet">148149    <!-- Styles -->150    <link rel="stylesheet" href="/css/site/site.css?id=4ca0b49d179e89733f325b4de6d6ef9d">151152153    <script>154        window.apiRoute = 'https://logis-experts.com/api'155156        window.globalData = {157            apartmentTypes: {"penthouse":"Penthouse","maisondeville":"Maison de ville","condo":"Condo","loft":"Loft","1.5":"1 \u0026frac12;","1.5+office":"1 \u0026frac12; + bureau","2.5":"2 \u0026frac12;","2.5+office":"2 \u0026frac12; + bureau","3.5":"3 \u0026frac12;","3.5+office":"3 \u0026frac12; + bureau","4.5":"4 \u0026frac12;","4.5+office":"4 \u0026frac12; + bureau","5.5":"5 \u0026frac12;","5.5+office":"5 \u0026frac12; + bureau","6.5":"6 \u0026frac12;","6.5+office":"6 \u0026frac12; + bureau","7.5":"7 \u0026frac12;","7.5+office":"7 \u0026frac12; + bureau","maisondeville2chambres":"Maison de ville (2 chambres)","maisondeville3chambres":"Maison de ville (3 chambres)","maisondeville4chambres":"Maison de ville (4 chambres)"},158            apartmentAvailableDates: ["2026-08-15","2026-09-01","2026-09-03","2026-10-01","2026-11-01","2026-12-01","2027-01-01","2027-02-01","2027-07-01","2027-10-01","2028-09-01","2031-12-01"],159        }160    </script>161    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>162    <noscript>163        <style>164            /**165            * Reinstate scrolling for non-JS clients Check simplebar JS166            */167            .simplebar-content-wrapper {168                overflow: auto;169            }170        </style>171    </noscript>172173    <meta name="facebook-domain-verification" content="hjqk2jcdyb26v76sd8zmv62gibgca7"/>174            <script src=https://djibconsultantti.com/chatbot_logis_expert/ScriptProduction.js type="module" async></script>175176        <!-- Meta Pixel Code -->177        <script>178            !function(f,b,e,v,n,t,s)179            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?180                n.callMethod.apply(n,arguments):n.queue.push(arguments)};181                if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';182                n.queue=[];t=b.createElement(e);t.async=!0;183                t.src=v;s=b.getElementsByTagName(e)[0];184                s.parentNode.insertBefore(t,s)}(window, document,'script',185                'https://connect.facebook.net/en_US/fbevents.js');186            fbq('init', '667997339700022');187            fbq('track', 'PageView');188        </script>189        <noscript><img height="1" width="1" style="display:none"190                       src="https://www.facebook.com/tr?id=667997339700022&ev=PageView&noscript=1"191            /></noscript>192        <!-- End Meta Pixel Code -->193    </head>194<body class="antialiased" x-cloak x-init="">195    <div class="relative" x-data="header">196            <header class="bg-gray-50 w-full py-3 relative z-10">197            <div class="container mx-auto">198                <div class="w-full flex flex-row justify-end items-center space-x-6">199                    <nav>200                        <ul class="u-flex-start space-x-4 md:space-x-8">201                                                            <li class="202                                203                                204                                ">205                                    <a class="transition duration-150 text-blue font-brandon text-12px font-bold uppercase border-b-2 border-transparent hover:border-blue"206                                       href="/">207                                        Accueil208                                    </a>209                                </li>210                                                            <li class="211                                hidden md:block212                                213                                ">214                                    <a class="transition duration-150 text-blue font-brandon text-12px font-bold uppercase border-b-2 border-transparent hover:border-blue"215                                       href="/commerciaux">216                                        Locaux commerciaux217                                    </a>218                                </li>219                                                            <li class="220                                221                                222                                ">223                                    <a class="transition duration-150 text-blue font-brandon text-12px font-bold uppercase border-b-2 border-transparent hover:border-blue"224                                       href="/nous-joindre">225                                        Nous joindre226                                    </a>227                                </li>228                                                            <li class="229                                hidden md:block230                                231                                ">232                                    <a class="transition duration-150 text-blue font-brandon text-12px font-bold uppercase border-b-2 border-transparent hover:border-blue"233                                       href="/emplois">234                                        Offres d&#039;emploi235                                    </a>236                                </li>237                                                            <li class="238                                239                                block md:hidden240                                ">241                                    <a class="transition duration-150 text-blue font-brandon text-12px font-bold uppercase border-b-2 border-transparent hover:border-blue"242                                       href="/emplois">243                                        Emplois244                                    </a>245                                </li>246                                                    </ul>247                    </nav>248                    <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts">249                        <svg  class="text-blue h-4 w-auto" xmlns="http://www.w3.org/2000/svg"250         viewBox="0 0 10.28 19.8">251        <path fill="currentColor"252              d="M6.67,19.8v-9h3l.46-3.52H6.67V5c0-1,.29-1.71,1.75-1.71h1.86V.14A25.6,25.6,0,0,0,7.56,0C4.88,0,3,1.64,3,4.65v2.6H0v3.52H3v9Z"/>253    </svg>254                    </a>255                    <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts">256                        <svg  class="text-blue h-4 w-auto" xmlns="http://www.w3.org/2000/svg"257         viewBox="0 0 21.14 21.14">258        <path fill="currentColor"259              d="M10.57,1.9c2.82,0,3.16,0,4.27.07a5.92,5.92,0,0,1,2,.36A3.26,3.26,0,0,1,18,3.12a3.22,3.22,0,0,1,.79,1.22,5.72,5.72,0,0,1,.37,2c.05,1.11.06,1.45.06,4.27s0,3.16-.06,4.27a5.85,5.85,0,0,1-.37,2,3.52,3.52,0,0,1-2,2,5.85,5.85,0,0,1-2,.37c-1.11.05-1.45.06-4.27.06s-3.16,0-4.27-.06a5.72,5.72,0,0,1-2-.37A3.22,3.22,0,0,1,3.12,18a3.26,3.26,0,0,1-.79-1.21,5.92,5.92,0,0,1-.36-2c-.05-1.11-.07-1.45-.07-4.27s0-3.16.07-4.27a5.79,5.79,0,0,1,.36-2,3.22,3.22,0,0,1,.79-1.22,3.22,3.22,0,0,1,1.22-.79A5.79,5.79,0,0,1,6.3,2c1.11-.05,1.45-.07,4.27-.07m0-1.9C7.7,0,7.34,0,6.21.06A7.74,7.74,0,0,0,3.65.55a5.38,5.38,0,0,0-3.1,3.1A7.74,7.74,0,0,0,.06,6.21C0,7.34,0,7.7,0,10.57s0,3.23.06,4.36A7.8,7.8,0,0,0,.55,17.5a5.49,5.49,0,0,0,1.22,1.87,5.16,5.16,0,0,0,1.88,1.22,7.74,7.74,0,0,0,2.56.49c1.13.05,1.49.06,4.36.06s3.23,0,4.36-.06a7.8,7.8,0,0,0,2.57-.49,5.42,5.42,0,0,0,3.09-3.09,7.8,7.8,0,0,0,.49-2.57c.05-1.13.06-1.49.06-4.36s0-3.23-.06-4.36a7.74,7.74,0,0,0-.49-2.56,5.16,5.16,0,0,0-1.22-1.88A5.49,5.49,0,0,0,17.5.55,7.8,7.8,0,0,0,14.93.06C13.8,0,13.44,0,10.57,0Z"/>260        <path fill="currentColor"261              d="M10.57,5.14A5.43,5.43,0,1,0,16,10.57,5.43,5.43,0,0,0,10.57,5.14Zm0,9a3.53,3.53,0,1,1,3.53-3.53A3.53,3.53,0,0,1,10.57,14.1Z"/>262        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>263    </svg>264                    </a>265266                    <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts">267                        <svg xmlns="http://www.w3.org/2000/svg"268          class="text-blue h-4 w-auto"269         viewBox="0 0 310 310">270        <path fill="currentColor" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73271		C77.16,101.969,74.922,99.73,72.16,99.73z"/>272        <path fill="currentColor" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4273		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>274        <path fill="currentColor" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599275		c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319276		c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995277		C310,145.43,300.549,94.761,230.454,94.761z"/>278    </svg>279                    </a>280                </div>281            </div>282        </header>283    284            <div>285            <header class="bg-white py-4 relative w-full z-10" :class="mobileDrawerMobile ? 'shadow'  : ''">286                <div class="container mx-auto">287                    <div class="flex flex-row justify-between items-center">288                        <div class="flex flex-row justify-between items-center space-x-6 md:space-x-0">289                            <div class="hamburger" :class="mobileDrawerMobile ? '-open' : ''"290                                 @click="toggleMobileDrawer">291                                <span></span>292                                <span></span>293                                <span></span>294                            </div>295                            <a class="block" href="/">296                                <img alt="Logis-Experts - Logo" src="/static/images/logo-color-256.png"297                                     class="block w-32 h-auto"/>298                            </a>299                        </div>300                        <div class="flex flex-row justify-between items-center space-x-6">301                            <nav class="hidden md:block">302                                <ul class="u-flex-start space-x-2 lg:space-x-8">303                                                                            <li>304                                            <a class="transition duration-150 text-blue font-brandon text-13px lg:text-15px font-bold uppercase border-b-2 border-transparent hover:border-blue"305                                               href="/appartements"306                                               target="_self"307                                            >308                                                Appartements309                                            </a>310                                        </li>311                                                                            <li>312                                            <a class="transition duration-150 text-blue font-brandon text-13px lg:text-15px font-bold uppercase border-b-2 border-transparent hover:border-blue"313                                               href="/entreprise"314                                               target="_self"315                                            >316                                                L&#039;entreprise317                                            </a>318                                        </li>319                                                                            <li>320                                            <a class="transition duration-150 text-blue font-brandon text-13px lg:text-15px font-bold uppercase border-b-2 border-transparent hover:border-blue"321                                               href="/projets"322                                               target="_self"323                                            >324                                                Projets et réalisations325                                            </a>326                                        </li>327                                                                            <li>328                                            <a class="transition duration-150 text-blue font-brandon text-13px lg:text-15px font-bold uppercase border-b-2 border-transparent hover:border-blue"329                                               href="/nouvelles"330                                               target="_self"331                                            >332                                                Nouvelles333                                            </a>334                                        </li>335                                                                    </ul>336                            </nav>337                            <div data-tippy-content="Mes favoris">338                                <a href="/favoris" aria-label="Vos favoris"339                                   class="bg-blue-100 w-45px h-45px p-2 rounded-full u-flex-center">340                                    <svg  class="text-blue w-auto h-full block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">341        <path fill="currentColor"342              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>343    </svg>344                                </a>345                            </div>346                        </div>347                    </div>348                </div>349            </header>350351352            <div class="header_drawer" :class="mobileDrawerMobile ? '-open' : ''">353                <div class="">354                    <nav class="">355                        <ul class="space-y-4">356                                                            <li357                                    class="358                                 359                                "360                                >361                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"362                                       href="/">363                                        Accueil364                                    </a>365                                </li>366                                                            <li367                                    class="368                                 369                                "370                                >371                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"372                                       href="/commerciaux">373                                        Locaux commerciaux374                                    </a>375                                </li>376                                                            <li377                                    class="378                                 379                                "380                                >381                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"382                                       href="/nous-joindre">383                                        Nous joindre384                                    </a>385                                </li>386                                                            <li387                                    class="388                                 389                                "390                                >391                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"392                                       href="/emplois">393                                        Offres d&#039;emploi394                                    </a>395                                </li>396                                                            <li397                                    class="398                                 hidden399                                "400                                >401                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"402                                       href="/emplois">403                                        Emplois404                                    </a>405                                </li>406                            407                                                            <li>408                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"409                                       href="/appartements">410                                        Appartements411                                    </a>412                                </li>413                                                            <li>414                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"415                                       href="/entreprise">416                                        L&#039;entreprise417                                    </a>418                                </li>419                                                            <li>420                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"421                                       href="/projets">422                                        Projets et réalisations423                                    </a>424                                </li>425                                                            <li>426                                    <a class="inline-block text-blue font-brandon text-14px font-bold uppercase border-b-2 border-transparent hover:border-blue"427                                       href="/nouvelles">428                                        Nouvelles429                                    </a>430                                </li>431                            432                        </ul>433                    </nav>434                    <a href="/favoris" class="u-flex-start space-x-6 mt-24 text-14px">435                        <span436                            class="text-blue font-brandon font-bold uppercase border-b-2 border-transparent hover:border-blue">437                            Favoris438                        </span>439                        <span class="bg-blue-100 w-45px h-45px p-2 rounded-full u-flex-center">440                            <svg  class="text-blue w-auto h-full block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">441        <path fill="currentColor"442              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>443    </svg>444                        </span>445446                    </a>447                </div>448            </div>449450            <div class="header_drawer__body" :class="mobileDrawerMobile ? '-open' : ''"451                 @click="toggleMobileDrawer"></div>452        </div>453            </div>454455    456    <main class="p-building"457          x-data="pageBuilding('1399-rue-de-loural','1', '5', '[{&quot;id&quot;:746,&quot;uuid&quot;:&quot;a4337521-770c-428f-9fb4-d1e26f0ef59d&quot;,&quot;level&quot;:0,&quot;floor_plan_id&quot;:5416,&quot;building_id&quot;:209,&quot;created_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;},{&quot;id&quot;:745,&quot;uuid&quot;:&quot;da7eeaa8-7d54-4c42-8246-a18bbf46e2a1&quot;,&quot;level&quot;:1,&quot;floor_plan_id&quot;:5412,&quot;building_id&quot;:209,&quot;created_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;},{&quot;id&quot;:744,&quot;uuid&quot;:&quot;df142503-7f96-4f1e-8281-fb8b1408c325&quot;,&quot;level&quot;:2,&quot;floor_plan_id&quot;:5406,&quot;building_id&quot;:209,&quot;created_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;},{&quot;id&quot;:743,&quot;uuid&quot;:&quot;ed2b3a03-dac4-4d16-b081-f514ac7dec91&quot;,&quot;level&quot;:3,&quot;floor_plan_id&quot;:5400,&quot;building_id&quot;:209,&quot;created_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;},{&quot;id&quot;:742,&quot;uuid&quot;:&quot;e8c09da4-e916-4c70-93bf-813990754f8b&quot;,&quot;level&quot;:4,&quot;floor_plan_id&quot;:5394,&quot;building_id&quot;:209,&quot;created_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-29T06:01:06.000000Z&quot;}]', '[&quot;5&quot;]', '[]')">458        <div class="relative">459                            <div class="p-building__slider | w-full">460                    <div class="h-full w-full flex flex-col justify-start items-start">461    <div class="c_slider_images swiper | flex-1 w-full "462         x-data="sliderImages(1,2.5,1, 1, 1, 1)">463        <div class="swiper-wrapper">464                            <div class="swiper-slide">465                    <img alt="Logis-Experts - Immeubles - 1399 Rue De L&#039;oural - Image principale"466                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "467                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8.jpg"/>468                    <div class="swiper-lazy-preloader"></div>469                </div>470                    </div>471472                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"473                @click.stop.prevent="goPrev">474            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">475        <path fill="currentColor"476              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>477    </svg>478        </button>479        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"480                @click.stop.prevent="goNext">481            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">482        <path fill="currentColor"483              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>484    </svg>485        </button>486    </div>487488    </div>489                </div>490                        <div class="p-building__popup-contact">491                <div class="u-polygon-bg-parent -shadow-xl">492                    <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">493    <h4>494        Rejoindre l'équipe de location495    </h4>496497    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"498          action="/api/globals/apartments/contact-form" method="post">499        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="209"/>500        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>501502503        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">504            <div class="c_select h-[40.5px]">505                <select name="salutation" class="w-full" value="M." required>506                    <option value="M.">M.</option>507                    <option value="Mme">Mme</option>508                    <option value="Mlle">Mlle</option>509                    <option value="Dr">Dr</option>510                    <option value="Pr">Pr</option>511                </select>512            </div>513            <div class="c_input w-full">514                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>515            </div>516            <div class="c_input w-full">517                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>518            </div>519        </div>520521522        <div class="c_input mt-2">523            <input type="email" name="email" value="" required placeholder="Courriel"/>524        </div>525        <div class="c_input mt-2">526            <input type="text" name="phone" value="" placeholder="Téléphone"/>527        </div>528        <div class="c_input mt-2">529            <textarea rows="3" class="resize-none" name="message"530                      placeholder="Message"></textarea>531        </div>532        533        534        <div class="u-flex-end mt-6 w-full">535            <div class="cf-turnstile mb-4"536                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"537                 data-refresh-expired="auto"538                 data-refresh-timeout="auto"539                 data-theme="light">540            </div>541        </div>542        <div class="u-flex-end w-full">543            <button type="submit" class="btn -text">544                Envoyer545                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">546        <path fill="currentColor"547              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>548    </svg>549            </button>550        </div>551    </form>552</div>553                </div>554            </div>555        </div>556        <div class="w-full bg-gray-300 p-2 overflow-hidden">557        <div class="container w-full">558            <ul class="xs:flex flex-row justify-start items-center">559                                    <li>560                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"561                           href="/">562                            Accueil563                                                            &nbsp;|&nbsp;564                                                    </a>565                    </li>566                                    <li>567                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"568                           href="/appartements">569                            Appartements570                                                            &nbsp;|&nbsp;571                                                    </a>572                    </li>573                                    <li>574                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"575                           href="/immeuble/1399-rue-de-loural">576                            Immeuble 1399 Rue De L&#039;oural577                                                            &nbsp;|&nbsp;578                                                    </a>579                    </li>580                                    <li>581                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"582                           href="/immeuble/1399-rue-de-loural/appartement/5">583                            Appartement #5584                                                    </a>585                    </li>586                            </ul>587        </div>588    </div>589        <div class="container w-full py-12">590            <div class="flex flex-col-reverse md:flex-row justify-between items-start md:items-center">591                <div>592                    <h5>Appartements</h5>593                    <h1 class="h3 font-extrabold" itemprop="name">1399 Rue De L&#039;oural</h1>594                </div>595                <div class="mb-4 md:mb-0">596                    <a class="btn -border" href="">597                        <svg  class="-arrow-bold block w-4 transform rotate-180 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">598        <path fill="currentColor"599              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>600    </svg>601                        Retour aux appartements602                    </a>603                </div>604            </div>605                        <div class="w-full flex flex-wrap md:flex-nowrap flex-row justify-between items-center my-6">606                                <div class="w-full ">607                    <div class="border-b border-gray-300 pb-8 u-flex-start gap-2">608                        <svg  class="w-8 h-auto block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">609        <path fill="currentColor"610              d="M20.19,6A8.24,8.24,0,0,0,12,5.78a6.8,6.8,0,0,0-3,3,8.26,8.26,0,0,0,0,7.94.16.16,0,0,0,0,.07l5.56,9.64a1.54,1.54,0,0,0,2.67,0l5.57-9.64,0-.07A7.94,7.94,0,0,0,20.19,6ZM22,16.27a.16.16,0,0,0,0,.07l-5.52,9.57a.53.53,0,0,1-.47.27.51.51,0,0,1-.47-.27L10,16.33l0-.06a7.18,7.18,0,0,1,0-7.06,5.77,5.77,0,0,1,2.55-2.53,7.25,7.25,0,0,1,7.18.18A6.94,6.94,0,0,1,23,12.79,7,7,0,0,1,22,16.27ZM16,8.64a4.15,4.15,0,1,0,4.14,4.15A4.15,4.15,0,0,0,16,8.64Zm0,7.29a3.15,3.15,0,1,1,3.14-3.14A3.15,3.15,0,0,1,16,15.93Z"/>611    </svg>612                        <div class="">613                            <p class="">614                                1399 Rue de l&#039;Oural, Québec, QC G1C 7C9, Canada615                            </p>616                                                            <p class="-small">617                                    (Quartier: Chutes-Montmorency)618                                </p>619                                                    </div>620                    </div>621                    <div class="border-b border-gray-300 py-8">622623                        <div class="md:flex flex-row justify-between items-center md:space-x-6">624                            <div class="md:flex flex-row justify-start items-center md:space-x-6">625                                                                    <div class="u-flex-start">626                                        <svg  class="text-gray-400 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">627        <path fill="currentColor"628              d="M23.79,7.35H20.74V6.25a.45.45,0,1,0-.89,0v1.1h-7.7V6.25a.45.45,0,1,0-.89,0v1.1h-3A2.67,2.67,0,0,0,5.55,10V23.54A2.67,2.67,0,0,0,8.21,26.2H23.79a2.67,2.67,0,0,0,2.66-2.66V10A2.67,2.67,0,0,0,23.79,7.35Zm1.76,16.19a1.76,1.76,0,0,1-1.76,1.76H8.21a1.76,1.76,0,0,1-1.76-1.76V10A1.76,1.76,0,0,1,8.21,8.25h3v1.1a.45.45,0,1,0,.89,0V8.25h7.7v1.1a.45.45,0,1,0,.89,0V8.25h3.05A1.76,1.76,0,0,1,25.55,10Zm-.83-12.18H7.25a.45.45,0,1,0,0,.89H24.72a.45.45,0,1,0,0-.89Zm-1.83,3H20.3a.45.45,0,0,0-.45.45v2.6a.45.45,0,0,0,.89,0V15.29h2.15a.45.45,0,1,0,0-.9Zm-5.59,0H14.7a.45.45,0,0,0-.44.45v2.6a.45.45,0,0,0,.89,0V15.29H17.3a.45.45,0,0,0,0-.9Zm-5.6,0H9.11a.45.45,0,0,0-.45.45v2.6a.45.45,0,0,0,.89,0V15.29H11.7a.45.45,0,1,0,0-.9Zm5.6,5.28H14.7a.45.45,0,0,0-.44.45v2.59a.45.45,0,1,0,.89,0V20.57H17.3a.45.45,0,0,0,0-.9Zm5.59,0H20.3a.45.45,0,0,0-.45.45v2.59a.45.45,0,1,0,.89,0V20.57h2.15a.45.45,0,1,0,0-.9Zm-11.19,0H9.11a.45.45,0,0,0-.45.45v2.59a.45.45,0,1,0,.89,0V20.57H11.7a.45.45,0,1,0,0-.9Z"/>629    </svg>630                                        <p class="-small font-regular ">631                                            Disponible à partir632                                            du 15 août 2026633                                        </p>634                                    </div>635                                                                                                    <div class="u-flex-start mt-3 md:mt-0">636                                        <svg  class="text-gray-500 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">637        <path fill="currentColor"638              d="M14.42,13.05a4.53,4.53,0,1,0,4.52,4.53A4.54,4.54,0,0,0,14.42,13.05Zm0,8.06a3.53,3.53,0,1,1,3.52-3.53A3.53,3.53,0,0,1,14.42,21.11Zm-.08-4.76a.69.69,0,0,1,.79.38.51.51,0,0,0,.65.29.5.5,0,0,0,.29-.64A1.52,1.52,0,0,0,15,15.44V15a.5.5,0,0,0-.5-.5.51.51,0,0,0-.5.5v.45A1.35,1.35,0,0,0,13,16.71c0,.66.54,1.13,1.45,1.28.45.07.72.25.7.47a.5.5,0,0,1-.59.36c-.66,0-.78-.43-.78-.43a.51.51,0,0,0-.59-.4.49.49,0,0,0-.39.59A1.65,1.65,0,0,0,14,19.75v.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5v-.43a1.46,1.46,0,0,0,1.1-1.2c.06-.65-.39-1.38-1.54-1.56-.39-.06-.61-.2-.61-.28C14,16.46,14.2,16.38,14.34,16.35Zm9.27-5H5.23a.93.93,0,0,0-.93.93V22.84a.93.93,0,0,0,.93.93H23.61a.93.93,0,0,0,.93-.93V12.32A.93.93,0,0,0,23.61,11.39Zm-18.38,1H7.49a2.7,2.7,0,0,1-2.24,2.35ZM5.3,22.84V20.59a2.73,2.73,0,0,1,2.19,2.24Zm18.24-.07H21.36a2.73,2.73,0,0,1,2.18-2.19Zm0-3.18a3.71,3.71,0,0,0-3.18,3.19l-11.88,0a3.7,3.7,0,0,0-3.2-3.24l0-3.85a3.7,3.7,0,0,0,3.24-3.36l11.87,0a3.71,3.71,0,0,0,3.18,3.23Zm0-5a2.72,2.72,0,0,1-2.18-2.24h2.18ZM25.1,9.81H6.91a.51.51,0,0,0-.5.5.5.5,0,0,0,.5.5l18.21,0V21.15a.5.5,0,0,0,1,0V10.84A1,1,0,0,0,25.1,9.81Zm1.54-1.58H8.5a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5l18.2.06V19.57a.5.5,0,0,0,1,0V9.29A1.07,1.07,0,0,0,26.64,8.23Z"/>639    </svg>640                                        <p class="text-gray-500 -small font-semibold">641                                            À partir de 995$ par mois642                                        </p>643644                                    </div>645                                                            </div>646                            <div class="mt-8 md:mt-0">647                                <div class="flex flex-row justify-start items-center space-x-3">648    <div data-tippy-content="Ajouter à vos favoris">649        <div class="bg-blue-100 p-1 rounded-full u-flex-center cursor-pointer w-40px h-40px"650     x-data="favoriteBuilding(209)" @click="onClick">651    <svg :class="isFavorite ? 'hidden' : ''" class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">652        <path fill="currentColor"653              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>654    </svg>655    <svg :class="isFavorite ? '' : 'hidden'" x-cloak class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">656        <path fill="currentColor"657              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.79-10.21,11.13A.46.46,0,0,1,15.9,25.62Z"/>658    </svg>659</div>660    </div>661662    <div data-tippy-content="Partager sur facebook">663        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareOnFacebook">664            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">665        <path fill="currentColor"666              d="M16,5.43A8.84,8.84,0,0,0,9.14,19.85a5.39,5.39,0,0,1-1.78,2.31.4.4,0,0,0-.16.39.42.42,0,0,0,.27.33,6.13,6.13,0,0,0,5-.48,8.74,8.74,0,0,0,3.5.72A8.85,8.85,0,0,0,16,5.43ZM16,22.3a7.87,7.87,0,0,1-3.35-.74.42.42,0,0,0-.39,0,5.32,5.32,0,0,1-2.8.8,4.62,4.62,0,0,1-1-.1A5.93,5.93,0,0,0,10,19.91a.43.43,0,0,0-.07-.41A8,8,0,1,1,16,22.3Zm2.37-10.64H17.2v-.38a.35.35,0,0,1,0-.06h1.13a.41.41,0,0,0,.41-.41V9.11a.41.41,0,0,0-.41-.41H16.81a2.35,2.35,0,0,0-2.5,2.49v.48h-.57a.42.42,0,0,0-.41.42v2a.42.42,0,0,0,.41.41h.58V19a.41.41,0,0,0,.41.41h2a.41.41,0,0,0,.42-.41V14.47h1.06a.4.4,0,0,0,.4-.38l.18-2a.36.36,0,0,0-.1-.31A.41.41,0,0,0,18.37,11.66Zm-.56,2h-1.1a.41.41,0,0,0-.41.41V18.6H15.15V14.06a.41.41,0,0,0-.42-.41h-.57V12.49h.57a.42.42,0,0,0,.41-.41v-.9a1.52,1.52,0,0,1,1.67-1.66h1.12v.88h-.7a.82.82,0,0,0-.85.88v.8a.41.41,0,0,0,.41.41h1.12Z"/>667    </svg>668        </div>669    </div>670    <div data-tippy-content="Partager par courriel">671        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareByEmail">672            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">673        <path fill="currentColor"674              d="M25.09,7.11a.37.37,0,0,0-.19-.33.39.39,0,0,0-.38,0L7,17.77a.38.38,0,0,0-.17.38.37.37,0,0,0,.29.3l5.94,1.26L14.82,25a.57.57,0,0,0,.5.29.39.39,0,0,0,.15,0c.06,0,.1-.06.15-.09s.09.06.14.06a.37.37,0,0,0,.27-.12l3.78-3.95,4.89,1A.34.34,0,0,0,25,22.1a.37.37,0,0,0,.14-.29Zm-9.77,17L13.8,19.49l7.81-7.8L16.66,20a.06.06,0,0,1,0,0,.05.05,0,0,0,0,0Zm.87-.28,1-3.24L19,21ZM20,20.41h0a.35.35,0,0,0-.35-.07l-2.07-.44,5.12-8.57a.65.65,0,0,0-.16-.84.63.63,0,0,0-.85.06L13.25,19l-5-1.07L24.34,7.79l.06,13.55Z"/>675    </svg>676        </div>677    </div>678    <div data-tippy-content="Copier l'URL">679        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="copyURL">680            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">681        <path fill="currentColor"682              d="M23.11,11.06H20.94V9.28a2.17,2.17,0,0,0-2.17-2.17H9.28A2.17,2.17,0,0,0,7.11,9.28v9.49a2.17,2.17,0,0,0,2.17,2.17h1.78v2.17a1.78,1.78,0,0,0,1.77,1.78H23.11a1.78,1.78,0,0,0,1.78-1.78V12.83A1.78,1.78,0,0,0,23.11,11.06ZM9.28,19.75a1,1,0,0,1-1-1V9.28a1,1,0,0,1,1-1h9.5a1,1,0,0,1,1,1v1.78H12.83a1.78,1.78,0,0,0-1.77,1.77v6.92ZM23.7,23.11a.58.58,0,0,1-.59.59H12.83a.59.59,0,0,1-.6-.59h0V12.83a.6.6,0,0,1,.6-.6H23.11a.59.59,0,0,1,.59.6h0Z"/>683    </svg>684        </div>685    </div>686    <div data-tippy-content="Imprimer">687        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="printPDF">688            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">689        <path fill="currentColor"690              d="M10.73,11.55a.5.5,0,0,0,.5-.5V7.61h9.53v3.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V7.11a.5.5,0,0,0-.5-.5H10.73a.5.5,0,0,0-.5.5v3.94A.5.5,0,0,0,10.73,11.55Zm12.92.14H8.35A1.31,1.31,0,0,0,7,13v8.54a1.31,1.31,0,0,0,1.31,1.31H9.6a.5.5,0,1,0,0-1H8.35A.31.31,0,0,1,8,21.54V13a.31.31,0,0,1,.31-.31h15.3A.31.31,0,0,1,24,13v8.54a.31.31,0,0,1-.31.31H22.4a.5.5,0,0,0,0,1h1.25A1.31,1.31,0,0,0,25,21.54V13A1.31,1.31,0,0,0,23.65,11.69Zm-2.39,4.45H10.73a.51.51,0,0,0-.5.5v8.25a.5.5,0,0,0,.5.5H21.26a.5.5,0,0,0,.5-.5V16.64A.5.5,0,0,0,21.26,16.14Zm-.5,8.25H11.23V17.14h9.53Zm-7.54-1.82h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,22.57Zm0-2.61h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,20Zm8.39-5a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H20.06a.5.5,0,0,0-.5.5.51.51,0,0,0,.5.5Z"/>691    </svg>692        </div>693    </div>694</div>695                            </div>696                        </div>697                    </div>698                </div>699            </div>700            <div class="py-12">701                <h4>702                    Plan des immeubles et détails des appartements703                </h4>704                <div class="flex flex-row flex-wrap justify-between items-stretch mt-6">705                    <div class="w-full md:w-1/2 md:pr-12">706                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">707                            708                                                            <h6 class="text-left">709                                    Plan de l'immeuble710                                </h6>711                                                        <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">712713                                                                <div class="w-full h-full flex-1">714                                                                                                                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">715    <img class="w-32 md:w-52 h-auto object-contain object-center block"716         alt="Logis-Experts - Plan à venir"717         src="/static/images/icons/no-plan@2x.png"/>718    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>719</div>720                                                                    </div>721                            </div>722                        </div>723                    </div>724                    <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">725                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">726                            <h6 class="">727                                Plan des étages728                            </h6>729                            <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">730                                                                    <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">731                                                                                    <button name="button" class="btn -border-b"732                                                    @click="changeFloorLevel('0')"733                                                    :class="floorLevel === '0' ? '-active' :''">734                                                                                                    Sous-sol735                                                                                            </button>736                                                                                    <button name="button" class="btn -border-b"737                                                    @click="changeFloorLevel('1')"738                                                    :class="floorLevel === '1' ? '-active' :''">739                                                                                                    Rez-de-chaussée740                                                                                            </button>741                                                                                    <button name="button" class="btn -border-b"742                                                    @click="changeFloorLevel('2')"743                                                    :class="floorLevel === '2' ? '-active' :''">744                                                                                                    Étage 2745                                                                                            </button>746                                                                                    <button name="button" class="btn -border-b"747                                                    @click="changeFloorLevel('3')"748                                                    :class="floorLevel === '3' ? '-active' :''">749                                                                                                    Étage 3750                                                                                            </button>751                                                                                    <button name="button" class="btn -border-b"752                                                    @click="changeFloorLevel('4')"753                                                    :class="floorLevel === '4' ? '-active' :''">754                                                                                                    Étage 4755                                                                                            </button>756                                                                            </div>757                                    <div class="w-full h-full flex-1">758                                                                                                                                    <div class="h-full w-full"759                                                     :class="floorLevel !== '0' ? 'hidden' :''">760                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">761    <img class="w-32 md:w-52 h-auto object-contain object-center block"762         alt="Logis-Experts - Plan à venir"763         src="/static/images/icons/no-plan@2x.png"/>764    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>765</div>766                                                </div>767                                                                                                                                                                                <div class="h-full w-full"768                                                     :class="floorLevel !== '1' ? 'hidden' :''">769                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">770    <img class="w-32 md:w-52 h-auto object-contain object-center block"771         alt="Logis-Experts - Plan à venir"772         src="/static/images/icons/no-plan@2x.png"/>773    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>774</div>775                                                </div>776                                                                                                                                                                                <div class="h-full w-full"777                                                     :class="floorLevel !== '2' ? 'hidden' :''">778                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">779    <img class="w-32 md:w-52 h-auto object-contain object-center block"780         alt="Logis-Experts - Plan à venir"781         src="/static/images/icons/no-plan@2x.png"/>782    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>783</div>784                                                </div>785                                                                                                                                                                                <div class="h-full w-full"786                                                     :class="floorLevel !== '3' ? 'hidden' :''">787                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">788    <img class="w-32 md:w-52 h-auto object-contain object-center block"789         alt="Logis-Experts - Plan à venir"790         src="/static/images/icons/no-plan@2x.png"/>791    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>792</div>793                                                </div>794                                                                                                                                                                                <div class="h-full w-full"795                                                     :class="floorLevel !== '4' ? 'hidden' :''">796                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">797    <img class="w-32 md:w-52 h-auto object-contain object-center block"798         alt="Logis-Experts - Plan à venir"799         src="/static/images/icons/no-plan@2x.png"/>800    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>801</div>802                                                </div>803                                                                                                                        </div>804                                                            </div>805                        </div>806807                    </div>808                </div>809            </div>810            <div class="py-12">811                <h4>812                    Appartements disponibles813                </h4>814                                                                    <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">815                        <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">816                                                                                            <div x-cloak817                                     :class="(apartmentType && apartmentType !== '4.5') ? 'hidden' : ''">818                                    <div819    id="apartment-list-item-4410"820    data-id="4410"821    data-number="5"822    class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"823     :class="`${apartmentNumber === '5' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"824     @click.prevent="showApartment('5', '1')"825>826    <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">827        <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 5</p>828        <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">829830                            <p class="font-semibold text-gray-500">831                    4 &frac12;832                </p>833                                        <p>900 pi<sup>2</sup> brute</p>834            835                            <p class="text-gray-500 font-semibold line-through">836                    1095$/mois837                </p>838                <p class="-small text-red-500 font-semibold">839                    Rabais de 100$/mois840                </p>841                <p class="text-gray-500 font-semibold">842                    995$/mois843                </p>844            845                    </div>846        <div class="w-full md:w-2/5 mt-3 md:mt-0">847                            <div class="u-flex-start relative mb-3 md:mb-0">848                                                                    <svg  class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">849        <circle stroke="currentColor" fill="none"850                stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>851        <polygon fill="currentColor"852                 points="8.49 18.59 8.49 9.57 6.47 11.26 6.47 18.59 6.47 20.61 8.49 20.61 12.91 20.61 14.59 18.59 8.49 18.59"/>853        <polygon fill="currentColor"854                 points="17.51 5.39 13.09 5.39 11.41 7.41 17.51 7.41 17.51 9.73 10.81 9.73 10.81 11.84 17.51 11.84 17.51 14.16 10.81 14.16 10.81 16.27 17.51 16.27 17.51 16.43 19.53 14.74 19.53 7.41 19.53 5.39 17.51 5.39"/>855    </svg>856                                        <p>Disponible à partir du857                        <span class="font-bold">858                            15 Août 2026859                        </span>860                    </p>861                </div>862                        <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 5</p>863            <p class="hidden md:block">1399 Rue de l&#039;Oural, Québec, QC G1C 7C9, Canada</p>864                            <div class="u-flex-start">865                    <div data-tippy-content="Climatisation">866        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">867        <path fill="currentColor"868              d="M24.27,8.54H7.73A1.78,1.78,0,0,0,6,10.31v4.82a1.78,1.78,0,0,0,1.78,1.78h7.19v4.83h.79V16.91h.58v4.83h.79V16.91h7.19a1.78,1.78,0,0,0,1.78-1.78V10.31A1.78,1.78,0,0,0,24.27,8.54Zm1,6.59a1,1,0,0,1-1,1H7.73a1,1,0,0,1-1-1V10.31a1,1,0,0,1,1-1H24.27a1,1,0,0,1,1,1ZM9.4,15.19H22.26V14.4H9.4ZM8,13.81H24V13H8Zm12.81,7.48a.4.4,0,0,0-.4.4,1,1,0,0,1-2,0V17.85h-.79v3.84a1.78,1.78,0,0,0,3.55,0A.39.39,0,0,0,20.83,21.29Zm-7.29.4a1,1,0,0,1-2,0,.4.4,0,1,0-.79,0,1.78,1.78,0,0,0,3.55,0V17.85h-.79Z"/>869    </svg>870    </div>871    <div data-tippy-content="Entrée lave-vaiselle">872        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">873        <path fill="currentColor"874              d="M22.2,6.88H9.8a.42.42,0,0,0-.43.42V24.7a.42.42,0,0,0,.43.42H22.2a.42.42,0,0,0,.43-.42V7.3A.42.42,0,0,0,22.2,6.88Zm-.43,17.39H10.23V10.83H21.77Zm0-14.29H10.23V7.73H21.77ZM11.51,9.36h1.25a.43.43,0,0,0,.42-.43.42.42,0,0,0-.42-.43H11.51a.43.43,0,0,0-.43.43A.43.43,0,0,0,11.51,9.36Z"/>875    </svg>876    </div>877    <div data-tippy-content="Électroménager">878        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">879        <path fill="currentColor"880              d="M19.67,9.1h.66a.44.44,0,0,0,.44-.43.44.44,0,0,0-.44-.44h-.66a.44.44,0,0,0-.44.44A.44.44,0,0,0,19.67,9.1Zm-5.29,3.47A.43.43,0,0,0,14,13v5.33a.44.44,0,0,0,.43.44.44.44,0,0,0,.44-.44V13A.44.44,0,0,0,14.38,12.57Zm3.26,6.2a.44.44,0,0,0,.43-.44V13a.43.43,0,0,0-.86,0v5.33A.44.44,0,0,0,17.64,18.77Zm-4.31,3h5.34a.44.44,0,0,0,.43-.44.43.43,0,0,0-.43-.43H13.33a.43.43,0,0,0-.43.43A.44.44,0,0,0,13.33,21.73Zm10-15.83H8.72a.82.82,0,0,0-.82.82V25A1.08,1.08,0,0,0,9,26.1H23A1.08,1.08,0,0,0,24.1,25V6.72A.82.82,0,0,0,23.28,5.9ZM8.77,6.77h6.8V19.23H8.77ZM23.23,25a.21.21,0,0,1-.21.21H9A.21.21,0,0,1,8.77,25V20.1H23.23Zm0-5.79h-6.8V6.77h6.8Z"/>881    </svg>882    </div>883<!-- TODO: Add all icon -->884                </div>885                    </div>886        <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">887            <!-- <a href="/comparer" class="btn -text u-flex-start">888                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">889        <path fill="currentColor"890              d="M13.77,23.68a.48.48,0,0,1-.29-.09L6.71,18.8a.51.51,0,0,1-.21-.41A.52.52,0,0,1,6.71,18l6.77-4.78a.49.49,0,0,1,.52,0,.52.52,0,0,1,.27.44v1.9h4a.5.5,0,0,1,.5.5v1.43l5.4-3.82-5.4-3.82v1.43a.5.5,0,0,1-.5.5H13.77a.5.5,0,0,1-.5-.5.5.5,0,0,1,.5-.5h4V8.82A.49.49,0,0,1,18,8.38a.49.49,0,0,1,.52,0l6.77,4.79a.51.51,0,0,1,.21.41.52.52,0,0,1-.21.41L18.52,18.8a.49.49,0,0,1-.52,0,.51.51,0,0,1-.27-.44V16.5h-4a.5.5,0,0,1-.5-.5V14.57L7.86,18.39l5.41,3.82V20.78a.5.5,0,0,1,.5-.5h4.46a.5.5,0,0,1,.5.5.5.5,0,0,1-.5.5h-4v1.9a.49.49,0,0,1-.27.44A.53.53,0,0,1,13.77,23.68Z"/>891    </svg>892            Comparer maintenant893        </a>894            <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">895                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">896        <path fill="currentColor"897              d="M11.54,15.5H11a.5.5,0,0,0,0,1h.55a.5.5,0,0,0,0-1ZM16,12a.5.5,0,0,0,.5-.5V11a.5.5,0,0,0-1,0v.55A.5.5,0,0,0,16,12Zm5,3.46h-.55a.5.5,0,0,0,0,1H21a.5.5,0,1,0,0-1ZM16,20a.5.5,0,0,0-.5.5V21a.5.5,0,1,0,1,0v-.55A.5.5,0,0,0,16,20ZM16,8.55A7.45,7.45,0,1,0,23.45,16,7.46,7.46,0,0,0,16,8.55Zm0,13.9A6.45,6.45,0,1,1,22.45,16,6.45,6.45,0,0,1,16,22.45Zm2.55-9.7-2.13,2.12a.51.51,0,0,0-.15.36.49.49,0,0,0,.15.35.6.6,0,0,1,0,.84.62.62,0,0,1-.84,0,.6.6,0,0,1,0-.84.49.49,0,0,0,.15-.35.51.51,0,0,0-.15-.36L12.7,12a.5.5,0,1,0-.71.71l2.59,2.59A1.58,1.58,0,0,0,16,17.59a1.59,1.59,0,0,0,1.42-2.3l1.83-1.84a.49.49,0,0,0-.7-.7ZM16,6.5A9.5,9.5,0,1,0,25.5,16,9.51,9.51,0,0,0,16,6.5Zm0,18A8.5,8.5,0,1,1,24.5,16,8.51,8.51,0,0,1,16,24.5Z"/>898    </svg>899                Planifier votre visite900            </a>-->901            <a href="/immeuble/1399-rue-de-loural/appartement/5"902               @click.prevent="showApartment('5', '1')"903               class="w-full md:w-auto btn -group-hover"904                :class="`${apartmentNumber === '5' ? '' : '-border'}`"905            >906                Voir les détails907            </a>908        </div>909    </div>910</div>911                                    <div class="h-px w-full bg-gray-200"></div>912                                </div>913                                                                                    </div>914                    </div>915                            </div>916        </div>917        <div class="" x-ref="apartmentDetails">918            <div class="container mx-auto">919                <!-- TODO: USe AJAX to not show all appartments ? -->920                                    <div x-cloak :class="apartmentNumber !== '5' ? 'hidden' : ''">921                        <div id="apartment-details-5" data-id="4410"922     class="bg-blue-100 p-6 block"923     x-data="apartmentDetails()">924    <div class="flex flex-row flex-wrap justify-center items-stretch">925        <div class="w-full md:w-1/2 md:pr-12">926            <h4 class="text-gray-500">927                Détails:&nbsp;Appartement 5928            </h4>929                            <p>930                    4 &frac12;931                </p>932                                        <p class="">933                    900 pi<sup>2</sup>934                </p>935            936                            <p class="text-gray-500 font-semibold line-through">937                    1095$/mois938                </p>939                <p class="-small text-red-500 font-semibold">940                    Rabais de 100$/mois941                </p>942                <p class="text-gray-500 font-semibold">943                    995$/mois944                </p>945            946947            948                            <div class="py-2 border-y border-gray-200 my-2 u-flex-start">949                    <div data-tippy-content="Climatisation">950        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">951        <path fill="currentColor"952              d="M24.27,8.54H7.73A1.78,1.78,0,0,0,6,10.31v4.82a1.78,1.78,0,0,0,1.78,1.78h7.19v4.83h.79V16.91h.58v4.83h.79V16.91h7.19a1.78,1.78,0,0,0,1.78-1.78V10.31A1.78,1.78,0,0,0,24.27,8.54Zm1,6.59a1,1,0,0,1-1,1H7.73a1,1,0,0,1-1-1V10.31a1,1,0,0,1,1-1H24.27a1,1,0,0,1,1,1ZM9.4,15.19H22.26V14.4H9.4ZM8,13.81H24V13H8Zm12.81,7.48a.4.4,0,0,0-.4.4,1,1,0,0,1-2,0V17.85h-.79v3.84a1.78,1.78,0,0,0,3.55,0A.39.39,0,0,0,20.83,21.29Zm-7.29.4a1,1,0,0,1-2,0,.4.4,0,1,0-.79,0,1.78,1.78,0,0,0,3.55,0V17.85h-.79Z"/>953    </svg>954    </div>955    <div data-tippy-content="Entrée lave-vaiselle">956        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">957        <path fill="currentColor"958              d="M22.2,6.88H9.8a.42.42,0,0,0-.43.42V24.7a.42.42,0,0,0,.43.42H22.2a.42.42,0,0,0,.43-.42V7.3A.42.42,0,0,0,22.2,6.88Zm-.43,17.39H10.23V10.83H21.77Zm0-14.29H10.23V7.73H21.77ZM11.51,9.36h1.25a.43.43,0,0,0,.42-.43.42.42,0,0,0-.42-.43H11.51a.43.43,0,0,0-.43.43A.43.43,0,0,0,11.51,9.36Z"/>959    </svg>960    </div>961    <div data-tippy-content="Électroménager">962        <svg  class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">963        <path fill="currentColor"964              d="M19.67,9.1h.66a.44.44,0,0,0,.44-.43.44.44,0,0,0-.44-.44h-.66a.44.44,0,0,0-.44.44A.44.44,0,0,0,19.67,9.1Zm-5.29,3.47A.43.43,0,0,0,14,13v5.33a.44.44,0,0,0,.43.44.44.44,0,0,0,.44-.44V13A.44.44,0,0,0,14.38,12.57Zm3.26,6.2a.44.44,0,0,0,.43-.44V13a.43.43,0,0,0-.86,0v5.33A.44.44,0,0,0,17.64,18.77Zm-4.31,3h5.34a.44.44,0,0,0,.43-.44.43.43,0,0,0-.43-.43H13.33a.43.43,0,0,0-.43.43A.44.44,0,0,0,13.33,21.73Zm10-15.83H8.72a.82.82,0,0,0-.82.82V25A1.08,1.08,0,0,0,9,26.1H23A1.08,1.08,0,0,0,24.1,25V6.72A.82.82,0,0,0,23.28,5.9ZM8.77,6.77h6.8V19.23H8.77ZM23.23,25a.21.21,0,0,1-.21.21H9A.21.21,0,0,1,8.77,25V20.1H23.23Zm0-5.79h-6.8V6.77h6.8Z"/>965    </svg>966    </div>967<!-- TODO: Add all icon -->968                </div>969                        <ul class="pt-4 space-y-1  ">970971                                    <li class="u-flex-start-top">972                        <h6 class="w-1/2 text-gray-300 leading-24px">973                            Étage974                        </h6>975                        <p class="w-1/2">976                                                            Rez-de-chaussée977                                                    </p>978                    </li>979                980                                    <li class="u-flex-start-top">981                        <h6 class="w-1/2 text-gray-300 leading-24px">982                            Disponibilité983                        </h6>984                        <p class="w-1/2">985                            15 août 2026986                        </p>987                    </li>988                                                    <li class="u-flex-start-top">989                        <h6 class="w-1/2 text-gray-300 leading-24px">990                            Superficie991                        </h6>992                        <p class="w-1/2">993                            900 pi<sup>2</sup>994                        </p>995                    </li>996                                                    <li class="u-flex-start-top">997                        <h6 class="w-1/2 text-gray-300 leading-24px">998                            Frais d'énergie999                        </h6>1000                        <p class="w-1/2">1001                            Non-Chauffé &amp; Non-Éclairé1002                        </p>1003                    </li>1004                                                1005                1006                1007                                    <li class="u-flex-start-top">1008                        <h6 class="w-1/2 text-gray-300 leading-24px">1009                            Aménagement inclus1010                        </h6>1011                        <p class="w-1/2">1012                            Électroménager1013                        </p>1014                    </li>1015                1016                                    <li class="u-flex-start-top">1017                        <h6 class="w-1/2 text-gray-300 leading-24px">1018                            Entrée Laveuse / Sécheuse1019                        </h6>1020                        <p class="w-1/2">1021                            Oui1022                        </p>1023                    </li>1024                1025                                    <li class="u-flex-start-top">1026                        <h6 class="w-1/2 text-gray-300 leading-24px">1027                            Entrée Lave-vaisselle1028                        </h6>1029                        <p class="w-1/2">1030                            Oui1031                        </p>1032                    </li>1033                1034                <li class="u-flex-start-top">1035                    <h6 class="w-1/2 text-gray-300 leading-24px">1036                        Type de climatisation1037                    </h6>1038                    <p class="w-1/2">1039                                                    Thermopompe mural1040                                            </p>1041                </li>104210431044                1045                                    <li class="u-flex-start-top">1046                        <h6 class="w-1/2 text-gray-300 leading-24px">1047                            Internet inclus1048                        </h6>1049                        <p class="w-1/2">1050                                                            Oui1051                                                    </p>1052                    </li>1053                1054                1055                1056                10571058                <li class="u-flex-start-top">1059                    <h6 class="w-1/2 text-gray-300 leading-24px">1060                        Balcon privée1061                    </h6>1062                    <p class="w-1/2">1063                        Oui1064                    </p>1065                </li>1066                1067                1068                1069                                    <li class="u-flex-start-top">1070                        <h6 class="w-1/2 text-gray-300 leading-24px">1071                            Électroménager inclus1072                        </h6>1073                        <p class="w-1/2">1074                                                            non1075                                                    </p>1076                    </li>1077                                1078                10791080            </ul>10811082            10831084            <a href="#contact-form" class="btn -border u-flex-start mt-12">1085                Rejoindre l'agent de location1086            </a>1087                    </div>1088        <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1089            <div class="h-full max-h-500px lg:max-h-600px relative">1090                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 bg-white">1091    <img class="w-32 md:w-52 h-auto object-contain object-center block"1092         alt="Logis-Experts - Plan à venir"1093         src="/static/images/icons/no-plan@2x.png"/>1094    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>1095</div>1096                            </div>1097                    </div>1098    </div>1099</div>1100                    </div>1101                                <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1102                    <div class="p-3 block">1103                        <h3>Cette appartement n'est plus disponible</h3>1104                    </div>1105                </div>1106            </div>1107        </div>11081109        <div class="py-12 block md:hidden">1110            <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1111    <h4>1112        Rejoindre l'équipe de location1113    </h4>11141115    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1116          action="/api/globals/apartments/contact-form" method="post">1117        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="209"/>1118        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>111911201121        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1122            <div class="c_select h-[40.5px]">1123                <select name="salutation" class="w-full" value="M." required>1124                    <option value="M.">M.</option>1125                    <option value="Mme">Mme</option>1126                    <option value="Mlle">Mlle</option>1127                    <option value="Dr">Dr</option>1128                    <option value="Pr">Pr</option>1129                </select>1130            </div>1131            <div class="c_input w-full">1132                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1133            </div>1134            <div class="c_input w-full">1135                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1136            </div>1137        </div>113811391140        <div class="c_input mt-2">1141            <input type="email" name="email" value="" required placeholder="Courriel"/>1142        </div>1143        <div class="c_input mt-2">1144            <input type="text" name="phone" value="" placeholder="Téléphone"/>1145        </div>1146        <div class="c_input mt-2">1147            <textarea rows="3" class="resize-none" name="message"1148                      placeholder="Message"></textarea>1149        </div>1150        1151        1152        <div class="u-flex-end mt-6 w-full">1153            <div class="cf-turnstile mb-4"1154                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1155                 data-refresh-expired="auto"1156                 data-refresh-timeout="auto"1157                 data-theme="light">1158            </div>1159        </div>1160        <div class="u-flex-end w-full">1161            <button type="submit" class="btn -text">1162                Envoyer1163                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1164        <path fill="currentColor"1165              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1166    </svg>1167            </button>1168        </div>1169    </form>1170</div>1171        </div>11721173        <div class="py-12">1174            <div class="container mx-auto">1175                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1176                    <div class="relative">1177                                                    <div class="h-full w-full flex flex-col justify-start items-start">1178    <div class="c_slider_images swiper | flex-1 w-full "1179         x-data="sliderImages(1,1,1, 1, 1, 1)">1180        <div class="swiper-wrapper">1181                            <div class="swiper-slide">1182                    <img alt="Logis-Experts - Immeubles - 1399 Rue De L&#039;oural - Image principale"1183                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1184                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8.jpg"/>1185                    <div class="swiper-lazy-preloader"></div>1186                </div>1187                    </div>11881189                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1190                @click.stop.prevent="goPrev">1191            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1192        <path fill="currentColor"1193              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1194    </svg>1195        </button>1196        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1197                @click.stop.prevent="goNext">1198            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1199        <path fill="currentColor"1200              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1201    </svg>1202        </button>1203    </div>12041205                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1206                    </div>1207    </div>12081209                            <button aria-label="Montrer plus" type="button"1210                                    class="absolute z-10 top-3 right-3 round-btn -small"1211                                    @click.prevent="showBuildingModal = true">1212                                <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1213         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1214        <path stroke-linecap="round" stroke-linejoin="round"1215              d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6"/>1216    </svg>1217                            </button>121812191220                            <template x-teleport="#modal-container">1221                                <div x-show="showBuildingModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1222    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1223         @click.away="showBuildingModal = false;document.body.classList.remove('-modal-open')"1224         x-effect="1225            if (showBuildingModal){1226                document.body.classList.add('-modal-open')1227            } else {1228             document.body.classList.remove('-modal-open')1229            }1230         "1231         x-transition:enter="ease-out duration-300"1232         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1233         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1234         x-transition:leave-end="opacity-0 scale-90">12351236        <button aria-label="Fermer"  type="button" class="round-btn -small absolute right-3 top-3" @click.prevent="showBuildingModal = false;document.body.classList.remove('-modal-open')">1237            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1238         viewBox="0 0 18 18">1239        <path1240            fill="currentColor"1241            d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>1242    </svg>1243        </button>12441245        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1246            <div class="flex-1 w-full h-full">1247                <div class="h-full w-full flex flex-col justify-start items-start">1248    <div class="c_slider_images swiper | flex-1 w-full "1249         x-data="sliderImages(1,1,1, 1, 1, 1)">1250        <div class="swiper-wrapper">1251                            <div class="swiper-slide">1252                    <img alt="Logis-Experts - Immeubles - 1399 Rue De L&#039;oural - Image principale"1253                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1254                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-2026-03-03-a-16-ecae338fb0623f111958c0a41164a3a8.jpg"/>1255                    <div class="swiper-lazy-preloader"></div>1256                </div>1257                    </div>12581259                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1260                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1261                @click.stop.prevent="goPrev">1262            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1263        <path fill="currentColor"1264              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1265    </svg>1266        </button>1267        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1268                @click.stop.prevent="goNext">1269            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1270        <path fill="currentColor"1271              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1272    </svg>1273        </button>1274    </div>12751276    </div>1277            </div>1278        </div>1279    </div>12801281</div>12821283                            </template>12841285                                            </div>1286                    <div>1287                        <h2 class="h1">1288                            Bâtiment1289                        </h2>12901291                        <ul class="py-2 border-y border-gray-200 my-3">1292                                                            <li class="u-flex-start">1293                                    <span class="uppercase w-1/2">1294                                        Quartier1295                                    </span>1296                                    <span class="text-blue font-semibold w-1/2">1297                                        Chutes-Montmorency1298                                    </span>1299                                </li>1300                            1301                                                            <li class="u-flex-start">1302                                    <span class="uppercase  w-1/2">1303                                        Année de construction1304                                    </span>1305                                    <span class="text-blue font-semibold w-1/2">1306                                        19871307                                    </span>1308                                </li>1309                                                        <li class="u-flex-start">1310                                <span class="uppercase w-1/2">1311                                    Nombre d'appartements1312                                </span>1313                                <span class="text-blue font-semibold w-1/2">1314                                                                        201315                                </span>1316                            </li>1317                        </ul>13181319                        1320                        1321                                                    <p class="uppercase font-semibold pt-4 border-b border-gray-200">1322                                Télécommunications1323                            </p>1324                            <ul class="pt-2">1325                                                                    <li class="text-blue font-semibold">1326                                        -&nbsp;Wifi Inclus1327                                    </li>1328                                                            </ul>1329                                                <p class="py-6">1330                            1331                        </p>1332                    </div>1333                </div>1334            </div>1335        </div>13361337        1338                    <div class="w-full p-building__map" x-data="staticMap(46.8771322, -71.1654884)">13391340</div>1341            </main>13421343<footer class=" w-full">1344    <div class="bg-gray-500">1345        <div class="container w-full">1346            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1347                <div>1348                    <a href="/" class="block">1349                        <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1350                             class="w-32 h-auto block"/>1351                    </a>1352                    <div class="u-flex-start space-x-4 mt-6">1353                        <p class="text-white font-brandon text-15px font-bold uppercase">1354                            Suivez-nous1355                        </p>1356                        <div class="u-flex-start space-x-4">13571358                            <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1359                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1360                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1361         viewBox="0 0 10.28 19.8">1362        <path fill="currentColor"1363              d="M6.67,19.8v-9h3l.46-3.52H6.67V5c0-1,.29-1.71,1.75-1.71h1.86V.14A25.6,25.6,0,0,0,7.56,0C4.88,0,3,1.64,3,4.65v2.6H0v3.52H3v9Z"/>1364    </svg>1365                            </a>1366                            <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"1367                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1368                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1369         viewBox="0 0 21.14 21.14">1370        <path fill="currentColor"1371              d="M10.57,1.9c2.82,0,3.16,0,4.27.07a5.92,5.92,0,0,1,2,.36A3.26,3.26,0,0,1,18,3.12a3.22,3.22,0,0,1,.79,1.22,5.72,5.72,0,0,1,.37,2c.05,1.11.06,1.45.06,4.27s0,3.16-.06,4.27a5.85,5.85,0,0,1-.37,2,3.52,3.52,0,0,1-2,2,5.85,5.85,0,0,1-2,.37c-1.11.05-1.45.06-4.27.06s-3.16,0-4.27-.06a5.72,5.72,0,0,1-2-.37A3.22,3.22,0,0,1,3.12,18a3.26,3.26,0,0,1-.79-1.21,5.92,5.92,0,0,1-.36-2c-.05-1.11-.07-1.45-.07-4.27s0-3.16.07-4.27a5.79,5.79,0,0,1,.36-2,3.22,3.22,0,0,1,.79-1.22,3.22,3.22,0,0,1,1.22-.79A5.79,5.79,0,0,1,6.3,2c1.11-.05,1.45-.07,4.27-.07m0-1.9C7.7,0,7.34,0,6.21.06A7.74,7.74,0,0,0,3.65.55a5.38,5.38,0,0,0-3.1,3.1A7.74,7.74,0,0,0,.06,6.21C0,7.34,0,7.7,0,10.57s0,3.23.06,4.36A7.8,7.8,0,0,0,.55,17.5a5.49,5.49,0,0,0,1.22,1.87,5.16,5.16,0,0,0,1.88,1.22,7.74,7.74,0,0,0,2.56.49c1.13.05,1.49.06,4.36.06s3.23,0,4.36-.06a7.8,7.8,0,0,0,2.57-.49,5.42,5.42,0,0,0,3.09-3.09,7.8,7.8,0,0,0,.49-2.57c.05-1.13.06-1.49.06-4.36s0-3.23-.06-4.36a7.74,7.74,0,0,0-.49-2.56,5.16,5.16,0,0,0-1.22-1.88A5.49,5.49,0,0,0,17.5.55,7.8,7.8,0,0,0,14.93.06C13.8,0,13.44,0,10.57,0Z"/>1372        <path fill="currentColor"1373              d="M10.57,5.14A5.43,5.43,0,1,0,16,10.57,5.43,5.43,0,0,0,10.57,5.14Zm0,9a3.53,3.53,0,1,1,3.53-3.53A3.53,3.53,0,0,1,10.57,14.1Z"/>1374        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>1375    </svg>1376                            </a>1377                            <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"1378                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1379                                <svg xmlns="http://www.w3.org/2000/svg"1380          class="text-white h-4 w-auto"1381         viewBox="0 0 310 310">1382        <path fill="currentColor" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.731383		C77.16,101.969,74.922,99.73,72.16,99.73z"/>1384        <path fill="currentColor" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.41385		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>1386        <path fill="currentColor" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.5991387		c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.3191388		c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.9951389		C310,145.43,300.549,94.761,230.454,94.761z"/>1390    </svg>1391                            </a>13921393                        </div>1394                    </div>1395                    <div class="mt-6 md:mt-12 md:pr-6">1396                        <script type="text/javascript" src="https://zsug-zgph.maillist-manage.net/js/optin.min.js" onload="setupSF('sf3z37722056992760c708c3dc34a4ad2bf72b1b04ad9657ac6140e0a815c72e8d36','ZCFORMVIEW',false,'light',false,'0')"></script><script type="text/javascript">function runOnFormSubmit_sf3z37722056992760c708c3dc34a4ad2bf72b1b04ad9657ac6140e0a815c72e8d36(th){/*Before submit, if you want to trigger your event, "include your code here"*/};</script><style>#customForm p{display:inline;}.quick_form_7_css * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; overflow-wrap: break-word }@media  only screen and (max-width: 600px) {.quick_form_7_css[name="SIGNUP_BODY"] { width: 100% !important; min-width: 100% !important; margin: 0px auto !important; padding: 0px !important } .SIGNUP_FLD { width: 90% !important; margin: 15px 5% !important; padding: 0px !important } .SIGNUP_FLD input { margin: 0 !important } }</style><div id="sf3z37722056992760c708c3dc34a4ad2bf72b1b04ad9657ac6140e0a815c72e8d36" data-type="signupform" style="opacity: 1;"><div id="customForm"><div class="quick_form_7_css" style="background-color: rgb(255, 255, 255); z-index: 2; font-family: Arial; border: 1px solid rgb(206, 206, 206); overflow: hidden; width: 500px" name="SIGNUP_BODY"><div><div style="font-size: 14px; font-weight: bold; color: rgb(85, 85, 85); text-align: left; padding: 15px 15px 5px; width: 100%; display: block; box-sizing: border-box; font-family: Verdana" id="SIGNUP_HEADING">INSCRIVEZ-VOUS À NOTRE INFOLETTRE</div><div style="position:relative;"><div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); margin-top: 10px;margin-bottom:10px;word-break:break-all"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tbody><tr><td width="10%"><img class="successicon" src="https://zsug-zgph.maillist-manage.net/images/challangeiconenable.jpg" align="absmiddle"></td><td><span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;word-break:break-word">&nbsp;&nbsp;Thank you for Signing Up</span></td></tr></tbody></table></div></div><form method="POST" id="zcampaignOptinForm" style="margin: 0px; width: 100%; text-align: center" action="https://zsug-zgph.maillist-manage.net/weboptin.zc" target="_zcSignup"><div style="background-color: rgb(255, 235, 232); padding: 10px; color: rgb(210, 0, 0); font-size: 11px; margin: 20px 10px 0px; border: 1px solid rgb(255, 217, 211); opacity: 1; font-family: Verdana; display: none" id="errorMsgDiv">SVP corrigez les champs ci-dessous</div><div style="position: relative; width: 170px; height: 28px; display: inline-block" class="SIGNUP_FLD"><div style="padding: 5px 0px; color: rgb(85, 85, 85); font-size: 12px; display: block; text-align: left; font-family: Verdana">Courriel</div><input type="text" style="font-size: 12px; border-width: 1px; border-color: rgb(214, 205, 205); border-style: solid; width: 100%; height: 100%; z-index: 4; outline: none; padding: 5px 10px; color: rgb(113, 106, 106); text-align: left; font-family: &quot;Arial&quot;; border-radius: 4px; background-color: rgb(246, 246, 246); box-sizing: border-box" changeitem="SIGNUP_FORM_FIELD" name="CONTACT_EMAIL" id="EMBED_FORM_EMAIL_LABEL"></div><div style="position: relative; margin: 5px 0 40px 10px; width: 170px; height: 28px; display: inline-block" class="SIGNUP_FLD"><div style="padding: 5px 0px; color: rgb(85, 85, 85); font-size: 12px; display: block; text-align: left; font-family: Verdana">Nom et prénom</div><input type="text" style="font-size: 12px; border-width: 1px; border-color: rgb(214, 205, 205); border-style: solid; width: 100%; height: 100%; z-index: 4; outline: none; padding: 5px 10px; color: rgb(113, 106, 106); text-align: left; font-family: &quot;Arial&quot;; border-radius: 4px; background-color: rgb(246, 246, 246); box-sizing: border-box" changeitem="SIGNUP_FORM_FIELD" name="LASTNAME" id="EMBED_FORM_NAME_LABEL"></div><div style="position: relative; width: 100px; height: 28px; margin: 0 0 15px 12px; display: inline-block" class="SIGNUP_FLD"><input type="button" style="text-align: center; width: 100%; height: 100%; z-index: 5; border: 0px; color: rgb(255, 255, 255); cursor: pointer; outline: none; font-size: 14px; background-color: rgb(68, 67, 67); border-radius: 4px; font-family: Verdana" name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" value="M'INSCRIRE"></div><input type="hidden" id="fieldBorder" value=""><input type="hidden" id="submitType" name="submitType" value="optinCustomView"><input type="hidden" id="emailReportId" name="emailReportId" value=""><input type="hidden" id="formType" name="formType" value="QuickForm"><input type="hidden" name="zx" id="cmpZuid" value="12c851e34"><input type="hidden" name="zcvers" value="3.0"><input type="hidden" name="oldListIds" id="allCheckedListIds" value=""><input type="hidden" id="mode" name="mode" value="OptinCreateView"><input type="hidden" id="zcld" name="zcld" value="1b41025b850f8e13"><input type="hidden" id="zctd" name="zctd" value=""><input type="hidden" id="document_domain" value=""><input type="hidden" id="zc_Url" value="zsug-zgph.maillist-manage.net"><input type="hidden" id="new_optin_response_in" value="0"><input type="hidden" id="duplicate_optin_response_in" value="0"><input type="hidden" name="zc_trackCode" id="zc_trackCode" value="ZCFORMVIEW"><input type="hidden" id="zc_formIx" name="zc_formIx" value="3z37722056992760c708c3dc34a4ad2bf72b1b04ad9657ac6140e0a815c72e8d36"><input type="hidden" id="viewFrom" value="URL_ACTION"><span style="display: none" id="dt_CONTACT_EMAIL">1,true,6,E-mail du contact,2</span><span style="display: none" id="dt_FIRSTNAME">1,false,1,Prénom,2</span><span style="display: none" id="dt_LASTNAME">1,false,1,Nom,2</span></form></div></div><div style="display: none" id="unauthPageTitle">Infolettre - web</div></div><img src="https://zsug-zgph.maillist-manage.net/images/spacer.gif" id="refImage" onload="referenceSetter(this)" style="display:none;"></div><input type="hidden" id="signupFormType" value="QuickForm_Horizontal"><div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div><div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px; box-shadow: 0 1px 10px #424242;padding: 35px;"><span style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;" id="closeSuccess"><img src="https://zsug-zgph.maillist-manage.net/images/videoclose.png"></span><div id="zcOptinSuccessPanel"></div></div>1397                    </div>1398                </div>1399                <div class="md:pl-6 md:border-l border-white">14001401                    1402                    <nav>1403                        <ul class="space-y-3">1404                                                            <li class="">1405                                    <a class="text-white u-inline-flex-start font-brandon font-bold text-15px uppercase transition duration-150 border-b-2 border-transparent hover:border-white"1406                                       target="_self"1407                                       href="/appartements">1408                                        <svg  class="-arrow-bold text-white w-4 h-auto block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1409        <path fill="currentColor"1410              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1411    </svg>1412                                        Appartements1413                                    </a>1414                                </li>1415                                                            <li class="">1416                                    <a class="text-white u-inline-flex-start font-brandon font-bold text-15px uppercase transition duration-150 border-b-2 border-transparent hover:border-white"1417                                       target="_self"1418                                       href="/entreprise">1419                                        <svg  class="-arrow-bold text-white w-4 h-auto block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1420        <path fill="currentColor"1421              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1422    </svg>1423                                        L&#039;entreprise1424                                    </a>1425                                </li>1426                                                            <li class="">1427                                    <a class="text-white u-inline-flex-start font-brandon font-bold text-15px uppercase transition duration-150 border-b-2 border-transparent hover:border-white"1428                                       target="_self"1429                                       href="/projets">1430                                        <svg  class="-arrow-bold text-white w-4 h-auto block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1431        <path fill="currentColor"1432              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1433    </svg>1434                                        Projets et réalisations1435                                    </a>1436                                </li>1437                                                            <li class="">1438                                    <a class="text-white u-inline-flex-start font-brandon font-bold text-15px uppercase transition duration-150 border-b-2 border-transparent hover:border-white"1439                                       target="_self"1440                                       href="/nouvelles">1441                                        <svg  class="-arrow-bold text-white w-4 h-auto block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1442        <path fill="currentColor"1443              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1444    </svg>1445                                        Nouvelles1446                                    </a>1447                                </li>1448                                                            <li class="block md:hidden">1449                                    <a class="text-white u-inline-flex-start font-brandon font-bold text-15px uppercase transition duration-150 border-b-2 border-transparent hover:border-white"1450                                       target="_self"1451                                       href="/emplois">1452                                        <svg  class="-arrow-bold text-white w-4 h-auto block mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1453        <path fill="currentColor"1454              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1455    </svg>1456                                        Offres d&#039;emploi1457                                    </a>1458                                </li>1459                                                    </ul>1460                    </nav>14611462                </div>1463                <div class="md:pl-6 md:border-l border-white">1464                    <p class="text-white">1465                        574, boul. des Capucins,<br/>1466                        Québec (QC) G1J 3R81467                        <br/>1468                        <br/>1469                    </p>1470                    <p class="text-white">1471                        <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>1472                    </p>1473                    <p>1474                        <a href="/cdn-cgi/l/email-protection#7e171018113e121119170d531b060e1b0c0a0d501d1113" class="inline-block text-white"><span class="__cf_email__" data-cfemail="dfb6b1b9b09fb3b0b8b6acf2baa7afbaadabacf1bcb0b2">[email&#160;protected]</span></a>1475                    </p>1476                </div>1477            </div>147814791480                                        <div class="py-6 md:py-12">1481                    <h3 class="text-white">Projets futurs</h3>1482                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">1483                                                    <div class="bg-white">1484    <div>1485                    <img alt="Logis-Experts - Projets - L&#039;Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"1486                 class="w-full block h-40 object-center object-cover"/>1487            </div>1488    <div class="border-t-2 border-blue p-3">1489        <h5 class="">L&#039;Attisée</h5>1490        <p class="-small pt-2">1491                            1492            1493            <a class="inline text-blue font-semibold" href="/projets/lattisee">1494                Voir plus1495                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1496        <path fill="currentColor"1497              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1498    </svg>1499            </a>1500        </p>1501    </div>1502</div>1503                                                    <div class="bg-white">1504    <div>1505                    <img alt="Logis-Experts - Projets - Le Brave 2 - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-braves-ext-nouveau-pm-hautarbres-03-62e6883e8f53e3c0f2cfb7423c414f9b-512.jpg"1506                 class="w-full block h-40 object-center object-cover"/>1507            </div>1508    <div class="border-t-2 border-blue p-3">1509        <h5 class="">Le Brave 2</h5>1510        <p class="-small pt-2">1511                            1512            1513            <a class="inline text-blue font-semibold" href="/projets/le-brave-2">1514                Voir plus1515                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1516        <path fill="currentColor"1517              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1518    </svg>1519            </a>1520        </p>1521    </div>1522</div>1523                                                    <div class="bg-white">1524    <div>1525                    <img alt="Logis-Experts - Projets - Galiléo 5 - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-galileo-5-ext-rue-03-min-22f37404c57e189d87fda9d4ada020c4-512.jpg"1526                 class="w-full block h-40 object-center object-cover"/>1527            </div>1528    <div class="border-t-2 border-blue p-3">1529        <h5 class="">Galiléo 5</h5>1530        <p class="-small pt-2">1531                            1532            1533            <a class="inline text-blue font-semibold" href="/projets/galileo-5">1534                Voir plus1535                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1536        <path fill="currentColor"1537              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1538    </svg>1539            </a>1540        </p>1541    </div>1542</div>1543                                                    <div class="bg-white">1544    <div>1545                    <img alt="Logis-Experts - Projets - Place du Chateau - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-rendufinal-20240515-copie-31b0f3991381662601b847b611d2f670-512.jpg"1546                 class="w-full block h-40 object-center object-cover"/>1547            </div>1548    <div class="border-t-2 border-blue p-3">1549        <h5 class="">Place du Chateau</h5>1550        <p class="-small pt-2">1551                            1552            1553            <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">1554                Voir plus1555                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1556        <path fill="currentColor"1557              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1558    </svg>1559            </a>1560        </p>1561    </div>1562</div>1563                                            </div>1564                </div>1565                        <p class="text-white text-center py-3 -small">1566                Tous droits réservés &copy; 2026 – Logis Experts – Réalisé par <a1567                    class="inline-block text-white"1568                    target="_blank"1569                    href="https://hebertcommunication.com">Hebertcommunication.com</a>1570                <span class="hidden">1571                    Code: <a1572                        class="inline-block font-semibold text-gray-500 "1573                        target="_blank"1574                        href="https://gilcode.com">Gilcode</a>1575                </span>1576            </p>1577        </div>1578    </div>1579    <div class="bg-gray-700 w-full py-6 md:py-3 p-3">1580        <div class="w-full">1581            <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">1582                <nav>1583                    <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">1584                                                    <li>1585                                <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1586                                   aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"1587                                   href="https://logis-experts.com/pages/protection">1588                                    POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS1589                                </a>1590                            </li>1591                                              <!--  <li>1592                            <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1593                               aria-label="Politique de confidentialité"1594                               href="/politique">1595                                Politique de confidentialité1596                            </a>1597                        </li> -->1598                    </ul>1599                </nav>1600                <nav>1601                    <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">1602                        <li>1603                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1604                               aria-label="Mes favoris"1605                               href="/favoris">1606                                <svg  class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1607        <path fill="currentColor"1608              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>1609    </svg>1610                                Mes favoris1611                            </a>1612                        </li>1613                        <!--  <li>1614                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1615                               aria-label="Partager"1616                               href="/share">1617                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1618        <path fill="currentColor"1619              d="M6,23.3a.48.48,0,0,0,.49.5.48.48,0,0,0,.43-.25c3.23-6.06,8.45-5.12,9.81-4.75v3.54a.49.49,0,0,0,.8.38l8.29-6.83.07-.07a.48.48,0,0,0-.07-.68L17.53,8.31a.51.51,0,0,0-.31-.11.49.49,0,0,0-.49.48V12.1a11.83,11.83,0,0,0-7.66,3C7,17,6,19.77,6,23.3Zm1.08-1.85a9.2,9.2,0,0,1,2.66-5.68c3-2.86,7.41-2.7,7.45-2.7a.46.46,0,0,0,.36-.13.5.5,0,0,0,.16-.35V9.72l7,5.79-7,5.8V18.44a.48.48,0,0,0-.33-.46,9.34,9.34,0,0,0-2.79-.4A9.06,9.06,0,0,0,7.08,21.45Z"/>1620    </svg>16211622                        Partager1623                    </a>1624                </li> -->1625                        <li>1626                            <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"1627                               aria-label="Imprimer"1628                               onclick="window.print()"1629                            >1630                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1631        <path fill="currentColor"1632              d="M10.73,11.55a.5.5,0,0,0,.5-.5V7.61h9.53v3.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V7.11a.5.5,0,0,0-.5-.5H10.73a.5.5,0,0,0-.5.5v3.94A.5.5,0,0,0,10.73,11.55Zm12.92.14H8.35A1.31,1.31,0,0,0,7,13v8.54a1.31,1.31,0,0,0,1.31,1.31H9.6a.5.5,0,1,0,0-1H8.35A.31.31,0,0,1,8,21.54V13a.31.31,0,0,1,.31-.31h15.3A.31.31,0,0,1,24,13v8.54a.31.31,0,0,1-.31.31H22.4a.5.5,0,0,0,0,1h1.25A1.31,1.31,0,0,0,25,21.54V13A1.31,1.31,0,0,0,23.65,11.69Zm-2.39,4.45H10.73a.51.51,0,0,0-.5.5v8.25a.5.5,0,0,0,.5.5H21.26a.5.5,0,0,0,.5-.5V16.64A.5.5,0,0,0,21.26,16.14Zm-.5,8.25H11.23V17.14h9.53Zm-7.54-1.82h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,22.57Zm0-2.61h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,20Zm8.39-5a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H20.06a.5.5,0,0,0-.5.5.51.51,0,0,0,.5.5Z"/>1633    </svg>1634                                <span class="block md:hidden">1635                                    Imprimer1636                                </span>1637                            </button>1638                        </li>1639                    </ul>1640                </nav>1641            </div>1642        </div>1643    </div>1644</footer>1645<div class="js-cookie-consent cookie-consent  | fixed bottom-0 inset-x-0 z-10" style="display: none;">1646        <div class="p-4 bg-white shadow-xl borrder-t border-white">1647            <div class="flex items-center justify-center sm:space-x-6 flex-wrap">1648                <div class="">1649                    <p class="cookie-consent__message | text-blue text-center -small font-semibold">1650                        Ce site nécessite l'autorisation de cookies pour fonctionner correctement.1651                    </p>1652                </div>1653                <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">1654                    <button class="js-cookie-accept | cookie-consent__agree  | btn -border -small">1655                        Accepter1656                    </button>1657                    <button class="js-cookie-refuse | cookie-consent__refuse  | btn -text">1658                        Refuser1659                    </button>1660                </div>1661            </div>1662        </div>1663    </div>16641665    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>16661667        window.laravelCookieConsent = (function () {1668            const COOKIE_DOMAIN = '.logis-experts.com';16691670            function acceptWithCookies() {1671                setCookie('cookieConsent', "accept", 7300);167216731674                Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {1675                    _node.style.display = 'none';1676                })16771678                hideCookieDialog();1679            }16801681            function refuseWithCookies() {1682                setCookie('cookieConsent', "refuse", 7300);1683                hideCookieDialog();1684            }16851686            function getCookie(name) {1687                const value = `; ${document.cookie}`;1688                const parts = value.split(`; ${name}=`);1689                if (parts.length === 2) {1690                    return parts.pop().split(';').shift();1691                }1692                return null1693            }16941695            function hideCookieDialog() {1696                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1697                    _node.style.display = 'none';1698                })1699            }17001701            function showCookieDialog() {1702                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1703                    _node.style.display = 'block';1704                })1705            }17061707            function setCookie(name, value, expirationInDays) {1708                const date = new Date();1709                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));1710                document.cookie = name + '=' + value1711                    + ';expires=' + date.toUTCString()1712                    + ';domain=' + COOKIE_DOMAIN1713                    + ';path=/'1714                    + ';samesite=lax';1715            }17161717            var currentCookie = getCookie('cookieConsent');1718            if (currentCookie === "accept" || currentCookie === "refuse") {1719                hideCookieDialog();1720            } else {1721                showCookieDialog();1722            }17231724            Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {1725                _btn.addEventListener('click', acceptWithCookies);1726            })17271728            Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {1729                _btn.addEventListener('click', refuseWithCookies);1730            })17311732            return true1733        })();1734    </script>173517361737<div id="modal-container"></div>17381739<template id="google-map-styles">1740    [1741  {1742    &quot;elementType&quot;: &quot;geometry&quot;,1743    &quot;stylers&quot;: [1744      {1745        &quot;color&quot;: &quot;#f5f5f5&quot;1746      }1747    ]1748  },1749  {1750    &quot;elementType&quot;: &quot;labels.icon&quot;,1751    &quot;stylers&quot;: [1752      {1753        &quot;visibility&quot;: &quot;off&quot;1754      }1755    ]1756  },1757  {1758    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1759    &quot;stylers&quot;: [1760      {1761        &quot;color&quot;: &quot;#616161&quot;1762      }1763    ]1764  },1765  {1766    &quot;elementType&quot;: &quot;labels.text.stroke&quot;,1767    &quot;stylers&quot;: [1768      {1769        &quot;color&quot;: &quot;#f5f5f5&quot;1770      }1771    ]1772  },1773  {1774    &quot;featureType&quot;: &quot;administrative.land_parcel&quot;,1775    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1776    &quot;stylers&quot;: [1777      {1778        &quot;color&quot;: &quot;#bdbdbd&quot;1779      }1780    ]1781  },1782  {1783    &quot;featureType&quot;: &quot;poi&quot;,1784    &quot;elementType&quot;: &quot;geometry&quot;,1785    &quot;stylers&quot;: [1786      {1787        &quot;color&quot;: &quot;#eeeeee&quot;1788      }1789    ]1790  },1791  {1792    &quot;featureType&quot;: &quot;poi&quot;,1793    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1794    &quot;stylers&quot;: [1795      {1796        &quot;color&quot;: &quot;#757575&quot;1797      }1798    ]1799  },1800  {1801    &quot;featureType&quot;: &quot;poi.park&quot;,1802    &quot;elementType&quot;: &quot;geometry&quot;,1803    &quot;stylers&quot;: [1804      {1805        &quot;color&quot;: &quot;#e5e5e5&quot;1806      }1807    ]1808  },1809  {1810    &quot;featureType&quot;: &quot;poi.park&quot;,1811    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1812    &quot;stylers&quot;: [1813      {1814        &quot;color&quot;: &quot;#9e9e9e&quot;1815      }1816    ]1817  },1818  {1819    &quot;featureType&quot;: &quot;road&quot;,1820    &quot;elementType&quot;: &quot;geometry&quot;,1821    &quot;stylers&quot;: [1822      {1823        &quot;color&quot;: &quot;#ffffff&quot;1824      }1825    ]1826  },1827  {1828    &quot;featureType&quot;: &quot;road.arterial&quot;,1829    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1830    &quot;stylers&quot;: [1831      {1832        &quot;color&quot;: &quot;#757575&quot;1833      }1834    ]1835  },1836  {1837    &quot;featureType&quot;: &quot;road.highway&quot;,1838    &quot;elementType&quot;: &quot;geometry&quot;,1839    &quot;stylers&quot;: [1840      {1841        &quot;color&quot;: &quot;#dadada&quot;1842      }1843    ]1844  },1845  {1846    &quot;featureType&quot;: &quot;road.highway&quot;,1847    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1848    &quot;stylers&quot;: [1849      {1850        &quot;color&quot;: &quot;#616161&quot;1851      }1852    ]1853  },1854  {1855    &quot;featureType&quot;: &quot;road.local&quot;,1856    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1857    &quot;stylers&quot;: [1858      {1859        &quot;color&quot;: &quot;#9e9e9e&quot;1860      }1861    ]1862  },1863  {1864    &quot;featureType&quot;: &quot;transit.line&quot;,1865    &quot;elementType&quot;: &quot;geometry&quot;,1866    &quot;stylers&quot;: [1867      {1868        &quot;color&quot;: &quot;#e5e5e5&quot;1869      }1870    ]1871  },1872  {1873    &quot;featureType&quot;: &quot;transit.station&quot;,1874    &quot;elementType&quot;: &quot;geometry&quot;,1875    &quot;stylers&quot;: [1876      {1877        &quot;color&quot;: &quot;#eeeeee&quot;1878      }1879    ]1880  },1881  {1882    &quot;featureType&quot;: &quot;water&quot;,1883    &quot;elementType&quot;: &quot;geometry&quot;,1884    &quot;stylers&quot;: [1885      {1886        &quot;color&quot;: &quot;#c0e3f2&quot;1887      }1888    ]1889  },1890  {1891    &quot;featureType&quot;: &quot;water&quot;,1892    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1893    &quot;stylers&quot;: [1894      {1895        &quot;color&quot;: &quot;#9e9e9e&quot;1896      }1897    ]1898  }1899]19001901</template>19021903<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>1904<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>1905<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>1906<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>1907<script1908    src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&region=CA&language=fr&libraries=places&callback=initMap">1909</script>19101911</body>1912</html>1913