SPB Git

spb/lou-ka Public

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

HTML 99.7%
107.3 KB · 1,766 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 | 1395 Rue De L&amp;#039;oural</title>9<meta name="csrf-token" content="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">10<meta name="domains" content="https://logis-experts.com">11<meta name="description" content="Appartements disponibles à 1395 Rue De L&amp;#039;oural — 1395 Rue de l&amp;#039;Oural, Québec, QC G1C 5X3, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/1395-rue-de-loural" />1415<meta property="og:title" content="Logis-Experts | 1395 Rue De L&amp;#039;oural"/>16<meta property="og:description" content="Appartements disponibles à 1395 Rue De L&amp;#039;oural — 1395 Rue de l&amp;#039;Oural, Québec, QC G1C 5X3, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/1395-rue-de-loural"/>18<meta property="og:image:url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>19<meta property="og:image:secure_url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>20<meta property="og:locale" content="fr_CA"/>21<meta property="og:site_name" content="Logis-Experts"/>22<meta property="og:type" content="website"/>2324<meta name="twitter:card" content="summary_large_image" />25<meta name="twitter:title" content="Logis-Experts | 1395 Rue De L&amp;#039;oural" />26<meta name="twitter:description" content="Appartements disponibles à 1395 Rue De L&amp;#039;oural — 1395 Rue de l&amp;#039;Oural, Québec, QC G1C 5X3, 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/1395-rue-de-loural",36            "url": "https://logis-experts.com/immeuble/1395-rue-de-loural",37            "name": "Logis-Experts | 1395 Rue De L&#039;oural",38            "isPartOf": {39                "@id": "https://logis-experts.com/#website"40            },41            "datePublished": "2018-11-12T17:08:22+00:00",42            "dateModified": "2026-08-08T22:22:09+00:00",43            "breadcrumb": {44                "@id": "https://logis-experts.com/immeuble/1395-rue-de-loural/#breadcrumb"45            },46            "inLanguage": "fr-CA",47            "potentialAction": [48                {49                    "@type": "ReadAction",50                    "target": [51                        "https://logis-experts.com/immeuble/1395-rue-de-loural"52                    ]53                }54            ]55        },56        {57            "@type": "BreadcrumbList",58            "@id": "https://logis-experts.com/immeuble/1395-rue-de-loural/#breadcrumb",59            "itemListElement": [60                {61                    "@type": "ListItem",62                    "position": 1,63                    "name": "Accueil",64                    "item": "https://logis-experts.com/"65                },66                {67                    "@type": "ListItem",68                    "position": 2,69                    "name": "Appartements",70                    "item": "https://logis-experts.com/appartements"71                },72                {73                    "@type": "ListItem",74                    "position": 3,75                    "name": "Immeuble 1395 Rue De L'oural",76                    "item": "https://logis-experts.com/immeuble/1395-rue-de-loural"77                },78                {79                    "@type": "ListItem",80                    "position": 4,81                    "name": "Appartement #8",82                    "item": "https://logis-experts.com/immeuble/1395-rue-de-loural/appartement/8"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('1395-rue-de-loural','2', '8', '[{&quot;id&quot;:750,&quot;uuid&quot;:&quot;a96ae60d-e48f-4392-86b7-9a9b07aca27f&quot;,&quot;level&quot;:1,&quot;floor_plan_id&quot;:5437,&quot;building_id&quot;:210,&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;:749,&quot;uuid&quot;:&quot;ed726794-ef69-472b-b2be-4ccccaeb7afc&quot;,&quot;level&quot;:2,&quot;floor_plan_id&quot;:5431,&quot;building_id&quot;:210,&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;:748,&quot;uuid&quot;:&quot;b44b18e1-8690-4e8f-8093-68369f28ed06&quot;,&quot;level&quot;:3,&quot;floor_plan_id&quot;:5425,&quot;building_id&quot;:210,&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;:747,&quot;uuid&quot;:&quot;98521c9e-e256-4dd6-ae6e-ec8e86be8e1a&quot;,&quot;level&quot;:4,&quot;floor_plan_id&quot;:5419,&quot;building_id&quot;:210,&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;8&quot;]', '[]')">458        <div class="relative">459                            <div class="bg-blue-100 w-full h-full p-building__slider u-flex-center">460                    <h3 class="text-center opacity-50">Images à venir</h3>461                </div>462                        <div class="p-building__popup-contact">463                <div class="u-polygon-bg-parent -shadow-xl">464                    <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">465    <h4>466        Rejoindre l'équipe de location467    </h4>468469    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"470          action="/api/globals/apartments/contact-form" method="post">471        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="210"/>472        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>473474475        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">476            <div class="c_select h-[40.5px]">477                <select name="salutation" class="w-full" value="M." required>478                    <option value="M.">M.</option>479                    <option value="Mme">Mme</option>480                    <option value="Mlle">Mlle</option>481                    <option value="Dr">Dr</option>482                    <option value="Pr">Pr</option>483                </select>484            </div>485            <div class="c_input w-full">486                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>487            </div>488            <div class="c_input w-full">489                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>490            </div>491        </div>492493494        <div class="c_input mt-2">495            <input type="email" name="email" value="" required placeholder="Courriel"/>496        </div>497        <div class="c_input mt-2">498            <input type="text" name="phone" value="" placeholder="Téléphone"/>499        </div>500        <div class="c_input mt-2">501            <textarea rows="3" class="resize-none" name="message"502                      placeholder="Message"></textarea>503        </div>504        505        506        <div class="u-flex-end mt-6 w-full">507            <div class="cf-turnstile mb-4"508                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"509                 data-refresh-expired="auto"510                 data-refresh-timeout="auto"511                 data-theme="light">512            </div>513        </div>514        <div class="u-flex-end w-full">515            <button type="submit" class="btn -text">516                Envoyer517                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">518        <path fill="currentColor"519              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"/>520    </svg>521            </button>522        </div>523    </form>524</div>525                </div>526            </div>527        </div>528        <div class="w-full bg-gray-300 p-2 overflow-hidden">529        <div class="container w-full">530            <ul class="xs:flex flex-row justify-start items-center">531                                    <li>532                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"533                           href="/">534                            Accueil535                                                            &nbsp;|&nbsp;536                                                    </a>537                    </li>538                                    <li>539                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"540                           href="/appartements">541                            Appartements542                                                            &nbsp;|&nbsp;543                                                    </a>544                    </li>545                                    <li>546                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"547                           href="/immeuble/1395-rue-de-loural">548                            Immeuble 1395 Rue De L&#039;oural549                                                            &nbsp;|&nbsp;550                                                    </a>551                    </li>552                                    <li>553                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"554                           href="/immeuble/1395-rue-de-loural/appartement/8">555                            Appartement #8556                                                    </a>557                    </li>558                            </ul>559        </div>560    </div>561        <div class="container w-full py-12">562            <div class="flex flex-col-reverse md:flex-row justify-between items-start md:items-center">563                <div>564                    <h5>Appartements</h5>565                    <h1 class="h3 font-extrabold" itemprop="name">1395 Rue De L&#039;oural</h1>566                </div>567                <div class="mb-4 md:mb-0">568                    <a class="btn -border" href="">569                        <svg  class="-arrow-bold block w-4 transform rotate-180 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">570        <path fill="currentColor"571              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"/>572    </svg>573                        Retour aux appartements574                    </a>575                </div>576            </div>577                        <div class="w-full flex flex-wrap md:flex-nowrap flex-row justify-between items-center my-6">578                                <div class="w-full ">579                    <div class="border-b border-gray-300 pb-8 u-flex-start gap-2">580                        <svg  class="w-8 h-auto block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">581        <path fill="currentColor"582              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"/>583    </svg>584                        <div class="">585                            <p class="">586                                1395 Rue de l&#039;Oural, Québec, QC G1C 5X3, Canada587                            </p>588                                                            <p class="-small">589                                    (Quartier: Chutes-Montmorency)590                                </p>591                                                    </div>592                    </div>593                    <div class="border-b border-gray-300 py-8">594595                        <div class="md:flex flex-row justify-between items-center md:space-x-6">596                            <div class="md:flex flex-row justify-start items-center md:space-x-6">597                                                                    <div class="u-flex-start">598                                        <svg  class="text-gray-400 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">599        <path fill="currentColor"600              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"/>601    </svg>602                                        <p class="-small font-regular ">603                                            Disponible à partir604                                            du 1 septembre 2026605                                        </p>606                                    </div>607                                                                                                    <div class="u-flex-start mt-3 md:mt-0">608                                        <svg  class="text-gray-500 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">609        <path fill="currentColor"610              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"/>611    </svg>612                                        <p class="text-gray-500 -small font-semibold">613                                            À partir de 895$ par mois614                                        </p>615616                                    </div>617                                                            </div>618                            <div class="mt-8 md:mt-0">619                                <div class="flex flex-row justify-start items-center space-x-3">620    <div data-tippy-content="Ajouter à vos favoris">621        <div class="bg-blue-100 p-1 rounded-full u-flex-center cursor-pointer w-40px h-40px"622     x-data="favoriteBuilding(210)" @click="onClick">623    <svg :class="isFavorite ? 'hidden' : ''" class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">624        <path fill="currentColor"625              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"/>626    </svg>627    <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">628        <path fill="currentColor"629              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"/>630    </svg>631</div>632    </div>633634    <div data-tippy-content="Partager sur facebook">635        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareOnFacebook">636            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">637        <path fill="currentColor"638              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"/>639    </svg>640        </div>641    </div>642    <div data-tippy-content="Partager par courriel">643        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareByEmail">644            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">645        <path fill="currentColor"646              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"/>647    </svg>648        </div>649    </div>650    <div data-tippy-content="Copier l'URL">651        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="copyURL">652            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">653        <path fill="currentColor"654              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"/>655    </svg>656        </div>657    </div>658    <div data-tippy-content="Imprimer">659        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="printPDF">660            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">661        <path fill="currentColor"662              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"/>663    </svg>664        </div>665    </div>666</div>667                            </div>668                        </div>669                    </div>670                </div>671            </div>672            <div class="py-12">673                <h4>674                    Plan des immeubles et détails des appartements675                </h4>676                <div class="flex flex-row flex-wrap justify-between items-stretch mt-6">677                    <div class="w-full md:w-1/2 md:pr-12">678                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">679                            680                                                            <h6 class="text-left">681                                    Plan de l'immeuble682                                </h6>683                                                        <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">684685                                                                <div class="w-full h-full flex-1">686                                                                                                                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">687    <img class="w-32 md:w-52 h-auto object-contain object-center block"688         alt="Logis-Experts - Plan à venir"689         src="/static/images/icons/no-plan@2x.png"/>690    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>691</div>692                                                                    </div>693                            </div>694                        </div>695                    </div>696                    <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">697                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">698                            <h6 class="">699                                Plan des étages700                            </h6>701                            <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">702                                                                    <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">703                                                                                    <button name="button" class="btn -border-b"704                                                    @click="changeFloorLevel('1')"705                                                    :class="floorLevel === '1' ? '-active' :''">706                                                                                                    Rez-de-chaussée707                                                                                            </button>708                                                                                    <button name="button" class="btn -border-b"709                                                    @click="changeFloorLevel('2')"710                                                    :class="floorLevel === '2' ? '-active' :''">711                                                                                                    Étage 2712                                                                                            </button>713                                                                                    <button name="button" class="btn -border-b"714                                                    @click="changeFloorLevel('3')"715                                                    :class="floorLevel === '3' ? '-active' :''">716                                                                                                    Étage 3717                                                                                            </button>718                                                                                    <button name="button" class="btn -border-b"719                                                    @click="changeFloorLevel('4')"720                                                    :class="floorLevel === '4' ? '-active' :''">721                                                                                                    Étage 4722                                                                                            </button>723                                                                            </div>724                                    <div class="w-full h-full flex-1">725                                                                                                                                    <div class="h-full w-full"726                                                     :class="floorLevel !== '1' ? 'hidden' :''">727                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">728    <img class="w-32 md:w-52 h-auto object-contain object-center block"729         alt="Logis-Experts - Plan à venir"730         src="/static/images/icons/no-plan@2x.png"/>731    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>732</div>733                                                </div>734                                                                                                                                                                                <div class="h-full w-full"735                                                     :class="floorLevel !== '2' ? 'hidden' :''">736                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">737    <img class="w-32 md:w-52 h-auto object-contain object-center block"738         alt="Logis-Experts - Plan à venir"739         src="/static/images/icons/no-plan@2x.png"/>740    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>741</div>742                                                </div>743                                                                                                                                                                                <div class="h-full w-full"744                                                     :class="floorLevel !== '3' ? 'hidden' :''">745                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">746    <img class="w-32 md:w-52 h-auto object-contain object-center block"747         alt="Logis-Experts - Plan à venir"748         src="/static/images/icons/no-plan@2x.png"/>749    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>750</div>751                                                </div>752                                                                                                                                                                                <div class="h-full w-full"753                                                     :class="floorLevel !== '4' ? 'hidden' :''">754                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">755    <img class="w-32 md:w-52 h-auto object-contain object-center block"756         alt="Logis-Experts - Plan à venir"757         src="/static/images/icons/no-plan@2x.png"/>758    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>759</div>760                                                </div>761                                                                                                                        </div>762                                                            </div>763                        </div>764765                    </div>766                </div>767            </div>768            <div class="py-12">769                <h4>770                    Appartements disponibles771                </h4>772                                                                    <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">773                        <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">774                                                                                            <div x-cloak775                                     :class="(apartmentType && apartmentType !== '3.5') ? 'hidden' : ''">776                                    <div777    id="apartment-list-item-4427"778    data-id="4427"779    data-number="8"780    class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"781     :class="`${apartmentNumber === '8' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"782     @click.prevent="showApartment('8', '2')"783>784    <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">785        <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 8</p>786        <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">787788                            <p class="font-semibold text-gray-500">789                    3 &frac12;790                </p>791                                        <p>600 pi<sup>2</sup> brute</p>792            793                            <p class="text-gray-500 font-semibold line-through">794                    950$/mois795                </p>796                <p class="-small text-red-500 font-semibold">797                    Rabais de 55$/mois798                </p>799                <p class="text-gray-500 font-semibold">800                    895$/mois801                </p>802            803                    </div>804        <div class="w-full md:w-2/5 mt-3 md:mt-0">805                            <div class="u-flex-start relative mb-3 md:mb-0">806                                                                    <svg  class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">807        <circle stroke="currentColor" fill="none"808                stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>809        <polygon fill="currentColor"810                 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"/>811        <polygon fill="currentColor"812                 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"/>813    </svg>814                                        <p>Disponible à partir du815                        <span class="font-bold">816                            1 Septembre 2026817                        </span>818                    </p>819                </div>820                        <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 8</p>821            <p class="hidden md:block">1395 Rue de l&#039;Oural, Québec, QC G1C 5X3, Canada</p>822                            <div class="u-flex-start">823                    <div data-tippy-content="Climatisation">824        <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">825        <path fill="currentColor"826              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"/>827    </svg>828    </div>829    <div data-tippy-content="Entrée lave-vaiselle">830        <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">831        <path fill="currentColor"832              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"/>833    </svg>834    </div>835    <div data-tippy-content="Électroménager">836        <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">837        <path fill="currentColor"838              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"/>839    </svg>840    </div>841<!-- TODO: Add all icon -->842                </div>843                    </div>844        <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">845            <!-- <a href="/comparer" class="btn -text u-flex-start">846                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">847        <path fill="currentColor"848              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"/>849    </svg>850            Comparer maintenant851        </a>852            <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">853                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">854        <path fill="currentColor"855              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"/>856    </svg>857                Planifier votre visite858            </a>-->859            <a href="/immeuble/1395-rue-de-loural/appartement/8"860               @click.prevent="showApartment('8', '2')"861               class="w-full md:w-auto btn -group-hover"862                :class="`${apartmentNumber === '8' ? '' : '-border'}`"863            >864                Voir les détails865            </a>866        </div>867    </div>868</div>869                                    <div class="h-px w-full bg-gray-200"></div>870                                </div>871                                                                                    </div>872                    </div>873                            </div>874        </div>875        <div class="" x-ref="apartmentDetails">876            <div class="container mx-auto">877                <!-- TODO: USe AJAX to not show all appartments ? -->878                                    <div x-cloak :class="apartmentNumber !== '8' ? 'hidden' : ''">879                        <div id="apartment-details-8" data-id="4427"880     class="bg-blue-100 p-6 block"881     x-data="apartmentDetails()">882    <div class="flex flex-row flex-wrap justify-center items-stretch">883        <div class="w-full md:w-1/2 md:pr-12">884            <h4 class="text-gray-500">885                Détails:&nbsp;Appartement 8886            </h4>887                            <p>888                    3 &frac12;889                </p>890                                        <p class="">891                    600 pi<sup>2</sup>892                </p>893            894                            <p class="text-gray-500 font-semibold line-through">895                    950$/mois896                </p>897                <p class="-small text-red-500 font-semibold">898                    Rabais de 55$/mois899                </p>900                <p class="text-gray-500 font-semibold">901                    895$/mois902                </p>903            904905            906                            <div class="py-2 border-y border-gray-200 my-2 u-flex-start">907                    <div data-tippy-content="Climatisation">908        <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">909        <path fill="currentColor"910              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"/>911    </svg>912    </div>913    <div data-tippy-content="Entrée lave-vaiselle">914        <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">915        <path fill="currentColor"916              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"/>917    </svg>918    </div>919    <div data-tippy-content="Électroménager">920        <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">921        <path fill="currentColor"922              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"/>923    </svg>924    </div>925<!-- TODO: Add all icon -->926                </div>927                        <ul class="pt-4 space-y-1  ">928929                                    <li class="u-flex-start-top">930                        <h6 class="w-1/2 text-gray-300 leading-24px">931                            Étage932                        </h6>933                        <p class="w-1/2">934                                                            2935                                                    </p>936                    </li>937                938                                    <li class="u-flex-start-top">939                        <h6 class="w-1/2 text-gray-300 leading-24px">940                            Disponibilité941                        </h6>942                        <p class="w-1/2">943                            1 septembre 2026944                        </p>945                    </li>946                                                    <li class="u-flex-start-top">947                        <h6 class="w-1/2 text-gray-300 leading-24px">948                            Superficie949                        </h6>950                        <p class="w-1/2">951                            600 pi<sup>2</sup>952                        </p>953                    </li>954                                                    <li class="u-flex-start-top">955                        <h6 class="w-1/2 text-gray-300 leading-24px">956                            Frais d'énergie957                        </h6>958                        <p class="w-1/2">959                            Non-Chauffé &amp; Non-Éclairé960                        </p>961                    </li>962                                                963                964                965                                    <li class="u-flex-start-top">966                        <h6 class="w-1/2 text-gray-300 leading-24px">967                            Aménagement inclus968                        </h6>969                        <p class="w-1/2">970                            Électroménager971                        </p>972                    </li>973                974                                    <li class="u-flex-start-top">975                        <h6 class="w-1/2 text-gray-300 leading-24px">976                            Entrée Laveuse / Sécheuse977                        </h6>978                        <p class="w-1/2">979                            Oui980                        </p>981                    </li>982                983                                    <li class="u-flex-start-top">984                        <h6 class="w-1/2 text-gray-300 leading-24px">985                            Entrée Lave-vaisselle986                        </h6>987                        <p class="w-1/2">988                            Oui989                        </p>990                    </li>991                992                <li class="u-flex-start-top">993                    <h6 class="w-1/2 text-gray-300 leading-24px">994                        Type de climatisation995                    </h6>996                    <p class="w-1/2">997                                                    Thermopompe mural998                                            </p>999                </li>100010011002                1003                                    <li class="u-flex-start-top">1004                        <h6 class="w-1/2 text-gray-300 leading-24px">1005                            Internet inclus1006                        </h6>1007                        <p class="w-1/2">1008                                                            Oui1009                                                    </p>1010                    </li>1011                1012                1013                1014                10151016                <li class="u-flex-start-top">1017                    <h6 class="w-1/2 text-gray-300 leading-24px">1018                        Balcon privée1019                    </h6>1020                    <p class="w-1/2">1021                        Oui1022                    </p>1023                </li>1024                1025                1026                1027                                    <li class="u-flex-start-top">1028                        <h6 class="w-1/2 text-gray-300 leading-24px">1029                            Électroménager inclus1030                        </h6>1031                        <p class="w-1/2">1032                                                            non1033                                                    </p>1034                    </li>1035                                1036                10371038            </ul>10391040            10411042            <a href="#contact-form" class="btn -border u-flex-start mt-12">1043                Rejoindre l'agent de location1044            </a>1045                    </div>1046        <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1047            <div class="h-full max-h-500px lg:max-h-600px relative">1048                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 bg-white">1049    <img class="w-32 md:w-52 h-auto object-contain object-center block"1050         alt="Logis-Experts - Plan à venir"1051         src="/static/images/icons/no-plan@2x.png"/>1052    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>1053</div>1054                            </div>1055                    </div>1056    </div>1057</div>1058                    </div>1059                                <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1060                    <div class="p-3 block">1061                        <h3>Cette appartement n'est plus disponible</h3>1062                    </div>1063                </div>1064            </div>1065        </div>10661067        <div class="py-12 block md:hidden">1068            <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1069    <h4>1070        Rejoindre l'équipe de location1071    </h4>10721073    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1074          action="/api/globals/apartments/contact-form" method="post">1075        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="210"/>1076        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>107710781079        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1080            <div class="c_select h-[40.5px]">1081                <select name="salutation" class="w-full" value="M." required>1082                    <option value="M.">M.</option>1083                    <option value="Mme">Mme</option>1084                    <option value="Mlle">Mlle</option>1085                    <option value="Dr">Dr</option>1086                    <option value="Pr">Pr</option>1087                </select>1088            </div>1089            <div class="c_input w-full">1090                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1091            </div>1092            <div class="c_input w-full">1093                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1094            </div>1095        </div>109610971098        <div class="c_input mt-2">1099            <input type="email" name="email" value="" required placeholder="Courriel"/>1100        </div>1101        <div class="c_input mt-2">1102            <input type="text" name="phone" value="" placeholder="Téléphone"/>1103        </div>1104        <div class="c_input mt-2">1105            <textarea rows="3" class="resize-none" name="message"1106                      placeholder="Message"></textarea>1107        </div>1108        1109        1110        <div class="u-flex-end mt-6 w-full">1111            <div class="cf-turnstile mb-4"1112                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1113                 data-refresh-expired="auto"1114                 data-refresh-timeout="auto"1115                 data-theme="light">1116            </div>1117        </div>1118        <div class="u-flex-end w-full">1119            <button type="submit" class="btn -text">1120                Envoyer1121                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1122        <path fill="currentColor"1123              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"/>1124    </svg>1125            </button>1126        </div>1127    </form>1128</div>1129        </div>11301131        <div class="py-12">1132            <div class="container mx-auto">1133                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1134                    <div class="relative">1135                                                    <div class="bg-blue-100 w-full h-full u-flex-center">1136                                <h3 class="text-center opacity-50">Images à venir</h3>1137                            </div>1138                                            </div>1139                    <div>1140                        <h2 class="h1">1141                            Bâtiment1142                        </h2>11431144                        <ul class="py-2 border-y border-gray-200 my-3">1145                                                            <li class="u-flex-start">1146                                    <span class="uppercase w-1/2">1147                                        Quartier1148                                    </span>1149                                    <span class="text-blue font-semibold w-1/2">1150                                        Chutes-Montmorency1151                                    </span>1152                                </li>1153                            1154                                                            <li class="u-flex-start">1155                                    <span class="uppercase  w-1/2">1156                                        Année de construction1157                                    </span>1158                                    <span class="text-blue font-semibold w-1/2">1159                                        19861160                                    </span>1161                                </li>1162                                                        <li class="u-flex-start">1163                                <span class="uppercase w-1/2">1164                                    Nombre d'appartements1165                                </span>1166                                <span class="text-blue font-semibold w-1/2">1167                                                                        201168                                </span>1169                            </li>1170                        </ul>11711172                        1173                        1174                                                    <p class="uppercase font-semibold pt-4 border-b border-gray-200">1175                                Télécommunications1176                            </p>1177                            <ul class="pt-2">1178                                                                    <li class="text-blue font-semibold">1179                                        -&nbsp;Wifi Inclus1180                                    </li>1181                                                            </ul>1182                                                <p class="py-6">1183                            1184                        </p>1185                    </div>1186                </div>1187            </div>1188        </div>11891190        1191                    <div class="w-full p-building__map" x-data="staticMap(46.8772738, -71.1649557)">11921193</div>1194            </main>11951196<footer class=" w-full">1197    <div class="bg-gray-500">1198        <div class="container w-full">1199            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1200                <div>1201                    <a href="/" class="block">1202                        <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1203                             class="w-32 h-auto block"/>1204                    </a>1205                    <div class="u-flex-start space-x-4 mt-6">1206                        <p class="text-white font-brandon text-15px font-bold uppercase">1207                            Suivez-nous1208                        </p>1209                        <div class="u-flex-start space-x-4">12101211                            <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1212                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1213                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1214         viewBox="0 0 10.28 19.8">1215        <path fill="currentColor"1216              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"/>1217    </svg>1218                            </a>1219                            <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"1220                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1221                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1222         viewBox="0 0 21.14 21.14">1223        <path fill="currentColor"1224              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"/>1225        <path fill="currentColor"1226              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"/>1227        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>1228    </svg>1229                            </a>1230                            <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"1231                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1232                                <svg xmlns="http://www.w3.org/2000/svg"1233          class="text-white h-4 w-auto"1234         viewBox="0 0 310 310">1235        <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.731236		C77.16,101.969,74.922,99.73,72.16,99.73z"/>1237        <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.41238		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>1239        <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.5991240		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.3191241		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.9951242		C310,145.43,300.549,94.761,230.454,94.761z"/>1243    </svg>1244                            </a>12451246                        </div>1247                    </div>1248                    <div class="mt-6 md:mt-12 md:pr-6">1249                        <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>1250                    </div>1251                </div>1252                <div class="md:pl-6 md:border-l border-white">12531254                    1255                    <nav>1256                        <ul class="space-y-3">1257                                                            <li class="">1258                                    <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"1259                                       target="_self"1260                                       href="/appartements">1261                                        <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">1262        <path fill="currentColor"1263              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"/>1264    </svg>1265                                        Appartements1266                                    </a>1267                                </li>1268                                                            <li class="">1269                                    <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"1270                                       target="_self"1271                                       href="/entreprise">1272                                        <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">1273        <path fill="currentColor"1274              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"/>1275    </svg>1276                                        L&#039;entreprise1277                                    </a>1278                                </li>1279                                                            <li class="">1280                                    <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"1281                                       target="_self"1282                                       href="/projets">1283                                        <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">1284        <path fill="currentColor"1285              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"/>1286    </svg>1287                                        Projets et réalisations1288                                    </a>1289                                </li>1290                                                            <li class="">1291                                    <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"1292                                       target="_self"1293                                       href="/nouvelles">1294                                        <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">1295        <path fill="currentColor"1296              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"/>1297    </svg>1298                                        Nouvelles1299                                    </a>1300                                </li>1301                                                            <li class="block md:hidden">1302                                    <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"1303                                       target="_self"1304                                       href="/emplois">1305                                        <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">1306        <path fill="currentColor"1307              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"/>1308    </svg>1309                                        Offres d&#039;emploi1310                                    </a>1311                                </li>1312                                                    </ul>1313                    </nav>13141315                </div>1316                <div class="md:pl-6 md:border-l border-white">1317                    <p class="text-white">1318                        574, boul. des Capucins,<br/>1319                        Québec (QC) G1J 3R81320                        <br/>1321                        <br/>1322                    </p>1323                    <p class="text-white">1324                        <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>1325                    </p>1326                    <p>1327                        <a href="/cdn-cgi/l/email-protection#7811161e173814171f110b551d00081d0a0c0b561b1715" class="inline-block text-white"><span class="__cf_email__" data-cfemail="2841464e476844474f415b054d50584d5a5c5b064b4745">[email&#160;protected]</span></a>1328                    </p>1329                </div>1330            </div>133113321333                                        <div class="py-6 md:py-12">1334                    <h3 class="text-white">Projets futurs</h3>1335                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">1336                                                    <div class="bg-white">1337    <div>1338                    <img alt="Logis-Experts - Projets - L&#039;Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"1339                 class="w-full block h-40 object-center object-cover"/>1340            </div>1341    <div class="border-t-2 border-blue p-3">1342        <h5 class="">L&#039;Attisée</h5>1343        <p class="-small pt-2">1344                            1345            1346            <a class="inline text-blue font-semibold" href="/projets/lattisee">1347                Voir plus1348                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1349        <path fill="currentColor"1350              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"/>1351    </svg>1352            </a>1353        </p>1354    </div>1355</div>1356                                                    <div class="bg-white">1357    <div>1358                    <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"1359                 class="w-full block h-40 object-center object-cover"/>1360            </div>1361    <div class="border-t-2 border-blue p-3">1362        <h5 class="">Le Brave 2</h5>1363        <p class="-small pt-2">1364                            1365            1366            <a class="inline text-blue font-semibold" href="/projets/le-brave-2">1367                Voir plus1368                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1369        <path fill="currentColor"1370              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"/>1371    </svg>1372            </a>1373        </p>1374    </div>1375</div>1376                                                    <div class="bg-white">1377    <div>1378                    <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"1379                 class="w-full block h-40 object-center object-cover"/>1380            </div>1381    <div class="border-t-2 border-blue p-3">1382        <h5 class="">Galiléo 5</h5>1383        <p class="-small pt-2">1384                            1385            1386            <a class="inline text-blue font-semibold" href="/projets/galileo-5">1387                Voir plus1388                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1389        <path fill="currentColor"1390              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"/>1391    </svg>1392            </a>1393        </p>1394    </div>1395</div>1396                                                    <div class="bg-white">1397    <div>1398                    <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"1399                 class="w-full block h-40 object-center object-cover"/>1400            </div>1401    <div class="border-t-2 border-blue p-3">1402        <h5 class="">Place du Chateau</h5>1403        <p class="-small pt-2">1404                            1405            1406            <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">1407                Voir plus1408                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1409        <path fill="currentColor"1410              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1411    </svg>1412            </a>1413        </p>1414    </div>1415</div>1416                                            </div>1417                </div>1418                        <p class="text-white text-center py-3 -small">1419                Tous droits réservés &copy; 2026 – Logis Experts – Réalisé par <a1420                    class="inline-block text-white"1421                    target="_blank"1422                    href="https://hebertcommunication.com">Hebertcommunication.com</a>1423                <span class="hidden">1424                    Code: <a1425                        class="inline-block font-semibold text-gray-500 "1426                        target="_blank"1427                        href="https://gilcode.com">Gilcode</a>1428                </span>1429            </p>1430        </div>1431    </div>1432    <div class="bg-gray-700 w-full py-6 md:py-3 p-3">1433        <div class="w-full">1434            <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">1435                <nav>1436                    <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">1437                                                    <li>1438                                <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1439                                   aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"1440                                   href="https://logis-experts.com/pages/protection">1441                                    POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS1442                                </a>1443                            </li>1444                                              <!--  <li>1445                            <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1446                               aria-label="Politique de confidentialité"1447                               href="/politique">1448                                Politique de confidentialité1449                            </a>1450                        </li> -->1451                    </ul>1452                </nav>1453                <nav>1454                    <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">1455                        <li>1456                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1457                               aria-label="Mes favoris"1458                               href="/favoris">1459                                <svg  class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1460        <path fill="currentColor"1461              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"/>1462    </svg>1463                                Mes favoris1464                            </a>1465                        </li>1466                        <!--  <li>1467                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1468                               aria-label="Partager"1469                               href="/share">1470                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1471        <path fill="currentColor"1472              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"/>1473    </svg>14741475                        Partager1476                    </a>1477                </li> -->1478                        <li>1479                            <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"1480                               aria-label="Imprimer"1481                               onclick="window.print()"1482                            >1483                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1484        <path fill="currentColor"1485              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"/>1486    </svg>1487                                <span class="block md:hidden">1488                                    Imprimer1489                                </span>1490                            </button>1491                        </li>1492                    </ul>1493                </nav>1494            </div>1495        </div>1496    </div>1497</footer>1498<div class="js-cookie-consent cookie-consent  | fixed bottom-0 inset-x-0 z-10" style="display: none;">1499        <div class="p-4 bg-white shadow-xl borrder-t border-white">1500            <div class="flex items-center justify-center sm:space-x-6 flex-wrap">1501                <div class="">1502                    <p class="cookie-consent__message | text-blue text-center -small font-semibold">1503                        Ce site nécessite l'autorisation de cookies pour fonctionner correctement.1504                    </p>1505                </div>1506                <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">1507                    <button class="js-cookie-accept | cookie-consent__agree  | btn -border -small">1508                        Accepter1509                    </button>1510                    <button class="js-cookie-refuse | cookie-consent__refuse  | btn -text">1511                        Refuser1512                    </button>1513                </div>1514            </div>1515        </div>1516    </div>15171518    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>15191520        window.laravelCookieConsent = (function () {1521            const COOKIE_DOMAIN = '.logis-experts.com';15221523            function acceptWithCookies() {1524                setCookie('cookieConsent', "accept", 7300);152515261527                Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {1528                    _node.style.display = 'none';1529                })15301531                hideCookieDialog();1532            }15331534            function refuseWithCookies() {1535                setCookie('cookieConsent', "refuse", 7300);1536                hideCookieDialog();1537            }15381539            function getCookie(name) {1540                const value = `; ${document.cookie}`;1541                const parts = value.split(`; ${name}=`);1542                if (parts.length === 2) {1543                    return parts.pop().split(';').shift();1544                }1545                return null1546            }15471548            function hideCookieDialog() {1549                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1550                    _node.style.display = 'none';1551                })1552            }15531554            function showCookieDialog() {1555                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1556                    _node.style.display = 'block';1557                })1558            }15591560            function setCookie(name, value, expirationInDays) {1561                const date = new Date();1562                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));1563                document.cookie = name + '=' + value1564                    + ';expires=' + date.toUTCString()1565                    + ';domain=' + COOKIE_DOMAIN1566                    + ';path=/'1567                    + ';samesite=lax';1568            }15691570            var currentCookie = getCookie('cookieConsent');1571            if (currentCookie === "accept" || currentCookie === "refuse") {1572                hideCookieDialog();1573            } else {1574                showCookieDialog();1575            }15761577            Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {1578                _btn.addEventListener('click', acceptWithCookies);1579            })15801581            Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {1582                _btn.addEventListener('click', refuseWithCookies);1583            })15841585            return true1586        })();1587    </script>158815891590<div id="modal-container"></div>15911592<template id="google-map-styles">1593    [1594  {1595    &quot;elementType&quot;: &quot;geometry&quot;,1596    &quot;stylers&quot;: [1597      {1598        &quot;color&quot;: &quot;#f5f5f5&quot;1599      }1600    ]1601  },1602  {1603    &quot;elementType&quot;: &quot;labels.icon&quot;,1604    &quot;stylers&quot;: [1605      {1606        &quot;visibility&quot;: &quot;off&quot;1607      }1608    ]1609  },1610  {1611    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1612    &quot;stylers&quot;: [1613      {1614        &quot;color&quot;: &quot;#616161&quot;1615      }1616    ]1617  },1618  {1619    &quot;elementType&quot;: &quot;labels.text.stroke&quot;,1620    &quot;stylers&quot;: [1621      {1622        &quot;color&quot;: &quot;#f5f5f5&quot;1623      }1624    ]1625  },1626  {1627    &quot;featureType&quot;: &quot;administrative.land_parcel&quot;,1628    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1629    &quot;stylers&quot;: [1630      {1631        &quot;color&quot;: &quot;#bdbdbd&quot;1632      }1633    ]1634  },1635  {1636    &quot;featureType&quot;: &quot;poi&quot;,1637    &quot;elementType&quot;: &quot;geometry&quot;,1638    &quot;stylers&quot;: [1639      {1640        &quot;color&quot;: &quot;#eeeeee&quot;1641      }1642    ]1643  },1644  {1645    &quot;featureType&quot;: &quot;poi&quot;,1646    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1647    &quot;stylers&quot;: [1648      {1649        &quot;color&quot;: &quot;#757575&quot;1650      }1651    ]1652  },1653  {1654    &quot;featureType&quot;: &quot;poi.park&quot;,1655    &quot;elementType&quot;: &quot;geometry&quot;,1656    &quot;stylers&quot;: [1657      {1658        &quot;color&quot;: &quot;#e5e5e5&quot;1659      }1660    ]1661  },1662  {1663    &quot;featureType&quot;: &quot;poi.park&quot;,1664    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1665    &quot;stylers&quot;: [1666      {1667        &quot;color&quot;: &quot;#9e9e9e&quot;1668      }1669    ]1670  },1671  {1672    &quot;featureType&quot;: &quot;road&quot;,1673    &quot;elementType&quot;: &quot;geometry&quot;,1674    &quot;stylers&quot;: [1675      {1676        &quot;color&quot;: &quot;#ffffff&quot;1677      }1678    ]1679  },1680  {1681    &quot;featureType&quot;: &quot;road.arterial&quot;,1682    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1683    &quot;stylers&quot;: [1684      {1685        &quot;color&quot;: &quot;#757575&quot;1686      }1687    ]1688  },1689  {1690    &quot;featureType&quot;: &quot;road.highway&quot;,1691    &quot;elementType&quot;: &quot;geometry&quot;,1692    &quot;stylers&quot;: [1693      {1694        &quot;color&quot;: &quot;#dadada&quot;1695      }1696    ]1697  },1698  {1699    &quot;featureType&quot;: &quot;road.highway&quot;,1700    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1701    &quot;stylers&quot;: [1702      {1703        &quot;color&quot;: &quot;#616161&quot;1704      }1705    ]1706  },1707  {1708    &quot;featureType&quot;: &quot;road.local&quot;,1709    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1710    &quot;stylers&quot;: [1711      {1712        &quot;color&quot;: &quot;#9e9e9e&quot;1713      }1714    ]1715  },1716  {1717    &quot;featureType&quot;: &quot;transit.line&quot;,1718    &quot;elementType&quot;: &quot;geometry&quot;,1719    &quot;stylers&quot;: [1720      {1721        &quot;color&quot;: &quot;#e5e5e5&quot;1722      }1723    ]1724  },1725  {1726    &quot;featureType&quot;: &quot;transit.station&quot;,1727    &quot;elementType&quot;: &quot;geometry&quot;,1728    &quot;stylers&quot;: [1729      {1730        &quot;color&quot;: &quot;#eeeeee&quot;1731      }1732    ]1733  },1734  {1735    &quot;featureType&quot;: &quot;water&quot;,1736    &quot;elementType&quot;: &quot;geometry&quot;,1737    &quot;stylers&quot;: [1738      {1739        &quot;color&quot;: &quot;#c0e3f2&quot;1740      }1741    ]1742  },1743  {1744    &quot;featureType&quot;: &quot;water&quot;,1745    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1746    &quot;stylers&quot;: [1747      {1748        &quot;color&quot;: &quot;#9e9e9e&quot;1749      }1750    ]1751  }1752]17531754</template>17551756<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>1757<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>1758<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>1759<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>1760<script1761    src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&region=CA&language=fr&libraries=places&callback=initMap">1762</script>17631764</body>1765</html>1766