SPB Git

spb/lou-ka Public

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

HTML 99.7%
147.6 KB · 2,037 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 | 447-455 Boulevard Charest Ouest</title>9<meta name="csrf-token" content="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">10<meta name="domains" content="https://logis-experts.com">11<meta name="description" content="Appartements disponibles à 447-455 Boulevard Charest Ouest — 455 Bd Charest O #447, Québec, QC G1K 1X8, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest" />1415<meta property="og:title" content="Logis-Experts | 447-455 Boulevard Charest Ouest"/>16<meta property="og:description" content="Appartements disponibles à 447-455 Boulevard Charest Ouest — 455 Bd Charest O #447, Québec, QC G1K 1X8, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest"/>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 | 447-455 Boulevard Charest Ouest" />26<meta name="twitter:description" content="Appartements disponibles à 447-455 Boulevard Charest Ouest — 455 Bd Charest O #447, Québec, QC G1K 1X8, 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/447-455-boulevard-charest-ouest",36            "url": "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest",37            "name": "Logis-Experts | 447-455 Boulevard Charest Ouest",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:12+00:00",43            "breadcrumb": {44                "@id": "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest/#breadcrumb"45            },46            "inLanguage": "fr-CA",47            "potentialAction": [48                {49                    "@type": "ReadAction",50                    "target": [51                        "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest"52                    ]53                }54            ]55        },56        {57            "@type": "BreadcrumbList",58            "@id": "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest/#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 447-455 Boulevard Charest Ouest",76                    "item": "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest"77                },78                {79                    "@type": "ListItem",80                    "position": 4,81                    "name": "Appartement #451-220",82                    "item": "https://logis-experts.com/immeuble/447-455-boulevard-charest-ouest/appartement/451-220"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('447-455-boulevard-charest-ouest','2', '451-220', '[{&quot;id&quot;:741,&quot;uuid&quot;:&quot;8a6b5256-3ed9-4cc3-8823-273546ffcc7d&quot;,&quot;level&quot;:1,&quot;floor_plan_id&quot;:5392,&quot;building_id&quot;:216,&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;:740,&quot;uuid&quot;:&quot;b52db0ae-603b-4000-a19e-65cbb3c81938&quot;,&quot;level&quot;:2,&quot;floor_plan_id&quot;:5388,&quot;building_id&quot;:216,&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;:736,&quot;uuid&quot;:&quot;b2f1ba6f-ac3a-4f48-aab4-7a25669c0689&quot;,&quot;level&quot;:3,&quot;floor_plan_id&quot;:5372,&quot;building_id&quot;:216,&quot;created_at&quot;:&quot;2025-05-16T06:01:04.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-05-16T06:01:04.000000Z&quot;}]', '[&quot;451-220&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 - 447-455 Boulevard Charest Ouest - 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-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04.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="216"/>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/447-455-boulevard-charest-ouest">576                            Immeuble 447-455 Boulevard Charest Ouest577                                                            &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/447-455-boulevard-charest-ouest/appartement/451-220">583                            Appartement #451-220584                                                    </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">447-455 Boulevard Charest Ouest</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                                455 Bd Charest O #447, Québec, QC G1K 1X8, Canada615                            </p>616                                                            <p class="-small">617                                    (Quartier: Saint-Sauveur)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 1 juillet 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 1045$ 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(216)" @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="w-full h-full pointer-events-none"715                                                 :class="buildingFloorPlan === 'building' ? '' : 'hidden'">716                                                <?xml version="1.0" encoding="UTF-8"?>717<svg id="edifice" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600">718  <defs>719    <clipPath id="84fd087f-a8f0-490c-a79a-f9e953966d90">720      <rect x="423.09" y="98.64" width="43.82" height="61.36" fill="none"/>721    </clipPath>722    <clipPath id="f837e703-c75b-463f-9ba4-3eb4379ae4b1">723      <rect x="423.09" y="98.64" width="43.82" height="61.36" fill="none"/>724    </clipPath>725    <clipPath id="96630404-489d-491f-ac1a-f5ce8f0febbe">726      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(245.09 613.46) rotate(-52.83)" fill="none"/>727    </clipPath>728    <clipPath id="b3c8e6f0-980e-43c6-96ce-d6b722acdbbc">729      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(245.08 613.46) rotate(-52.83)" fill="none"/>730    </clipPath>731  </defs>732  <g id="plan">733    <g id="structure">734      <g id="parking">735        <g clip-path="url(#84fd087f-a8f0-490c-a79a-f9e953966d90)">736          <g clip-path="url(#84fd087f-a8f0-490c-a79a-f9e953966d90-1)">737            <path d="M457.65,158.75h-25.31c-4.55,0-8.27-3.72-8.27-8.27v-25.31c0-4.55,3.72-8.27,8.27-8.27h25.31c4.55,0,8.27,3.72,8.27,8.27v25.31c0,4.55-3.72,8.27-8.27,8.27" fill="#fff"/>738            <rect x="424.07" y="116.9" width="41.84" height="41.84" rx="8.27" ry="8.27" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.03"/>739            <path d="M445.77,121.23c4.28,0,7.41.92,9.38,2.76,1.97,1.84,2.95,4.37,2.95,7.59,0,1.45-.22,2.84-.66,4.17-.44,1.32-1.16,2.5-2.15,3.53-.99,1.03-2.31,1.84-3.96,2.44-1.65.6-3.68.9-6.11.9h-3.02v11.8h-7.04v-33.19h10.6ZM445.4,126.99h-3.2v9.85h2.32c1.32,0,2.46-.17,3.43-.52.97-.35,1.72-.89,2.25-1.63.53-.74.8-1.7.8-2.86,0-1.63-.45-2.85-1.36-3.64-.91-.8-2.31-1.19-4.22-1.19"/>740          </g>741        </g>742      </g>743      <g>744        <g>745          <path d="M303.2,566.76h3.12c.39,0,.75.05,1.08.14.33.09.62.23.86.41.24.18.43.41.57.7.14.28.21.62.21,1,0,.52-.14.94-.43,1.26-.29.33-.66.56-1.12.72v.03c.27.02.52.09.76.21.24.12.44.28.62.48.17.2.31.43.41.69.1.26.15.54.15.85,0,.41-.08.76-.25,1.07-.17.31-.39.57-.68.78-.29.21-.62.37-1,.48-.38.11-.79.17-1.23.17h-3.08v-8.98ZM304.42,570.49h1.66c.23,0,.44-.02.65-.07.2-.05.38-.12.53-.23.15-.11.27-.25.36-.42.09-.17.13-.38.13-.62,0-.36-.11-.66-.34-.93-.23-.26-.59-.39-1.08-.39h-1.92v2.66ZM304.42,574.67h1.79c.19,0,.39-.02.62-.06.22-.04.43-.11.63-.23.19-.11.36-.27.49-.46.14-.2.2-.45.2-.77,0-.53-.17-.93-.52-1.2s-.82-.4-1.41-.4h-1.8v3.12Z"/>746          <path d="M315.31,575.97c-.69,0-1.31-.12-1.89-.36-.58-.24-1.07-.57-1.48-1-.41-.42-.73-.92-.96-1.5-.23-.58-.35-1.2-.35-1.86s.12-1.29.35-1.87c.23-.57.55-1.07.96-1.5.41-.42.9-.75,1.48-1s1.21-.36,1.89-.36,1.31.12,1.89.36c.57.24,1.07.57,1.48,1s.73.92.96,1.5c.23.58.35,1.2.35,1.87s-.12,1.29-.35,1.86c-.23.58-.55,1.07-.96,1.5s-.9.75-1.48,1c-.58.24-1.21.36-1.89.36ZM315.31,574.83c.52,0,.98-.1,1.4-.29.41-.19.77-.45,1.07-.77.3-.32.52-.7.69-1.14.16-.44.24-.9.24-1.39s-.08-.95-.24-1.39c-.16-.44-.39-.81-.69-1.14-.3-.32-.65-.58-1.07-.77-.41-.19-.88-.29-1.4-.29s-.98.09-1.4.29c-.41.19-.77.45-1.07.77s-.52.7-.69,1.14-.24.9-.24,1.39.08.95.24,1.39.39.81.69,1.14.65.58,1.07.77c.41.19.88.29,1.4.29Z"/>747          <path d="M322.8,566.76v5.5c0,.28.04.57.11.87.08.3.2.58.38.83.18.25.41.46.7.62.29.16.64.24,1.07.24s.78-.08,1.07-.24c.29-.16.52-.37.7-.62.18-.25.3-.53.38-.83.08-.3.11-.59.11-.87v-5.5h1.22v5.7c0,.52-.09,1-.27,1.43-.18.43-.42.8-.74,1.11-.31.31-.68.55-1.1.72s-.88.25-1.37.25-.95-.08-1.37-.25c-.42-.17-.79-.41-1.1-.72-.31-.31-.56-.68-.74-1.11s-.27-.9-.27-1.43v-5.7h1.22Z"/>748          <path d="M330.67,566.76h1.22v7.84h4.12v1.14h-5.34v-8.98Z"/>749          <path d="M337.87,575.82c-.23,0-.42-.08-.59-.25s-.25-.36-.25-.59.08-.42.25-.59.36-.25.59-.25.42.08.59.25.25.36.25.59-.08.42-.25.59-.36.25-.59.25Z"/>750          <path d="M350.56,568.7c-.25-.33-.58-.58-.96-.76-.39-.18-.79-.27-1.21-.27-.51,0-.97.09-1.38.29s-.76.45-1.05.78c-.29.33-.52.72-.68,1.16-.16.44-.24.92-.24,1.43,0,.47.08.92.23,1.34.15.42.37.79.66,1.12s.64.58,1.05.76c.41.19.88.28,1.41.28s.97-.11,1.36-.32c.39-.21.72-.51.99-.89l1.03.77c-.07.09-.19.23-.35.4-.17.17-.39.35-.67.52-.28.17-.62.33-1.01.46-.39.13-.85.2-1.36.2-.71,0-1.35-.14-1.92-.41s-1.06-.63-1.46-1.07c-.4-.44-.71-.94-.92-1.49s-.32-1.11-.32-1.68c0-.69.11-1.33.34-1.92.23-.59.55-1.09.96-1.52.41-.43.9-.76,1.48-1,.58-.24,1.21-.36,1.9-.36.59,0,1.17.11,1.74.34.57.23,1.04.58,1.4,1.05l-1.02.77Z"/>751          <path d="M353.24,566.76h1.22v3.73h4.66v-3.73h1.22v8.98h-1.22v-4.11h-4.66v4.11h-1.22v-8.98Z"/>752          <path d="M365.46,566.76h1.1l3.84,8.98h-1.42l-.9-2.22h-4.27l-.89,2.22h-1.42l3.96-8.98ZM367.64,572.45l-1.67-4.12h-.03l-1.7,4.12h3.4Z"/>753          <path d="M371.57,566.76h3.16c.57,0,1.05.08,1.42.23s.67.36.88.6c.22.24.37.51.45.81s.13.59.13.87-.05.56-.15.83c-.1.27-.25.51-.44.72-.19.22-.42.4-.7.54-.27.15-.58.24-.92.27l2.55,4.1h-1.52l-2.28-3.96h-1.36v3.96h-1.22v-8.98ZM372.79,570.72h1.6c.24,0,.47-.02.7-.06.23-.04.44-.11.62-.21.18-.1.33-.25.44-.44.11-.19.17-.44.17-.74s-.06-.55-.17-.74-.26-.34-.44-.44c-.18-.1-.39-.17-.62-.21-.23-.04-.47-.06-.7-.06h-1.6v2.89Z"/>754          <path d="M379.32,566.76h5.8v1.14h-4.58v2.68h4.26v1.14h-4.26v2.88h4.81v1.14h-6.03v-8.98Z"/>755          <path d="M387.34,573.86c.22.33.5.57.84.73.34.16.7.24,1.06.24.2,0,.41-.03.62-.1s.4-.16.58-.29.31-.28.42-.47c.11-.19.17-.4.17-.65,0-.35-.11-.61-.33-.79-.22-.18-.49-.33-.82-.46-.33-.12-.68-.24-1.07-.36s-.74-.27-1.07-.48c-.33-.2-.6-.48-.82-.82s-.33-.81-.33-1.39c0-.26.06-.54.17-.84.11-.3.29-.57.54-.81.25-.25.56-.45.94-.62s.85-.25,1.39-.25c.49,0,.96.07,1.41.2.45.13.84.41,1.18.82l-.99.9c-.15-.24-.37-.43-.65-.57-.28-.14-.6-.22-.95-.22s-.62.04-.84.13-.4.2-.54.34-.23.29-.29.45c-.05.16-.08.31-.08.44,0,.38.11.67.33.88.22.2.49.37.82.5.33.13.68.24,1.07.34s.74.24,1.07.42c.33.18.6.43.82.74.22.31.33.73.33,1.27,0,.43-.08.82-.25,1.17-.16.35-.39.64-.67.88-.28.24-.61.42-.99.55-.38.13-.79.19-1.22.19-.58,0-1.12-.1-1.64-.3s-.93-.52-1.23-.94l1-.86Z"/>756          <path d="M396,567.9h-2.89v-1.14h7v1.14h-2.89v7.84h-1.22v-7.84Z"/>757          <path d="M409.05,575.97c-.68,0-1.31-.12-1.89-.36-.58-.24-1.07-.57-1.48-1-.41-.42-.73-.92-.96-1.5-.23-.58-.35-1.2-.35-1.86s.12-1.29.35-1.87c.23-.57.55-1.07.96-1.5.41-.42.9-.75,1.48-1s1.21-.36,1.89-.36,1.32.12,1.89.36c.57.24,1.07.57,1.48,1s.73.92.96,1.5c.23.58.35,1.2.35,1.87s-.12,1.29-.35,1.86-.55,1.07-.96,1.5-.9.75-1.48,1c-.58.24-1.21.36-1.89.36ZM409.05,574.83c.52,0,.98-.1,1.4-.29.41-.19.77-.45,1.07-.77s.52-.7.69-1.14c.16-.44.24-.9.24-1.39s-.08-.95-.24-1.39c-.16-.44-.39-.81-.69-1.14s-.65-.58-1.07-.77-.88-.29-1.4-.29-.98.09-1.4.29c-.41.19-.77.45-1.07.77s-.52.7-.68,1.14c-.16.44-.24.9-.24,1.39s.08.95.24,1.39c.16.44.39.81.68,1.14s.65.58,1.07.77c.42.19.88.29,1.4.29Z"/>758          <path d="M416.54,566.76v5.5c0,.28.04.57.11.87.08.3.2.58.38.83.18.25.41.46.7.62.29.16.64.24,1.07.24s.78-.08,1.07-.24c.29-.16.52-.37.7-.62.18-.25.3-.53.38-.83.08-.3.11-.59.11-.87v-5.5h1.22v5.7c0,.52-.09,1-.27,1.43-.18.43-.42.8-.74,1.11s-.68.55-1.1.72-.88.25-1.37.25-.95-.08-1.37-.25c-.42-.17-.79-.41-1.1-.72s-.56-.68-.74-1.11-.27-.9-.27-1.43v-5.7h1.22Z"/>759          <path d="M424.41,566.76h5.8v1.14h-4.58v2.68h4.26v1.14h-4.26v2.88h4.81v1.14h-6.03v-8.98Z"/>760          <path d="M432.43,573.86c.22.33.5.57.84.73.34.16.7.24,1.06.24.2,0,.41-.03.62-.1.21-.06.4-.16.58-.29.17-.13.32-.28.42-.47.11-.19.17-.4.17-.65,0-.35-.11-.61-.33-.79-.22-.18-.49-.33-.82-.46-.33-.12-.68-.24-1.07-.36s-.74-.27-1.07-.48c-.33-.2-.6-.48-.82-.82s-.33-.81-.33-1.39c0-.26.06-.54.17-.84.11-.3.29-.57.54-.81.25-.25.56-.45.94-.62s.85-.25,1.39-.25c.49,0,.96.07,1.41.2.45.13.84.41,1.18.82l-.99.9c-.15-.24-.37-.43-.65-.57-.28-.14-.6-.22-.95-.22s-.62.04-.84.13c-.22.09-.4.2-.54.34-.14.14-.23.29-.29.45-.05.16-.08.31-.08.44,0,.38.11.67.33.88.22.2.49.37.82.5.33.13.68.24,1.07.34s.74.24,1.07.42c.33.18.6.43.82.74.22.31.33.73.33,1.27,0,.43-.08.82-.25,1.17s-.39.64-.67.88c-.28.24-.61.42-.99.55s-.79.19-1.22.19c-.58,0-1.12-.1-1.64-.3s-.93-.52-1.23-.94l1-.86Z"/>761          <path d="M441.09,567.9h-2.89v-1.14h7v1.14h-2.89v7.84h-1.22v-7.84Z"/>762        </g>763        <g>764          <g>765            <line x1="281.09" y1="568.13" x2="242.18" y2="567.84" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>766            <path d="M239.17,567.81c1.42-.52,3.19-1.4,4.29-2.35l-.88,2.37.84,2.38c-1.08-.96-2.84-1.87-4.26-2.41Z"/>767          </g>768          <g>769            <line x1="239.66" y1="575.02" x2="278.56" y2="575.31" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>770            <path d="M281.58,575.33c-1.42.52-3.19,1.4-4.29,2.35l.88-2.37-.84-2.38c1.08.96,2.84,1.87,4.26,2.41Z"/>771          </g>772        </g>773        <g>774          <g>775            <line x1="501.91" y1="568.08" x2="463.01" y2="567.91" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>776            <path d="M459.99,567.9c1.42-.52,3.19-1.41,4.28-2.36l-.87,2.37.85,2.38c-1.09-.96-2.85-1.86-4.26-2.4Z"/>777          </g>778          <g>779            <line x1="460.8" y1="575.07" x2="499.71" y2="575.24" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>780            <path d="M502.72,575.25c-1.42.52-3.19,1.41-4.28,2.36l.87-2.37-.85-2.38c1.09.96,2.85,1.86,4.26,2.4Z"/>781          </g>782        </g>783      </g>784      <g>785        <g>786          <path d="M565.8,338.9v-3.16c0-.58.08-1.05.23-1.42s.36-.67.6-.88c.24-.22.51-.37.81-.45.3-.08.59-.13.87-.13s.56.05.83.15c.27.1.51.25.72.44s.4.42.54.7c.15.27.24.58.27.92l4.1-2.55v1.52l-3.96,2.28v1.36h3.96v1.22h-8.98ZM569.75,337.68v-1.6c0-.24-.02-.47-.06-.7-.04-.23-.11-.44-.21-.62-.1-.18-.25-.33-.44-.44-.19-.11-.44-.17-.74-.17s-.55.05-.74.17-.34.26-.44.44c-.1.18-.17.39-.21.62-.04.23-.06.47-.06.7v1.6h2.89Z"/>787          <path d="M565.8,330.09h5.5c.28,0,.57-.04.87-.11.3-.08.58-.2.83-.38.25-.18.46-.41.62-.7.16-.29.24-.64.24-1.07s-.08-.78-.24-1.07c-.16-.29-.37-.52-.62-.7-.25-.18-.53-.3-.83-.38-.3-.08-.59-.11-.87-.11h-5.5v-1.22h5.7c.52,0,1,.09,1.43.27.43.18.8.42,1.11.74.31.31.55.68.72,1.1s.25.88.25,1.37-.08.95-.25,1.37-.41.79-.72,1.1c-.31.31-.68.56-1.11.74s-.9.27-1.43.27h-5.7v-1.22Z"/>788          <path d="M565.8,322.22v-5.8h1.14v4.58h2.68v-4.26h1.14v4.26h2.88v-4.81h1.14v6.03h-8.98Z"/>789          <path d="M565.8,310.94v-3.12c0-.39.05-.75.14-1.08.09-.33.23-.62.41-.86s.41-.43.7-.57.62-.21,1-.21c.52,0,.94.14,1.26.43.33.29.56.66.72,1.12h.03c.02-.27.09-.52.21-.76.12-.24.28-.44.48-.62.2-.17.43-.31.69-.41s.54-.15.85-.15c.41,0,.76.08,1.07.25s.57.39.78.68c.21.29.37.62.48,1,.11.38.17.79.17,1.23v3.08h-8.98ZM569.53,309.72v-1.66c0-.23-.02-.44-.07-.65-.05-.2-.12-.38-.23-.53-.11-.15-.25-.27-.42-.36s-.38-.13-.62-.13c-.36,0-.66.11-.93.34-.26.23-.39.59-.39,1.08v1.92h2.66ZM573.71,309.72v-1.79c0-.19-.02-.39-.06-.62-.04-.22-.11-.43-.23-.63s-.27-.36-.46-.5c-.2-.13-.45-.2-.77-.2-.53,0-.93.17-1.2.52s-.4.82-.4,1.41v1.8h3.12Z"/>790          <path d="M565.8,300.13v-1.1l8.98-3.84v1.42l-2.22.9v4.27l2.22.89v1.42l-8.98-3.96ZM571.49,297.95l-4.12,1.67v.03l4.12,1.7v-3.4Z"/>791          <path d="M570.95,292.84l-5.15,3.4v-1.56l3.94-2.45-3.94-2.52v-1.48l5.15,3.4h3.83v1.22h-3.83Z"/>792          <path d="M565.8,285.32v-1.1l8.98-3.84v1.42l-2.22.9v4.27l2.22.89v1.42l-8.98-3.96ZM571.49,283.13l-4.12,1.67v.03l4.12,1.7v-3.4Z"/>793          <path d="M565.8,279.2v-3.16c0-.58.08-1.05.23-1.42s.36-.67.6-.88c.24-.22.51-.37.81-.45.3-.08.59-.13.87-.13s.56.05.83.15c.27.1.51.25.72.44s.4.42.54.7c.15.27.24.58.27.92l4.1-2.55v1.52l-3.96,2.28v1.36h3.96v1.22h-8.98ZM569.75,277.98v-1.6c0-.24-.02-.47-.06-.7-.04-.23-.11-.44-.21-.62-.1-.18-.25-.33-.44-.44-.19-.11-.44-.17-.74-.17s-.55.05-.74.17-.34.26-.44.44c-.1.18-.17.39-.21.62-.04.23-.06.47-.06.7v1.6h2.89Z"/>794          <path d="M565.8,271.65v-3.13c0-.63.07-1.19.22-1.67.14-.48.34-.89.58-1.24.24-.35.52-.64.83-.88.31-.23.63-.42.96-.55.33-.13.66-.23.99-.29.33-.06.63-.09.91-.09.58,0,1.13.11,1.67.32.54.21,1.01.52,1.43.94.42.42.75.93,1.01,1.54.25.61.38,1.32.38,2.12v2.93h-8.98ZM573.63,270.44v-1.54c0-.52-.07-1-.21-1.46s-.35-.86-.63-1.21c-.28-.35-.63-.62-1.05-.82s-.91-.3-1.46-.3c-.29,0-.62.05-1.01.14-.38.09-.75.27-1.1.53-.35.26-.64.62-.88,1.07s-.36,1.05-.36,1.78v1.83h6.7Z"/>795        </g>796        <g>797          <g>798            <line x1="567.16" y1="360.73" x2="566.87" y2="399.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>799            <path d="M566.85,402.66c-.52-1.42-1.4-3.19-2.35-4.29l2.37.88,2.38-.84c-.96,1.08-1.87,2.84-2.41,4.26Z"/>800          </g>801          <g>802            <line x1="574.05" y1="402.17" x2="574.34" y2="363.26" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>803            <path d="M574.37,360.24c.52,1.42,1.4,3.19,2.35,4.29l-2.37-.88-2.38.84c.96-1.08,1.87-2.84,2.41-4.26Z"/>804          </g>805        </g>806        <g>807          <g>808            <line x1="567.11" y1="201.76" x2="566.94" y2="240.67" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>809            <path d="M566.93,243.69c-.52-1.42-1.41-3.19-2.36-4.28l2.37.87,2.38-.85c-.96,1.09-1.86,2.85-2.4,4.26Z"/>810          </g>811          <g>812            <line x1="574.1" y1="242.88" x2="574.27" y2="203.97" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>813            <path d="M574.28,200.95c.52,1.42,1.41,3.19,2.36,4.28l-2.37-.87-2.38.85c.96-1.09,1.86-2.85,2.4-4.26Z"/>814          </g>815        </g>816      </g>817      <g>818        <polygon points="532.17 541.92 209.72 541.92 209.72 337.37 357.82 337.37 357.82 59.24 532.17 59.24 532.17 541.92" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>819        <polyline points="357.82 304.09 342.5 304.09 342.5 257.02 342.5 212.9 311.18 212.9 311.18 169.61 285.39 169.61 285.39 279.22 246.25 279.22 246.25 337.37" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>820        <line x1="342.5" y1="257.02" x2="285.39" y2="257.02" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>821        <line x1="342.5" y1="250.79" x2="285.39" y2="250.79" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>822        <line x1="342.5" y1="244.56" x2="285.39" y2="244.56" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>823        <line x1="342.5" y1="238.33" x2="285.39" y2="238.33" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>824        <line x1="342.5" y1="232.1" x2="285.39" y2="232.1" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>825        <line x1="342.5" y1="225.87" x2="285.39" y2="225.87" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>826        <line x1="342.5" y1="219.64" x2="285.39" y2="219.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>827        <line x1="342.5" y1="213.42" x2="285.39" y2="213.42" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>828        <line x1="311.18" y1="207.19" x2="285.39" y2="207.19" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>829        <line x1="311.18" y1="200.96" x2="285.39" y2="200.96" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>830        <line x1="311.18" y1="194.73" x2="285.39" y2="194.73" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>831        <line x1="311.18" y1="187.5" x2="285.39" y2="187.5" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>832        <line x1="311.18" y1="180.26" x2="285.39" y2="180.26" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>833        <polyline points="357.82 89.02 285.39 89.02 285.39 169.61" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>834      </g>835      <g>836        <line x1="532.17" y1="219.64" x2="526.17" y2="219.64" fill="none" stroke="#1d1d1b" stroke-miterlimit="10" stroke-width="2"/>837        <line x1="513.68" y1="219.64" x2="370.07" y2="219.64" fill="none" stroke="#1d1d1b" stroke-dasharray="12.49 12.49" stroke-miterlimit="10" stroke-width="2"/>838        <line x1="363.82" y1="219.64" x2="357.82" y2="219.64" fill="none" stroke="#1d1d1b" stroke-miterlimit="10" stroke-width="2"/>839      </g>840    </g>841    <g id="rose-de-vents">842      <g clip-path="url(#84fd087f-a8f0-490c-a79a-f9e953966d90-2)">843        <g clip-path="url(#84fd087f-a8f0-490c-a79a-f9e953966d90-3)">844          <path d="M754.27,40.14h.02c10.76,8.18,12.87,23.59,4.7,34.35-3.96,5.21-9.71,8.57-16.19,9.46-6.48.89-12.92-.8-18.13-4.75h-.02c-5.21-3.97-8.57-9.72-9.46-16.21-.89-6.48.81-12.93,4.76-18.14,8.17-10.76,23.56-12.87,34.32-4.71M724.96,78.8c5.1,3.87,11.41,5.52,17.75,4.65,6.35-.87,11.99-4.16,15.86-9.27,8.01-10.54,5.94-25.63-4.6-33.63h-.02c-10.54-8-25.62-5.94-33.62,4.6-3.88,5.11-5.53,11.42-4.67,17.77.87,6.35,4.16,11.99,9.27,15.86h.02Z"/>845          <rect x="743.54" y="86.08" width=".5" height="10.5" transform="translate(-5.52 101.61) rotate(-7.79)"/>846          <rect x="765.88" y="55.09" width="10.5" height=".5" transform="translate(-.35 105.6) rotate(-7.83)"/>847          <rect x="734.88" y="22.76" width=".5" height="10.5" transform="translate(2.98 99.85) rotate(-7.79)"/>848          <rect x="702.55" y="63.75" width="10.5" height=".5" transform="translate(-2.12 97.05) rotate(-7.83)"/>849          <polygon points="735.81 56.9 720.98 62.2 736.69 63.33 741.99 78.15 743.12 62.45 757.95 57.14 742.24 56.02 736.94 41.19 735.81 56.9"/>850          <polygon points="740.43 67.58 720.51 84.83 739.39 59.97 740.43 67.58" fill="#fff"/>851          <path d="M721.27,84.01l18.04-23.75,1,7.27-19.03,16.48ZM719.74,85.65l20.81-18.02-1.09-7.95-19.73,25.98Z"/>852          <polygon points="719.74 85.65 731.51 60.76 739.46 59.67 719.74 85.65"/>853          <polygon points="764.62 78.63 739.76 59.75 747.37 58.71 764.62 78.63" fill="#fff"/>854          <path d="M740.05,59.83l7.27-.99,16.48,19.03-23.75-18.04ZM739.46,59.67l25.98,19.73-18.02-20.81-7.95,1.09Z"/>855          <polygon points="765.44 79.4 740.55 67.62 739.46 59.67 765.44 79.4"/>856          <polygon points="739.54 59.38 738.5 51.77 758.42 34.51 739.54 59.38" fill="#fff"/>857          <path d="M739.62,59.08l-.99-7.27,19.03-16.48-18.04,23.75ZM739.46,59.67l19.73-25.98-20.81,18.02,1.09,7.95Z"/>858          <polygon points="759.19 33.7 747.42 58.58 739.46 59.67 759.19 33.7"/>859          <polygon points="739.17 59.59 731.56 60.64 714.31 40.71 739.17 59.59" fill="#fff"/>860          <path d="M731.61,60.51l-16.48-19.03,23.75,18.04-7.27.99ZM731.51,60.76l7.95-1.09-25.98-19.73,18.02,20.81Z"/>861          <polygon points="713.49 39.95 738.38 51.72 739.46 59.67 713.49 39.95"/>862          <path d="M771.96,79.28c.98.75,1.54,1.61,1.68,2.59.13.98-.22,2.02-1.06,3.13-.36.47-.77.85-1.23,1.13-.46.28-.94.46-1.44.54-.5.08-1,.05-1.51-.09-.51-.14-1-.38-1.47-.74-.46-.35-.82-.74-1.09-1.19-.27-.44-.43-.91-.49-1.4s-.02-.99.13-1.51c.15-.52.41-1.01.78-1.5.41-.54.86-.96,1.34-1.25.48-.29.97-.47,1.48-.54.5-.07,1-.03,1.49.11.49.14.96.38,1.39.71M771.63,79.65c-.31-.23-.64-.36-1-.38-.36-.02-.72.05-1.08.19-.37.14-.72.35-1.07.64-.35.28-.66.61-.95.99s-.51.75-.71,1.15c-.2.4-.33.79-.39,1.18-.06.39-.02.76.1,1.11.13.36.37.67.73.95.34.26.7.4,1.07.41.37.02.74-.05,1.11-.2.37-.15.72-.38,1.05-.67.34-.29.64-.61.92-.97.29-.38.53-.76.73-1.16.2-.4.33-.79.38-1.17s.01-.75-.12-1.1c-.13-.36-.39-.68-.78-.97"/>863          <path d="M716.98,94.03c-.16.21-.22.42-.19.65.03.23.19.48.49.75.03.02.04.06.03.1s-.03.09-.06.13-.06.06-.1.09c-.04.02-.08.01-.11-.01-.08-.06-.19-.15-.35-.27-.16-.12-.33-.25-.49-.39-.16-.14-.3-.27-.43-.39-.13-.12-.19-.21-.19-.26l-.37-7.37c-.01-.14-.06-.15-.15-.04l-1.75,2.3c-.08.1-.17.22-.28.37s-.23.3-.33.45c-.11.15-.2.3-.29.44-.09.14-.15.25-.18.35-.04.12-.06.21-.07.29,0,.08,0,.15.03.22.03.07.08.14.16.21.07.07.16.15.26.25.03.02.04.06.03.1-.01.05-.03.09-.06.13s-.06.07-.1.09c-.04.02-.07.02-.11,0-.15-.11-.3-.25-.46-.4s-.33-.29-.5-.42c-.16-.12-.33-.24-.5-.34-.17-.1-.36-.23-.56-.38-.04-.03-.05-.07-.05-.11,0-.04.02-.09.05-.12.03-.04.06-.07.11-.09.04-.02.08-.02.12.01.12.07.22.13.29.18.07.04.14.07.21.08.06.01.14,0,.22-.02.08-.02.18-.07.3-.15.09-.05.19-.14.31-.25.12-.12.24-.25.36-.39.12-.14.24-.29.36-.44.11-.15.21-.28.3-.39l3.09-4.07s.04-.02.09,0c.04.01.09.04.14.07.05.03.09.07.13.11.04.04.06.07.06.1l.4,7.86c0,.09.03.15.05.16.03.02.07-.02.13-.1l2.6-3.42c.17-.23.29-.41.35-.57.06-.15.08-.28.05-.4-.03-.11-.08-.22-.18-.32-.09-.1-.2-.22-.33-.35-.03-.04-.05-.07-.04-.12,0-.05.02-.09.05-.12.03-.04.07-.06.11-.08.04-.02.08-.01.12.02.14.1.28.23.43.38.15.15.34.31.56.48.24.18.46.33.66.45.2.12.37.22.49.32.03.02.04.06.04.1,0,.05-.02.09-.05.13-.02.04-.06.07-.1.09-.04.02-.09.01-.13,0-.18-.11-.33-.19-.46-.25-.13-.06-.25-.09-.36-.08-.11,0-.23.07-.35.17-.12.1-.27.27-.44.49l-3.07,4.04Z"/>864          <path d="M705.67,38.66c-.05-.04-.09-.08-.13-.13-.04-.05-.02-.11.06-.19.07-.06.13-.13.2-.22s.13-.17.2-.26c.21-.28.4-.55.57-.81.02-.03.05-.04.09-.03.04,0,.08.02.12.05.04.03.07.06.1.1.03.04.03.08,0,.12-.14.28-.24.5-.3.67-.06.17-.08.32-.06.45.03.13.1.26.22.38.12.12.29.27.5.44l.56.43c.16.12.3.22.4.29.1.07.2.1.28.1.09,0,.17-.03.26-.11.09-.07.19-.19.31-.34l1.25-1.64c.07-.09.09-.15.08-.2-.01-.05-.04-.08-.07-.1-.29-.22-.52-.38-.71-.48-.19-.1-.34-.15-.48-.15-.14,0-.26.05-.37.13-.11.08-.24.2-.38.36-.03.03-.08.05-.12.04-.04,0-.09-.02-.12-.05s-.07-.06-.08-.11c-.02-.04-.01-.08.02-.12.08-.1.15-.19.21-.26.07-.07.13-.15.2-.22.07-.07.13-.15.2-.23.07-.08.15-.18.23-.29.14-.19.26-.37.36-.53s.23-.36.4-.58c.02-.03.06-.04.1-.03.04,0,.08.03.12.06.04.03.06.07.08.11.02.04.02.08,0,.12-.12.2-.21.36-.27.49-.06.14-.07.26-.03.39.04.12.13.26.28.41.15.15.37.33.66.55.03.02.07.04.12.04.05,0,.1-.03.15-.1l.93-1.23c.15-.2.27-.38.35-.54.08-.16.12-.31.14-.44.01-.13,0-.26-.04-.37-.04-.12-.11-.23-.2-.34-.07-.09-.16-.17-.27-.27-.1-.09-.21-.18-.33-.27-.15-.11-.3-.21-.44-.3-.14-.09-.26-.14-.34-.17-.16-.05-.3-.09-.43-.11-.13-.02-.26-.01-.38.02-.12.03-.25.1-.39.19-.13.09-.28.22-.45.39-.03.03-.07.04-.12.02-.05-.01-.09-.04-.14-.07s-.08-.07-.1-.12c-.02-.05-.01-.08.02-.11.23-.24.45-.46.64-.67.2-.21.39-.44.56-.68.01-.02.05-.03.1-.05.05-.01.12.01.22.08l3.41,2.59c.24.18.48.35.71.51.24.16.45.3.64.43.05.04.08.08.08.13s0,.09-.03.14c-.02.05-.06.08-.11.09-.05.01-.11,0-.17-.03-.16-.1-.31-.17-.45-.21-.13-.05-.26-.06-.38-.05-.12.01-.23.06-.34.13-.11.07-.23.19-.34.35l-2.75,3.62c-.1.14-.2.27-.29.41-.09.14-.16.28-.22.41-.05.14-.08.27-.07.4,0,.13.05.26.14.37.06.07.11.14.18.21.07.07.13.13.19.19.04.03.05.06.05.11,0,.04-.02.09-.05.12s-.06.07-.11.08c-.04.02-.08.01-.12-.02-.21-.16-.4-.31-.56-.45-.16-.14-.35-.3-.58-.47l-3.37-2.56Z"/>865          <path d="M762.1,31.89c.14-.19.22-.37.24-.56.02-.19,0-.37-.05-.55-.05-.18-.13-.36-.23-.54-.1-.18-.19-.35-.28-.52-.15-.29-.3-.59-.44-.9-.14-.3-.24-.61-.3-.92-.06-.31-.06-.62,0-.94.06-.32.21-.64.46-.96s.52-.55.83-.67c.3-.12.62-.17.94-.14s.64.1.96.25c.32.14.61.31.88.52.18.13.35.31.53.53.18.22.32.45.42.7.02.04.04.07.06.1.02.04.05.07.09.1.04.03.1.05.18.05.08,0,.17-.03.28-.1.05-.02.09-.03.13-.02.04.01.08.03.11.06.03.03.05.06.06.1,0,.04,0,.07-.02.09-.12.12-.25.26-.39.41-.14.15-.27.3-.39.46-.12.16-.24.33-.35.5-.12.17-.23.35-.34.55-.02.04-.06.07-.11.07-.05,0-.1-.01-.13-.04-.04-.03-.07-.06-.09-.1-.02-.04-.02-.08,0-.13.16-.29.27-.57.32-.86.06-.29.07-.56.03-.82-.04-.26-.12-.5-.25-.73-.13-.23-.31-.43-.53-.6-.17-.13-.35-.23-.54-.3-.19-.07-.38-.1-.57-.1-.19,0-.37.04-.54.12-.17.08-.32.21-.45.38-.17.22-.27.46-.3.7-.03.24-.02.48.03.71.05.23.13.46.24.68.11.22.21.43.31.63.14.25.27.5.4.76.13.26.23.52.28.78.06.26.06.53,0,.81-.05.27-.18.56-.41.85-.23.3-.48.51-.76.62-.28.11-.56.15-.86.13-.3-.03-.59-.11-.89-.25-.3-.14-.58-.31-.86-.52-.17-.13-.32-.26-.42-.37-.11-.11-.21-.25-.33-.42-.06-.09-.11-.16-.16-.21-.04-.06-.09-.1-.14-.14-.07-.06-.15-.07-.23-.03-.03.02-.07.02-.11,0-.04-.02-.08-.04-.11-.07-.03-.03-.05-.06-.07-.09-.02-.03-.01-.06.01-.08.12-.09.22-.19.32-.29.1-.11.19-.22.28-.35.12-.16.23-.32.31-.46.08-.15.18-.31.31-.51.01-.02.04-.03.08-.02.04,0,.07.02.11.04.04.02.07.05.09.09.02.04.02.07,0,.11-.15.32-.25.6-.31.84-.06.24-.07.45-.04.63.04.19.12.36.25.52.13.16.31.32.54.49.16.12.32.21.49.28.17.06.34.1.51.1.17,0,.33-.04.49-.11s.29-.19.41-.35"/>866        </g>867      </g>868    </g>869  </g>870</svg>871                                            </div>872                                                                                                                                                </div>873                            </div>874                        </div>875                    </div>876                    <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">877                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">878                            <h6 class="">879                                Plan des étages880                            </h6>881                            <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">882                                                                    <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">883                                                                                    <button name="button" class="btn -border-b"884                                                    @click="changeFloorLevel('1')"885                                                    :class="floorLevel === '1' ? '-active' :''">886                                                                                                    Rez-de-chaussée887                                                                                            </button>888                                                                                    <button name="button" class="btn -border-b"889                                                    @click="changeFloorLevel('2')"890                                                    :class="floorLevel === '2' ? '-active' :''">891                                                                                                    Étage 2892                                                                                            </button>893                                                                                    <button name="button" class="btn -border-b"894                                                    @click="changeFloorLevel('3')"895                                                    :class="floorLevel === '3' ? '-active' :''">896                                                                                                    Étage 3897                                                                                            </button>898                                                                            </div>899                                    <div class="w-full h-full flex-1">900                                                                                                                                    <div class="w-full h-full" x-ref="floorPlan1" x-cloak901                                                     :class="floorLevel !== '1' ? 'hidden' :''">902                                                    <svg id="etage-rdc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><polygon id="unit-447-110" points="378.77 249.76 378.77 442.34 344.05 442.34 344.05 467.8 204.69 467.8 204.69 249.76 378.77 249.76" fill="#32739b"/><polygon id="unit-455-120" points="552.86 249.76 552.86 472.2 410.58 472.2 410.58 442.34 378.77 442.34 378.77 249.76 552.86 249.76" fill="#32739b"/><rect id="unit-451-130" x="369.32" y="118.86" width="183.54" height="130.89" fill="#32739b"/><g id="plan"><g id="structure"><polyline points="410.58 472.2 552.86 472.2 552.86 327.71 552.86 118.86 369.32 118.86 369.32 249.76 204.69 249.76 204.69 467.8 284.69 467.8 344.05 467.8 344.05 442.35 410.58 442.35 410.58 472.2" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="369.32" y1="249.76" x2="552.86" y2="249.76" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="378.77" y1="249.76" x2="378.77" y2="442.34" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><text transform="translate(266.61 360.99)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">110</text><text transform="translate(440.51 360.99)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">120</text><text transform="translate(440.51 197.12)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">130</text></g></g></svg>903                                                </div>904                                                                                                                                                                                <div class="w-full h-full" x-ref="floorPlan2" x-cloak905                                                     :class="floorLevel !== '2' ? 'hidden' :''">906                                                    <svg id="etage-02" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><polygon id="unit-451-210" points="355.98 367.1 355.98 480.38 414.01 480.38 414.01 540.65 303.21 540.65 303.21 522.65 233.84 522.65 233.84 332.3 414.01 332.3 414.01 367.1 355.98 367.1" fill="#32739b"/><polygon id="unit-451-220" points="557.88 400.65 557.88 526.95 414.01 526.86 414.01 332.3 440.89 332.3 440.89 266.37 539.67 266.37 539.67 400.65 557.88 400.65" fill="#32739b"/><polygon id="unit-451-230" points="538.5 62.68 538.5 266.37 441.35 266.37 441.35 332.3 377.9 332.3 377.9 62.68 538.5 62.68" fill="#32739b"/><g id="plan"><g id="structure"><polygon points="233.84 523.1 303.85 523.1 303.85 540.65 414.01 540.65 414.01 526.95 557.88 526.95 557.88 400.51 538.5 400.51 538.5 62.68 377.9 62.68 377.9 332.3 233.84 332.3 233.84 523.1" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="377.9 332.3 441.35 332.3 441.35 266.37 538.5 266.37" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="414.01" y1="526.95" x2="414.01" y2="332.3" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="414.01 367.1 355.98 367.1 355.98 480.38 414.01 480.38" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polygon points="233.84 523.1 303.85 523.1 303.85 540.65 414.01 540.65 414.01 526.95 557.88 526.95 557.88 400.51 538.5 400.51 538.5 62.68 377.9 62.68 377.9 332.3 233.84 332.3 233.84 523.1" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="377.9 332.3 441.35 332.3 441.35 266.37 538.5 266.37" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="414.01" y1="526.95" x2="414.01" y2="332.3" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="414.01 367.1 355.98 367.1 355.98 480.38 414.01 480.38" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><text transform="translate(274.6 429.62)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">210</text><text transform="translate(459.05 429.62)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">220</text><text transform="translate(437.62 176.09)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">230</text></g></g></svg>907                                                </div>908                                                                                                                                                                                <div class="w-full h-full" x-ref="floorPlan3" x-cloak909                                                     :class="floorLevel !== '3' ? 'hidden' :''">910                                                    <svg id="etage-03" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><polygon id="unit-451-310" points="542.15 339.16 542.15 539.94 227.89 539.94 227.89 339.16 353.64 339.16 353.64 490.87 412.42 490.87 412.42 339.16 542.15 339.16" fill="#32739b"/><polygon id="unit-451-320" points="559.19 138.79 559.19 269.47 542.15 269.47 542.15 339.16 376.49 339.16 376.49 61.05 542.15 61.05 542.15 138.79 559.19 138.79" fill="#32739b"/><g id="plan"><g id="structure"><text transform="translate(268.22 449.15)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">310</text><text transform="translate(443.64 206.71)" font-size="24" font-family="OpenSans-Bold, Open Sans" font-weight="700">320</text><polygon points="542.15 409.52 542.15 409.52 543.27 539.94 227.89 539.94 227.89 339.16 376.49 339.16 376.49 61.05 542.15 61.05 542.15 138.79 559.19 138.79 559.19 269.17 542.15 269.17 542.15 409.52" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="376.49" y1="339.16" x2="542.15" y2="339.16" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="412.42 339.16 412.42 490.87 353.64 490.87 353.64 339.16" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polygon points="542.15 409.52 542.15 409.52 543.27 539.94 227.89 539.94 227.89 339.16 376.49 339.16 376.49 61.05 542.15 61.05 542.15 138.79 559.19 138.79 559.19 269.17 542.15 269.17 542.15 409.52" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><line x1="376.49" y1="339.16" x2="542.15" y2="339.16" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/><polyline points="412.42 339.16 412.42 490.87 353.64 490.87 353.64 339.16" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/></g></g></svg>911                                                </div>912                                                                                                                        </div>913                                                            </div>914                        </div>915916                    </div>917                </div>918            </div>919            <div class="py-12">920                <h4>921                    Appartements disponibles922                </h4>923                                                                    <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">924                        <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">925                                                                                            <div x-cloak926                                     :class="(apartmentType && apartmentType !== '3.5') ? 'hidden' : ''">927                                    <div928    id="apartment-list-item-4392"929    data-id="4392"930    data-number="451-220"931    class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"932     :class="`${apartmentNumber === '451-220' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"933     @click.prevent="showApartment('451-220', '2')"934>935    <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">936        <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 451-220</p>937        <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">938939                            <p class="font-semibold text-gray-500">940                    3 &frac12;941                </p>942                                        <p>527 pi<sup>2</sup> brute</p>943            944                            <p class="text-gray-500 font-semibold line-through">945                    1250$/mois946                </p>947                <p class="-small text-red-500 font-semibold">948                    Rabais de 205$/mois949                </p>950                <p class="text-gray-500 font-semibold">951                    1045$/mois952                </p>953            954                    </div>955        <div class="w-full md:w-2/5 mt-3 md:mt-0">956                            <div class="u-flex-start relative mb-3 md:mb-0">957                                                                    <svg  class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">958        <circle stroke="currentColor" fill="none"959                stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>960        <polygon fill="currentColor"961                 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"/>962        <polygon fill="currentColor"963                 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"/>964    </svg>965                                        <p>Disponible à partir du966                        <span class="font-bold">967                            1 Juillet 2026968                        </span>969                    </p>970                </div>971                        <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 451-220</p>972            <p class="hidden md:block">455 Bd Charest O #447, Québec, QC G1K 1X8, Canada</p>973                            <div class="u-flex-start">974                    <div data-tippy-content="Climatisation">975        <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">976        <path fill="currentColor"977              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"/>978    </svg>979    </div>980    <div data-tippy-content="1 chien accepté, aucune limite de poids">981        <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">982        <path fill="currentColor"983              d="M12.8,15.12c1.6,0,2.9-1.75,2.9-3.89s-1.3-3.89-2.9-3.89S9.9,9.09,9.9,11.23,11.2,15.12,12.8,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94s-.89,2.94-1.95,2.94-2-1.34-2-2.94S11.74,8.29,12.8,8.29ZM21.39,18.9a1.54,1.54,0,0,1-.14-.22A5.8,5.8,0,0,0,16,15.62h-.11a5.68,5.68,0,0,0-5.3,3,1,1,0,0,1-.14.18c-.07.08-.13.17-.19.25A5,5,0,0,0,9.36,22a2.77,2.77,0,0,0,1.2,2.32,1.76,1.76,0,0,0,.95.29,4.16,4.16,0,0,0,2.06-.84,10,10,0,0,1,1.48-.8,3.29,3.29,0,0,1,.71-.05,5,5,0,0,1,.89.06,9.8,9.8,0,0,1,1.42.83,4,4,0,0,0,2,.87,1.67,1.67,0,0,0,.86-.24c1.51-.85,1.79-3.2.64-5.23A3,3,0,0,0,21.39,18.9Zm-.91,4.7a.72.72,0,0,1-.39.11,3.37,3.37,0,0,1-1.5-.71A10.34,10.34,0,0,0,17,22.1,4,4,0,0,0,15.76,22a3.11,3.11,0,0,0-1.06.12,10.35,10.35,0,0,0-1.63.88,3.63,3.63,0,0,1-1.56.69.77.77,0,0,1-.43-.13,1.88,1.88,0,0,1-.78-1.57A4.09,4.09,0,0,1,11,19.56a.61.61,0,0,1,.12-.16,2.37,2.37,0,0,0,.26-.37,4.75,4.75,0,0,1,4.45-2.47h.09a4.86,4.86,0,0,1,4.46,2.52,2.26,2.26,0,0,0,.24.38,2.43,2.43,0,0,1,.14.2C21.66,21.23,21.53,23,20.48,23.6ZM19,15.12c1.6,0,2.9-1.75,2.9-3.89S20.56,7.34,19,7.34s-2.9,1.75-2.9,3.89S17.36,15.12,19,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94S20,14.17,19,14.17,17,12.83,17,11.23,17.9,8.29,19,8.29Zm4.76,4.83c-1.28,0-2.28,1.33-2.28,3s1,3,2.28,3,2.28-1.33,2.28-3S25,13.12,23.72,13.12Zm0,5.1c-.73,0-1.34-.95-1.34-2.08s.61-2.07,1.34-2.07,1.33.95,1.33,2.07S24.44,18.22,23.72,18.22ZM10.57,16.14c0-1.69-1-3-2.29-3S6,14.45,6,16.14s1,3,2.28,3S10.57,17.84,10.57,16.14ZM8.28,18.22c-.72,0-1.33-.95-1.33-2.08s.61-2.07,1.33-2.07,1.34.95,1.34,2.07S9,18.22,8.28,18.22Z"/>984    </svg>985    </div>986    <div data-tippy-content="Entrée lave-vaiselle">987        <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">988        <path fill="currentColor"989              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"/>990    </svg>991    </div>992    <div data-tippy-content="Électroménager">993        <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">994        <path fill="currentColor"995              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"/>996    </svg>997    </div>998<!-- TODO: Add all icon -->999                </div>1000                    </div>1001        <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">1002            <!-- <a href="/comparer" class="btn -text u-flex-start">1003                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1004        <path fill="currentColor"1005              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"/>1006    </svg>1007            Comparer maintenant1008        </a>1009            <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">1010                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1011        <path fill="currentColor"1012              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"/>1013    </svg>1014                Planifier votre visite1015            </a>-->1016            <a href="/immeuble/447-455-boulevard-charest-ouest/appartement/451-220"1017               @click.prevent="showApartment('451-220', '2')"1018               class="w-full md:w-auto btn -group-hover"1019                :class="`${apartmentNumber === '451-220' ? '' : '-border'}`"1020            >1021                Voir les détails1022            </a>1023        </div>1024    </div>1025</div>1026                                    <div class="h-px w-full bg-gray-200"></div>1027                                </div>1028                                                                                    </div>1029                    </div>1030                            </div>1031        </div>1032        <div class="" x-ref="apartmentDetails">1033            <div class="container mx-auto">1034                <!-- TODO: USe AJAX to not show all appartments ? -->1035                                    <div x-cloak :class="apartmentNumber !== '451-220' ? 'hidden' : ''">1036                        <div id="apartment-details-451-220" data-id="4392"1037     class="bg-blue-100 p-6 block"1038     x-data="apartmentDetails()">1039    <div class="flex flex-row flex-wrap justify-center items-stretch">1040        <div class="w-full md:w-1/2 md:pr-12">1041            <h4 class="text-gray-500">1042                Détails:&nbsp;Appartement 451-2201043            </h4>1044                            <p>1045                    3 &frac12;1046                </p>1047                                        <p class="">1048                    527 pi<sup>2</sup>1049                </p>1050            1051                            <p class="text-gray-500 font-semibold line-through">1052                    1250$/mois1053                </p>1054                <p class="-small text-red-500 font-semibold">1055                    Rabais de 205$/mois1056                </p>1057                <p class="text-gray-500 font-semibold">1058                    1045$/mois1059                </p>1060            10611062            1063                            <div class="py-2 border-y border-gray-200 my-2 u-flex-start">1064                    <div data-tippy-content="Climatisation">1065        <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">1066        <path fill="currentColor"1067              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"/>1068    </svg>1069    </div>1070    <div data-tippy-content="1 chien accepté, aucune limite de poids">1071        <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">1072        <path fill="currentColor"1073              d="M12.8,15.12c1.6,0,2.9-1.75,2.9-3.89s-1.3-3.89-2.9-3.89S9.9,9.09,9.9,11.23,11.2,15.12,12.8,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94s-.89,2.94-1.95,2.94-2-1.34-2-2.94S11.74,8.29,12.8,8.29ZM21.39,18.9a1.54,1.54,0,0,1-.14-.22A5.8,5.8,0,0,0,16,15.62h-.11a5.68,5.68,0,0,0-5.3,3,1,1,0,0,1-.14.18c-.07.08-.13.17-.19.25A5,5,0,0,0,9.36,22a2.77,2.77,0,0,0,1.2,2.32,1.76,1.76,0,0,0,.95.29,4.16,4.16,0,0,0,2.06-.84,10,10,0,0,1,1.48-.8,3.29,3.29,0,0,1,.71-.05,5,5,0,0,1,.89.06,9.8,9.8,0,0,1,1.42.83,4,4,0,0,0,2,.87,1.67,1.67,0,0,0,.86-.24c1.51-.85,1.79-3.2.64-5.23A3,3,0,0,0,21.39,18.9Zm-.91,4.7a.72.72,0,0,1-.39.11,3.37,3.37,0,0,1-1.5-.71A10.34,10.34,0,0,0,17,22.1,4,4,0,0,0,15.76,22a3.11,3.11,0,0,0-1.06.12,10.35,10.35,0,0,0-1.63.88,3.63,3.63,0,0,1-1.56.69.77.77,0,0,1-.43-.13,1.88,1.88,0,0,1-.78-1.57A4.09,4.09,0,0,1,11,19.56a.61.61,0,0,1,.12-.16,2.37,2.37,0,0,0,.26-.37,4.75,4.75,0,0,1,4.45-2.47h.09a4.86,4.86,0,0,1,4.46,2.52,2.26,2.26,0,0,0,.24.38,2.43,2.43,0,0,1,.14.2C21.66,21.23,21.53,23,20.48,23.6ZM19,15.12c1.6,0,2.9-1.75,2.9-3.89S20.56,7.34,19,7.34s-2.9,1.75-2.9,3.89S17.36,15.12,19,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94S20,14.17,19,14.17,17,12.83,17,11.23,17.9,8.29,19,8.29Zm4.76,4.83c-1.28,0-2.28,1.33-2.28,3s1,3,2.28,3,2.28-1.33,2.28-3S25,13.12,23.72,13.12Zm0,5.1c-.73,0-1.34-.95-1.34-2.08s.61-2.07,1.34-2.07,1.33.95,1.33,2.07S24.44,18.22,23.72,18.22ZM10.57,16.14c0-1.69-1-3-2.29-3S6,14.45,6,16.14s1,3,2.28,3S10.57,17.84,10.57,16.14ZM8.28,18.22c-.72,0-1.33-.95-1.33-2.08s.61-2.07,1.33-2.07,1.34.95,1.34,2.07S9,18.22,8.28,18.22Z"/>1074    </svg>1075    </div>1076    <div data-tippy-content="Entrée lave-vaiselle">1077        <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">1078        <path fill="currentColor"1079              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"/>1080    </svg>1081    </div>1082    <div data-tippy-content="Électroménager">1083        <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">1084        <path fill="currentColor"1085              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"/>1086    </svg>1087    </div>1088<!-- TODO: Add all icon -->1089                </div>1090                        <ul class="pt-4 space-y-1  ">10911092                                    <li class="u-flex-start-top">1093                        <h6 class="w-1/2 text-gray-300 leading-24px">1094                            Étage1095                        </h6>1096                        <p class="w-1/2">1097                                                            21098                                                    </p>1099                    </li>1100                1101                                    <li class="u-flex-start-top">1102                        <h6 class="w-1/2 text-gray-300 leading-24px">1103                            Disponibilité1104                        </h6>1105                        <p class="w-1/2">1106                            1 juillet 20261107                        </p>1108                    </li>1109                                                    <li class="u-flex-start-top">1110                        <h6 class="w-1/2 text-gray-300 leading-24px">1111                            Superficie1112                        </h6>1113                        <p class="w-1/2">1114                            527 pi<sup>2</sup>1115                        </p>1116                    </li>1117                                                    <li class="u-flex-start-top">1118                        <h6 class="w-1/2 text-gray-300 leading-24px">1119                            Frais d'énergie1120                        </h6>1121                        <p class="w-1/2">1122                            Non-Chauffé &amp; Non-Éclairé1123                        </p>1124                    </li>1125                                                1126                1127                1128                                    <li class="u-flex-start-top">1129                        <h6 class="w-1/2 text-gray-300 leading-24px">1130                            Aménagement inclus1131                        </h6>1132                        <p class="w-1/2">1133                            Électroménager1134                        </p>1135                    </li>1136                1137                                    <li class="u-flex-start-top">1138                        <h6 class="w-1/2 text-gray-300 leading-24px">1139                            Entrée Laveuse / Sécheuse1140                        </h6>1141                        <p class="w-1/2">1142                            Oui1143                        </p>1144                    </li>1145                1146                                    <li class="u-flex-start-top">1147                        <h6 class="w-1/2 text-gray-300 leading-24px">1148                            Entrée Lave-vaisselle1149                        </h6>1150                        <p class="w-1/2">1151                            Oui1152                        </p>1153                    </li>1154                1155                <li class="u-flex-start-top">1156                    <h6 class="w-1/2 text-gray-300 leading-24px">1157                        Type de climatisation1158                    </h6>1159                    <p class="w-1/2">1160                                                    Climatiseur mural1161                                            </p>1162                </li>116311641165                                    <li class="u-flex-start-top">1166                        <h6 class="w-1/2 text-gray-300 leading-24px">1167                            Chien acceptés1168                        </h6>1169                        <p class="w-1/2">1170                            1 chien accepté, aucune limite de poids1171                        </p>1172                    </li>1173                1174                1175                1176                1177                11781179                <li class="u-flex-start-top">1180                    <h6 class="w-1/2 text-gray-300 leading-24px">1181                        Balcon privée1182                    </h6>1183                    <p class="w-1/2">1184                        Oui1185                    </p>1186                </li>1187                1188                1189                1190                                    <li class="u-flex-start-top">1191                        <h6 class="w-1/2 text-gray-300 leading-24px">1192                            Électroménager inclus1193                        </h6>1194                        <p class="w-1/2">1195                                                            non1196                                                    </p>1197                    </li>1198                                1199                12001201            </ul>12021203            12041205            <a href="#contact-form" class="btn -border u-flex-start mt-12">1206                Rejoindre l'agent de location1207            </a>1208                    </div>1209        <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1210            <div class="h-full max-h-500px lg:max-h-600px relative">1211                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 bg-white">1212    <img class="w-32 md:w-52 h-auto object-contain object-center block"1213         alt="Logis-Experts - Plan à venir"1214         src="/static/images/icons/no-plan@2x.png"/>1215    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>1216</div>1217                            </div>1218                    </div>1219    </div>1220</div>1221                    </div>1222                                <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1223                    <div class="p-3 block">1224                        <h3>Cette appartement n'est plus disponible</h3>1225                    </div>1226                </div>1227            </div>1228        </div>12291230        <div class="py-12 block md:hidden">1231            <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1232    <h4>1233        Rejoindre l'équipe de location1234    </h4>12351236    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1237          action="/api/globals/apartments/contact-form" method="post">1238        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="216"/>1239        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>124012411242        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1243            <div class="c_select h-[40.5px]">1244                <select name="salutation" class="w-full" value="M." required>1245                    <option value="M.">M.</option>1246                    <option value="Mme">Mme</option>1247                    <option value="Mlle">Mlle</option>1248                    <option value="Dr">Dr</option>1249                    <option value="Pr">Pr</option>1250                </select>1251            </div>1252            <div class="c_input w-full">1253                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1254            </div>1255            <div class="c_input w-full">1256                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1257            </div>1258        </div>125912601261        <div class="c_input mt-2">1262            <input type="email" name="email" value="" required placeholder="Courriel"/>1263        </div>1264        <div class="c_input mt-2">1265            <input type="text" name="phone" value="" placeholder="Téléphone"/>1266        </div>1267        <div class="c_input mt-2">1268            <textarea rows="3" class="resize-none" name="message"1269                      placeholder="Message"></textarea>1270        </div>1271        1272        1273        <div class="u-flex-end mt-6 w-full">1274            <div class="cf-turnstile mb-4"1275                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1276                 data-refresh-expired="auto"1277                 data-refresh-timeout="auto"1278                 data-theme="light">1279            </div>1280        </div>1281        <div class="u-flex-end w-full">1282            <button type="submit" class="btn -text">1283                Envoyer1284                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1285        <path fill="currentColor"1286              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"/>1287    </svg>1288            </button>1289        </div>1290    </form>1291</div>1292        </div>12931294        <div class="py-12">1295            <div class="container mx-auto">1296                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1297                    <div class="relative">1298                                                    <div class="h-full w-full flex flex-col justify-start items-start">1299    <div class="c_slider_images swiper | flex-1 w-full "1300         x-data="sliderImages(1,1,1, 1, 1, 1)">1301        <div class="swiper-wrapper">1302                            <div class="swiper-slide">1303                    <img alt="Logis-Experts - Immeubles - 447-455 Boulevard Charest Ouest - Image principale"1304                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1305                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04.jpg"/>1306                    <div class="swiper-lazy-preloader"></div>1307                </div>1308                    </div>13091310                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1311                @click.stop.prevent="goPrev">1312            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1313        <path fill="currentColor"1314              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"/>1315    </svg>1316        </button>1317        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1318                @click.stop.prevent="goNext">1319            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1320        <path fill="currentColor"1321              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"/>1322    </svg>1323        </button>1324    </div>13251326                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1327                    </div>1328    </div>13291330                            <button aria-label="Montrer plus" type="button"1331                                    class="absolute z-10 top-3 right-3 round-btn -small"1332                                    @click.prevent="showBuildingModal = true">1333                                <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1334         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1335        <path stroke-linecap="round" stroke-linejoin="round"1336              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"/>1337    </svg>1338                            </button>133913401341                            <template x-teleport="#modal-container">1342                                <div x-show="showBuildingModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1343    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1344         @click.away="showBuildingModal = false;document.body.classList.remove('-modal-open')"1345         x-effect="1346            if (showBuildingModal){1347                document.body.classList.add('-modal-open')1348            } else {1349             document.body.classList.remove('-modal-open')1350            }1351         "1352         x-transition:enter="ease-out duration-300"1353         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1354         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1355         x-transition:leave-end="opacity-0 scale-90">13561357        <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')">1358            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1359         viewBox="0 0 18 18">1360        <path1361            fill="currentColor"1362            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>1363    </svg>1364        </button>13651366        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1367            <div class="flex-1 w-full h-full">1368                <div class="h-full w-full flex flex-col justify-start items-start">1369    <div class="c_slider_images swiper | flex-1 w-full "1370         x-data="sliderImages(1,1,1, 1, 1, 1)">1371        <div class="swiper-wrapper">1372                            <div class="swiper-slide">1373                    <img alt="Logis-Experts - Immeubles - 447-455 Boulevard Charest Ouest - Image principale"1374                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1375                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-logis-experts-loulou-sur-rue-455-boulevard-charest-ouest-b2d7545baa17ba6a714778763770cb04.jpg"/>1376                    <div class="swiper-lazy-preloader"></div>1377                </div>1378                    </div>13791380                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1381                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1382                @click.stop.prevent="goPrev">1383            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1384        <path fill="currentColor"1385              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"/>1386    </svg>1387        </button>1388        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1389                @click.stop.prevent="goNext">1390            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1391        <path fill="currentColor"1392              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"/>1393    </svg>1394        </button>1395    </div>13961397    </div>1398            </div>1399        </div>1400    </div>14011402</div>14031404                            </template>14051406                                            </div>1407                    <div>1408                        <h2 class="h1">1409                            Bâtiment1410                        </h2>14111412                        <ul class="py-2 border-y border-gray-200 my-3">1413                                                            <li class="u-flex-start">1414                                    <span class="uppercase w-1/2">1415                                        Quartier1416                                    </span>1417                                    <span class="text-blue font-semibold w-1/2">1418                                        Saint-Sauveur1419                                    </span>1420                                </li>1421                            1422                                                            <li class="u-flex-start">1423                                    <span class="uppercase  w-1/2">1424                                        Année de construction1425                                    </span>1426                                    <span class="text-blue font-semibold w-1/2">1427                                        20231428                                    </span>1429                                </li>1430                                                        <li class="u-flex-start">1431                                <span class="uppercase w-1/2">1432                                    Nombre d'appartements1433                                </span>1434                                <span class="text-blue font-semibold w-1/2">1435                                                                        81436                                </span>1437                            </li>1438                        </ul>14391440                        1441                                                    <p class="uppercase font-semibold pt-4 border-b border-gray-200">1442                                Commodités1443                            </p>1444                            <ul class="pt-2">1445                                                                    <li class="text-blue font-semibold">1446                                        -&nbsp;Terrasse1447                                    </li>1448                                                                    <li class="text-blue font-semibold">1449                                        -&nbsp;Cour Extérieur1450                                    </li>1451                                                            </ul>1452                        1453                                                <p class="py-6">1454                            1455                        </p>1456                    </div>1457                </div>1458            </div>1459        </div>14601461        1462                    <div class="w-full p-building__map" x-data="staticMap(46.8085156, -71.23637)">14631464</div>1465            </main>14661467<footer class=" w-full">1468    <div class="bg-gray-500">1469        <div class="container w-full">1470            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1471                <div>1472                    <a href="/" class="block">1473                        <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1474                             class="w-32 h-auto block"/>1475                    </a>1476                    <div class="u-flex-start space-x-4 mt-6">1477                        <p class="text-white font-brandon text-15px font-bold uppercase">1478                            Suivez-nous1479                        </p>1480                        <div class="u-flex-start space-x-4">14811482                            <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1483                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1484                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1485         viewBox="0 0 10.28 19.8">1486        <path fill="currentColor"1487              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"/>1488    </svg>1489                            </a>1490                            <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"1491                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1492                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1493         viewBox="0 0 21.14 21.14">1494        <path fill="currentColor"1495              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"/>1496        <path fill="currentColor"1497              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"/>1498        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>1499    </svg>1500                            </a>1501                            <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"1502                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1503                                <svg xmlns="http://www.w3.org/2000/svg"1504          class="text-white h-4 w-auto"1505         viewBox="0 0 310 310">1506        <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.731507		C77.16,101.969,74.922,99.73,72.16,99.73z"/>1508        <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.41509		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>1510        <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.5991511		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.3191512		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.9951513		C310,145.43,300.549,94.761,230.454,94.761z"/>1514    </svg>1515                            </a>15161517                        </div>1518                    </div>1519                    <div class="mt-6 md:mt-12 md:pr-6">1520                        <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>1521                    </div>1522                </div>1523                <div class="md:pl-6 md:border-l border-white">15241525                    1526                    <nav>1527                        <ul class="space-y-3">1528                                                            <li class="">1529                                    <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"1530                                       target="_self"1531                                       href="/appartements">1532                                        <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">1533        <path fill="currentColor"1534              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"/>1535    </svg>1536                                        Appartements1537                                    </a>1538                                </li>1539                                                            <li class="">1540                                    <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"1541                                       target="_self"1542                                       href="/entreprise">1543                                        <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">1544        <path fill="currentColor"1545              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"/>1546    </svg>1547                                        L&#039;entreprise1548                                    </a>1549                                </li>1550                                                            <li class="">1551                                    <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"1552                                       target="_self"1553                                       href="/projets">1554                                        <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">1555        <path fill="currentColor"1556              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"/>1557    </svg>1558                                        Projets et réalisations1559                                    </a>1560                                </li>1561                                                            <li class="">1562                                    <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"1563                                       target="_self"1564                                       href="/nouvelles">1565                                        <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">1566        <path fill="currentColor"1567              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"/>1568    </svg>1569                                        Nouvelles1570                                    </a>1571                                </li>1572                                                            <li class="block md:hidden">1573                                    <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"1574                                       target="_self"1575                                       href="/emplois">1576                                        <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">1577        <path fill="currentColor"1578              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"/>1579    </svg>1580                                        Offres d&#039;emploi1581                                    </a>1582                                </li>1583                                                    </ul>1584                    </nav>15851586                </div>1587                <div class="md:pl-6 md:border-l border-white">1588                    <p class="text-white">1589                        574, boul. des Capucins,<br/>1590                        Québec (QC) G1J 3R81591                        <br/>1592                        <br/>1593                    </p>1594                    <p class="text-white">1595                        <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>1596                    </p>1597                    <p>1598                        <a href="/cdn-cgi/l/email-protection#afc6c1c9c0efc3c0c8c6dc82cad7dfcadddbdc81ccc0c2" class="inline-block text-white"><span class="__cf_email__" data-cfemail="c1a8afa7ae81adaea6a8b2eca4b9b1a4b3b5b2efa2aeac">[email&#160;protected]</span></a>1599                    </p>1600                </div>1601            </div>160216031604                                        <div class="py-6 md:py-12">1605                    <h3 class="text-white">Projets futurs</h3>1606                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">1607                                                    <div class="bg-white">1608    <div>1609                    <img alt="Logis-Experts - Projets - L&#039;Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"1610                 class="w-full block h-40 object-center object-cover"/>1611            </div>1612    <div class="border-t-2 border-blue p-3">1613        <h5 class="">L&#039;Attisée</h5>1614        <p class="-small pt-2">1615                            1616            1617            <a class="inline text-blue font-semibold" href="/projets/lattisee">1618                Voir plus1619                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1620        <path fill="currentColor"1621              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"/>1622    </svg>1623            </a>1624        </p>1625    </div>1626</div>1627                                                    <div class="bg-white">1628    <div>1629                    <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"1630                 class="w-full block h-40 object-center object-cover"/>1631            </div>1632    <div class="border-t-2 border-blue p-3">1633        <h5 class="">Le Brave 2</h5>1634        <p class="-small pt-2">1635                            1636            1637            <a class="inline text-blue font-semibold" href="/projets/le-brave-2">1638                Voir plus1639                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1640        <path fill="currentColor"1641              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"/>1642    </svg>1643            </a>1644        </p>1645    </div>1646</div>1647                                                    <div class="bg-white">1648    <div>1649                    <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"1650                 class="w-full block h-40 object-center object-cover"/>1651            </div>1652    <div class="border-t-2 border-blue p-3">1653        <h5 class="">Galiléo 5</h5>1654        <p class="-small pt-2">1655                            1656            1657            <a class="inline text-blue font-semibold" href="/projets/galileo-5">1658                Voir plus1659                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1660        <path fill="currentColor"1661              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"/>1662    </svg>1663            </a>1664        </p>1665    </div>1666</div>1667                                                    <div class="bg-white">1668    <div>1669                    <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"1670                 class="w-full block h-40 object-center object-cover"/>1671            </div>1672    <div class="border-t-2 border-blue p-3">1673        <h5 class="">Place du Chateau</h5>1674        <p class="-small pt-2">1675                            1676            1677            <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">1678                Voir plus1679                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1680        <path fill="currentColor"1681              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"/>1682    </svg>1683            </a>1684        </p>1685    </div>1686</div>1687                                            </div>1688                </div>1689                        <p class="text-white text-center py-3 -small">1690                Tous droits réservés &copy; 2026 – Logis Experts – Réalisé par <a1691                    class="inline-block text-white"1692                    target="_blank"1693                    href="https://hebertcommunication.com">Hebertcommunication.com</a>1694                <span class="hidden">1695                    Code: <a1696                        class="inline-block font-semibold text-gray-500 "1697                        target="_blank"1698                        href="https://gilcode.com">Gilcode</a>1699                </span>1700            </p>1701        </div>1702    </div>1703    <div class="bg-gray-700 w-full py-6 md:py-3 p-3">1704        <div class="w-full">1705            <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">1706                <nav>1707                    <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">1708                                                    <li>1709                                <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1710                                   aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"1711                                   href="https://logis-experts.com/pages/protection">1712                                    POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS1713                                </a>1714                            </li>1715                                              <!--  <li>1716                            <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1717                               aria-label="Politique de confidentialité"1718                               href="/politique">1719                                Politique de confidentialité1720                            </a>1721                        </li> -->1722                    </ul>1723                </nav>1724                <nav>1725                    <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">1726                        <li>1727                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1728                               aria-label="Mes favoris"1729                               href="/favoris">1730                                <svg  class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1731        <path fill="currentColor"1732              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"/>1733    </svg>1734                                Mes favoris1735                            </a>1736                        </li>1737                        <!--  <li>1738                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1739                               aria-label="Partager"1740                               href="/share">1741                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1742        <path fill="currentColor"1743              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"/>1744    </svg>17451746                        Partager1747                    </a>1748                </li> -->1749                        <li>1750                            <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"1751                               aria-label="Imprimer"1752                               onclick="window.print()"1753                            >1754                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1755        <path fill="currentColor"1756              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"/>1757    </svg>1758                                <span class="block md:hidden">1759                                    Imprimer1760                                </span>1761                            </button>1762                        </li>1763                    </ul>1764                </nav>1765            </div>1766        </div>1767    </div>1768</footer>1769<div class="js-cookie-consent cookie-consent  | fixed bottom-0 inset-x-0 z-10" style="display: none;">1770        <div class="p-4 bg-white shadow-xl borrder-t border-white">1771            <div class="flex items-center justify-center sm:space-x-6 flex-wrap">1772                <div class="">1773                    <p class="cookie-consent__message | text-blue text-center -small font-semibold">1774                        Ce site nécessite l'autorisation de cookies pour fonctionner correctement.1775                    </p>1776                </div>1777                <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">1778                    <button class="js-cookie-accept | cookie-consent__agree  | btn -border -small">1779                        Accepter1780                    </button>1781                    <button class="js-cookie-refuse | cookie-consent__refuse  | btn -text">1782                        Refuser1783                    </button>1784                </div>1785            </div>1786        </div>1787    </div>17881789    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>17901791        window.laravelCookieConsent = (function () {1792            const COOKIE_DOMAIN = '.logis-experts.com';17931794            function acceptWithCookies() {1795                setCookie('cookieConsent', "accept", 7300);179617971798                Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {1799                    _node.style.display = 'none';1800                })18011802                hideCookieDialog();1803            }18041805            function refuseWithCookies() {1806                setCookie('cookieConsent', "refuse", 7300);1807                hideCookieDialog();1808            }18091810            function getCookie(name) {1811                const value = `; ${document.cookie}`;1812                const parts = value.split(`; ${name}=`);1813                if (parts.length === 2) {1814                    return parts.pop().split(';').shift();1815                }1816                return null1817            }18181819            function hideCookieDialog() {1820                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1821                    _node.style.display = 'none';1822                })1823            }18241825            function showCookieDialog() {1826                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1827                    _node.style.display = 'block';1828                })1829            }18301831            function setCookie(name, value, expirationInDays) {1832                const date = new Date();1833                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));1834                document.cookie = name + '=' + value1835                    + ';expires=' + date.toUTCString()1836                    + ';domain=' + COOKIE_DOMAIN1837                    + ';path=/'1838                    + ';samesite=lax';1839            }18401841            var currentCookie = getCookie('cookieConsent');1842            if (currentCookie === "accept" || currentCookie === "refuse") {1843                hideCookieDialog();1844            } else {1845                showCookieDialog();1846            }18471848            Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {1849                _btn.addEventListener('click', acceptWithCookies);1850            })18511852            Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {1853                _btn.addEventListener('click', refuseWithCookies);1854            })18551856            return true1857        })();1858    </script>185918601861<div id="modal-container"></div>18621863<template id="google-map-styles">1864    [1865  {1866    &quot;elementType&quot;: &quot;geometry&quot;,1867    &quot;stylers&quot;: [1868      {1869        &quot;color&quot;: &quot;#f5f5f5&quot;1870      }1871    ]1872  },1873  {1874    &quot;elementType&quot;: &quot;labels.icon&quot;,1875    &quot;stylers&quot;: [1876      {1877        &quot;visibility&quot;: &quot;off&quot;1878      }1879    ]1880  },1881  {1882    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1883    &quot;stylers&quot;: [1884      {1885        &quot;color&quot;: &quot;#616161&quot;1886      }1887    ]1888  },1889  {1890    &quot;elementType&quot;: &quot;labels.text.stroke&quot;,1891    &quot;stylers&quot;: [1892      {1893        &quot;color&quot;: &quot;#f5f5f5&quot;1894      }1895    ]1896  },1897  {1898    &quot;featureType&quot;: &quot;administrative.land_parcel&quot;,1899    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1900    &quot;stylers&quot;: [1901      {1902        &quot;color&quot;: &quot;#bdbdbd&quot;1903      }1904    ]1905  },1906  {1907    &quot;featureType&quot;: &quot;poi&quot;,1908    &quot;elementType&quot;: &quot;geometry&quot;,1909    &quot;stylers&quot;: [1910      {1911        &quot;color&quot;: &quot;#eeeeee&quot;1912      }1913    ]1914  },1915  {1916    &quot;featureType&quot;: &quot;poi&quot;,1917    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1918    &quot;stylers&quot;: [1919      {1920        &quot;color&quot;: &quot;#757575&quot;1921      }1922    ]1923  },1924  {1925    &quot;featureType&quot;: &quot;poi.park&quot;,1926    &quot;elementType&quot;: &quot;geometry&quot;,1927    &quot;stylers&quot;: [1928      {1929        &quot;color&quot;: &quot;#e5e5e5&quot;1930      }1931    ]1932  },1933  {1934    &quot;featureType&quot;: &quot;poi.park&quot;,1935    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1936    &quot;stylers&quot;: [1937      {1938        &quot;color&quot;: &quot;#9e9e9e&quot;1939      }1940    ]1941  },1942  {1943    &quot;featureType&quot;: &quot;road&quot;,1944    &quot;elementType&quot;: &quot;geometry&quot;,1945    &quot;stylers&quot;: [1946      {1947        &quot;color&quot;: &quot;#ffffff&quot;1948      }1949    ]1950  },1951  {1952    &quot;featureType&quot;: &quot;road.arterial&quot;,1953    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1954    &quot;stylers&quot;: [1955      {1956        &quot;color&quot;: &quot;#757575&quot;1957      }1958    ]1959  },1960  {1961    &quot;featureType&quot;: &quot;road.highway&quot;,1962    &quot;elementType&quot;: &quot;geometry&quot;,1963    &quot;stylers&quot;: [1964      {1965        &quot;color&quot;: &quot;#dadada&quot;1966      }1967    ]1968  },1969  {1970    &quot;featureType&quot;: &quot;road.highway&quot;,1971    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1972    &quot;stylers&quot;: [1973      {1974        &quot;color&quot;: &quot;#616161&quot;1975      }1976    ]1977  },1978  {1979    &quot;featureType&quot;: &quot;road.local&quot;,1980    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1981    &quot;stylers&quot;: [1982      {1983        &quot;color&quot;: &quot;#9e9e9e&quot;1984      }1985    ]1986  },1987  {1988    &quot;featureType&quot;: &quot;transit.line&quot;,1989    &quot;elementType&quot;: &quot;geometry&quot;,1990    &quot;stylers&quot;: [1991      {1992        &quot;color&quot;: &quot;#e5e5e5&quot;1993      }1994    ]1995  },1996  {1997    &quot;featureType&quot;: &quot;transit.station&quot;,1998    &quot;elementType&quot;: &quot;geometry&quot;,1999    &quot;stylers&quot;: [2000      {2001        &quot;color&quot;: &quot;#eeeeee&quot;2002      }2003    ]2004  },2005  {2006    &quot;featureType&quot;: &quot;water&quot;,2007    &quot;elementType&quot;: &quot;geometry&quot;,2008    &quot;stylers&quot;: [2009      {2010        &quot;color&quot;: &quot;#c0e3f2&quot;2011      }2012    ]2013  },2014  {2015    &quot;featureType&quot;: &quot;water&quot;,2016    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2017    &quot;stylers&quot;: [2018      {2019        &quot;color&quot;: &quot;#9e9e9e&quot;2020      }2021    ]2022  }2023]20242025</template>20262027<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>2028<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>2029<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>2030<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>2031<script2032    src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&region=CA&language=fr&libraries=places&callback=initMap">2033</script>20342035</body>2036</html>2037