SPB Git

spb/lou-ka Public

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

HTML 99.7%
148.5 KB · 2,117 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 | 150 Boulevard Charest Ouest</title>9<meta name="csrf-token" content="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">10<meta name="domains" content="https://logis-experts.com">11<meta name="description" content="Appartements disponibles à 150 Boulevard Charest Ouest — 150 Bd Charest O, Québec, QC G1K 8Y5, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/150-boulevard-charest-ouest" />1415<meta property="og:title" content="Logis-Experts | 150 Boulevard Charest Ouest"/>16<meta property="og:description" content="Appartements disponibles à 150 Boulevard Charest Ouest — 150 Bd Charest O, Québec, QC G1K 8Y5, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/150-boulevard-charest-ouest"/>18<meta property="og:image:url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>19<meta property="og:image:secure_url" content="https://logis-experts.com/static/images/logis-experts-seo.jpg"/>20<meta property="og:locale" content="fr_CA"/>21<meta property="og:site_name" content="Logis-Experts"/>22<meta property="og:type" content="website"/>2324<meta name="twitter:card" content="summary_large_image" />25<meta name="twitter:title" content="Logis-Experts | 150 Boulevard Charest Ouest" />26<meta name="twitter:description" content="Appartements disponibles à 150 Boulevard Charest Ouest — 150 Bd Charest O, Québec, QC G1K 8Y5, 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/150-boulevard-charest-ouest",36            "url": "https://logis-experts.com/immeuble/150-boulevard-charest-ouest",37            "name": "Logis-Experts | 150 Boulevard Charest Ouest",38            "isPartOf": {39                "@id": "https://logis-experts.com/#website"40            },41            "datePublished": "2018-11-12T17:08:22+00:00",42            "dateModified": "2026-08-08T22:22:23+00:00",43            "breadcrumb": {44                "@id": "https://logis-experts.com/immeuble/150-boulevard-charest-ouest/#breadcrumb"45            },46            "inLanguage": "fr-CA",47            "potentialAction": [48                {49                    "@type": "ReadAction",50                    "target": [51                        "https://logis-experts.com/immeuble/150-boulevard-charest-ouest"52                    ]53                }54            ]55        },56        {57            "@type": "BreadcrumbList",58            "@id": "https://logis-experts.com/immeuble/150-boulevard-charest-ouest/#breadcrumb",59            "itemListElement": [60                {61                    "@type": "ListItem",62                    "position": 1,63                    "name": "Accueil",64                    "item": "https://logis-experts.com/"65                },66                {67                    "@type": "ListItem",68                    "position": 2,69                    "name": "Appartements",70                    "item": "https://logis-experts.com/appartements"71                },72                {73                    "@type": "ListItem",74                    "position": 3,75                    "name": "Immeuble 150 Boulevard Charest Ouest",76                    "item": "https://logis-experts.com/immeuble/150-boulevard-charest-ouest"77                },78                {79                    "@type": "ListItem",80                    "position": 4,81                    "name": "Appartement #429",82                    "item": "https://logis-experts.com/immeuble/150-boulevard-charest-ouest/appartement/429"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('150-boulevard-charest-ouest','2', '429', '[{&quot;id&quot;:832,&quot;uuid&quot;:&quot;5a258861-2620-471e-83fc-60fcb514c30a&quot;,&quot;level&quot;:1,&quot;floor_plan_id&quot;:5748,&quot;building_id&quot;:252,&quot;created_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;},{&quot;id&quot;:833,&quot;uuid&quot;:&quot;46bffa5c-5f99-4baf-ab96-11ccf521441b&quot;,&quot;level&quot;:2,&quot;floor_plan_id&quot;:5751,&quot;building_id&quot;:252,&quot;created_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;},{&quot;id&quot;:834,&quot;uuid&quot;:&quot;3439a46f-b1e1-4246-9eb0-5c37491763c0&quot;,&quot;level&quot;:3,&quot;floor_plan_id&quot;:5753,&quot;building_id&quot;:252,&quot;created_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-07-10T06:01:11.000000Z&quot;}]', '[&quot;429&quot;]', '[]')">458        <div class="relative">459                            <div class="p-building__slider | w-full">460                    <div class="h-full w-full flex flex-col justify-start items-start">461    <div class="c_slider_images swiper | flex-1 w-full "462         x-data="sliderImages(2,2.5,1, 1, 1, 1)">463        <div class="swiper-wrapper">464                            <div class="swiper-slide">465                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - Image principale"466                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "467                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8.jpg"/>468                    <div class="swiper-lazy-preloader"></div>469                </div>470                            <div class="swiper-slide">471                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - 1"472                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "473                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e.jpg"/>474                    <div class="swiper-lazy-preloader"></div>475                </div>476                    </div>477478                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"479                @click.stop.prevent="goPrev">480            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">481        <path fill="currentColor"482              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"/>483    </svg>484        </button>485        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"486                @click.stop.prevent="goNext">487            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">488        <path fill="currentColor"489              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"/>490    </svg>491        </button>492    </div>493494    </div>495                </div>496                        <div class="p-building__popup-contact">497                <div class="u-polygon-bg-parent -shadow-xl">498                    <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">499    <h4>500        Rejoindre l'équipe de location501    </h4>502503    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"504          action="/api/globals/apartments/contact-form" method="post">505        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="252"/>506        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>507508509        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">510            <div class="c_select h-[40.5px]">511                <select name="salutation" class="w-full" value="M." required>512                    <option value="M.">M.</option>513                    <option value="Mme">Mme</option>514                    <option value="Mlle">Mlle</option>515                    <option value="Dr">Dr</option>516                    <option value="Pr">Pr</option>517                </select>518            </div>519            <div class="c_input w-full">520                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>521            </div>522            <div class="c_input w-full">523                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>524            </div>525        </div>526527528        <div class="c_input mt-2">529            <input type="email" name="email" value="" required placeholder="Courriel"/>530        </div>531        <div class="c_input mt-2">532            <input type="text" name="phone" value="" placeholder="Téléphone"/>533        </div>534        <div class="c_input mt-2">535            <textarea rows="3" class="resize-none" name="message"536                      placeholder="Message"></textarea>537        </div>538        539        540        <div class="u-flex-end mt-6 w-full">541            <div class="cf-turnstile mb-4"542                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"543                 data-refresh-expired="auto"544                 data-refresh-timeout="auto"545                 data-theme="light">546            </div>547        </div>548        <div class="u-flex-end w-full">549            <button type="submit" class="btn -text">550                Envoyer551                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">552        <path fill="currentColor"553              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"/>554    </svg>555            </button>556        </div>557    </form>558</div>559                </div>560            </div>561        </div>562        <div class="w-full bg-gray-300 p-2 overflow-hidden">563        <div class="container w-full">564            <ul class="xs:flex flex-row justify-start items-center">565                                    <li>566                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"567                           href="/">568                            Accueil569                                                            &nbsp;|&nbsp;570                                                    </a>571                    </li>572                                    <li>573                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"574                           href="/appartements">575                            Appartements576                                                            &nbsp;|&nbsp;577                                                    </a>578                    </li>579                                    <li>580                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"581                           href="/immeuble/150-boulevard-charest-ouest">582                            Immeuble 150 Boulevard Charest Ouest583                                                            &nbsp;|&nbsp;584                                                    </a>585                    </li>586                                    <li>587                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"588                           href="/immeuble/150-boulevard-charest-ouest/appartement/429">589                            Appartement #429590                                                    </a>591                    </li>592                            </ul>593        </div>594    </div>595        <div class="container w-full py-12">596            <div class="flex flex-col-reverse md:flex-row justify-between items-start md:items-center">597                <div>598                    <h5>Appartements</h5>599                    <h1 class="h3 font-extrabold" itemprop="name">150 Boulevard Charest Ouest</h1>600                </div>601                <div class="mb-4 md:mb-0">602                    <a class="btn -border" href="">603                        <svg  class="-arrow-bold block w-4 transform rotate-180 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">604        <path fill="currentColor"605              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"/>606    </svg>607                        Retour aux appartements608                    </a>609                </div>610            </div>611                        <div class="w-full flex flex-wrap md:flex-nowrap flex-row justify-between items-center my-6">612                                <div class="w-full ">613                    <div class="border-b border-gray-300 pb-8 u-flex-start gap-2">614                        <svg  class="w-8 h-auto block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">615        <path fill="currentColor"616              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"/>617    </svg>618                        <div class="">619                            <p class="">620                                150 Bd Charest O, Québec, QC G1K 8Y5, Canada621                            </p>622                                                            <p class="-small">623                                    (Quartier: Saint-Sauveur)624                                </p>625                                                    </div>626                    </div>627                    <div class="border-b border-gray-300 py-8">628629                        <div class="md:flex flex-row justify-between items-center md:space-x-6">630                            <div class="md:flex flex-row justify-start items-center md:space-x-6">631                                                                    <div class="u-flex-start">632                                        <svg  class="text-gray-400 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">633        <path fill="currentColor"634              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"/>635    </svg>636                                        <p class="-small font-regular ">637                                            Disponible à partir638                                            du 1 juillet 2026639                                        </p>640                                    </div>641                                                                                                    <div class="u-flex-start mt-3 md:mt-0">642                                        <svg  class="text-gray-500 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">643        <path fill="currentColor"644              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"/>645    </svg>646                                        <p class="text-gray-500 -small font-semibold">647                                            À partir de 1195$ par mois648                                        </p>649650                                    </div>651                                                            </div>652                            <div class="mt-8 md:mt-0">653                                <div class="flex flex-row justify-start items-center space-x-3">654    <div data-tippy-content="Ajouter à vos favoris">655        <div class="bg-blue-100 p-1 rounded-full u-flex-center cursor-pointer w-40px h-40px"656     x-data="favoriteBuilding(252)" @click="onClick">657    <svg :class="isFavorite ? 'hidden' : ''" class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">658        <path fill="currentColor"659              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"/>660    </svg>661    <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">662        <path fill="currentColor"663              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"/>664    </svg>665</div>666    </div>667668    <div data-tippy-content="Partager sur facebook">669        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareOnFacebook">670            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">671        <path fill="currentColor"672              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"/>673    </svg>674        </div>675    </div>676    <div data-tippy-content="Partager par courriel">677        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareByEmail">678            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">679        <path fill="currentColor"680              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"/>681    </svg>682        </div>683    </div>684    <div data-tippy-content="Copier l'URL">685        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="copyURL">686            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">687        <path fill="currentColor"688              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"/>689    </svg>690        </div>691    </div>692    <div data-tippy-content="Imprimer">693        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="printPDF">694            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">695        <path fill="currentColor"696              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"/>697    </svg>698        </div>699    </div>700</div>701                            </div>702                        </div>703                    </div>704                </div>705            </div>706            <div class="py-12">707                <h4>708                    Plan des immeubles et détails des appartements709                </h4>710                <div class="flex flex-row flex-wrap justify-between items-stretch mt-6">711                    <div class="w-full md:w-1/2 md:pr-12">712                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">713                            714                                                            <h6 class="text-left">715                                    Plan de l'immeuble716                                </h6>717                                                        <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">718719                                                                <div class="w-full h-full flex-1">720                                                                                                                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">721    <img class="w-32 md:w-52 h-auto object-contain object-center block"722         alt="Logis-Experts - Plan à venir"723         src="/static/images/icons/no-plan@2x.png"/>724    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>725</div>726                                                                    </div>727                            </div>728                        </div>729                    </div>730                    <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">731                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">732                            <h6 class="">733                                Plan des étages734                            </h6>735                            <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">736                                                                    <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">737                                                                                    <button name="button" class="btn -border-b"738                                                    @click="changeFloorLevel('1')"739                                                    :class="floorLevel === '1' ? '-active' :''">740                                                                                                    Rez-de-chaussée741                                                                                            </button>742                                                                                    <button name="button" class="btn -border-b"743                                                    @click="changeFloorLevel('2')"744                                                    :class="floorLevel === '2' ? '-active' :''">745                                                                                                    Étage 2746                                                                                            </button>747                                                                                    <button name="button" class="btn -border-b"748                                                    @click="changeFloorLevel('3')"749                                                    :class="floorLevel === '3' ? '-active' :''">750                                                                                                    Étage 3751                                                                                            </button>752                                                                            </div>753                                    <div class="w-full h-full flex-1">754                                                                                                                                    <div class="h-full w-full"755                                                     :class="floorLevel !== '1' ? 'hidden' :''">756                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">757    <img class="w-32 md:w-52 h-auto object-contain object-center block"758         alt="Logis-Experts - Plan à venir"759         src="/static/images/icons/no-plan@2x.png"/>760    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>761</div>762                                                </div>763                                                                                                                                                                                <div class="h-full w-full"764                                                     :class="floorLevel !== '2' ? 'hidden' :''">765                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">766    <img class="w-32 md:w-52 h-auto object-contain object-center block"767         alt="Logis-Experts - Plan à venir"768         src="/static/images/icons/no-plan@2x.png"/>769    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>770</div>771                                                </div>772                                                                                                                                                                                <div class="h-full w-full"773                                                     :class="floorLevel !== '3' ? 'hidden' :''">774                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">775    <img class="w-32 md:w-52 h-auto object-contain object-center block"776         alt="Logis-Experts - Plan à venir"777         src="/static/images/icons/no-plan@2x.png"/>778    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>779</div>780                                                </div>781                                                                                                                        </div>782                                                            </div>783                        </div>784785                    </div>786                </div>787            </div>788            <div class="py-12">789                <h4>790                    Appartements disponibles791                </h4>792                                                                    <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">793                        <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">794                                                                                            <div x-cloak795                                     :class="(apartmentType && apartmentType !== '5.5') ? 'hidden' : ''">796                                    <div797    id="apartment-list-item-4648"798    data-id="4648"799    data-number="429"800    class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"801     :class="`${apartmentNumber === '429' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"802     @click.prevent="showApartment('429', '2')"803>804    <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">805        <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 429</p>806        <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">807808                            <p class="font-semibold text-gray-500">809                    5 &frac12;810                </p>811                                        <p>900 pi<sup>2</sup> brute</p>812            813                            <p class="text-gray-500 font-semibold line-through">814                    1295$/mois815                </p>816                <p class="-small text-red-500 font-semibold">817                    Rabais de 100$/mois818                </p>819                <p class="text-gray-500 font-semibold">820                    1195$/mois821                </p>822            823                    </div>824        <div class="w-full md:w-2/5 mt-3 md:mt-0">825                            <div class="u-flex-start relative mb-3 md:mb-0">826                                                                    <svg  class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">827        <circle stroke="currentColor" fill="none"828                stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>829        <polygon fill="currentColor"830                 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"/>831        <polygon fill="currentColor"832                 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"/>833    </svg>834                                        <p>Disponible à partir du835                        <span class="font-bold">836                            1 Juillet 2026837                        </span>838                    </p>839                </div>840                        <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 429</p>841            <p class="hidden md:block">150 Bd Charest O, Québec, QC G1K 8Y5, Canada</p>842                            <div class="u-flex-start">843                    <div data-tippy-content="1 chien accepté, aucune limite de poids">844        <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">845        <path fill="currentColor"846              d="M12.8,15.12c1.6,0,2.9-1.75,2.9-3.89s-1.3-3.89-2.9-3.89S9.9,9.09,9.9,11.23,11.2,15.12,12.8,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94s-.89,2.94-1.95,2.94-2-1.34-2-2.94S11.74,8.29,12.8,8.29ZM21.39,18.9a1.54,1.54,0,0,1-.14-.22A5.8,5.8,0,0,0,16,15.62h-.11a5.68,5.68,0,0,0-5.3,3,1,1,0,0,1-.14.18c-.07.08-.13.17-.19.25A5,5,0,0,0,9.36,22a2.77,2.77,0,0,0,1.2,2.32,1.76,1.76,0,0,0,.95.29,4.16,4.16,0,0,0,2.06-.84,10,10,0,0,1,1.48-.8,3.29,3.29,0,0,1,.71-.05,5,5,0,0,1,.89.06,9.8,9.8,0,0,1,1.42.83,4,4,0,0,0,2,.87,1.67,1.67,0,0,0,.86-.24c1.51-.85,1.79-3.2.64-5.23A3,3,0,0,0,21.39,18.9Zm-.91,4.7a.72.72,0,0,1-.39.11,3.37,3.37,0,0,1-1.5-.71A10.34,10.34,0,0,0,17,22.1,4,4,0,0,0,15.76,22a3.11,3.11,0,0,0-1.06.12,10.35,10.35,0,0,0-1.63.88,3.63,3.63,0,0,1-1.56.69.77.77,0,0,1-.43-.13,1.88,1.88,0,0,1-.78-1.57A4.09,4.09,0,0,1,11,19.56a.61.61,0,0,1,.12-.16,2.37,2.37,0,0,0,.26-.37,4.75,4.75,0,0,1,4.45-2.47h.09a4.86,4.86,0,0,1,4.46,2.52,2.26,2.26,0,0,0,.24.38,2.43,2.43,0,0,1,.14.2C21.66,21.23,21.53,23,20.48,23.6ZM19,15.12c1.6,0,2.9-1.75,2.9-3.89S20.56,7.34,19,7.34s-2.9,1.75-2.9,3.89S17.36,15.12,19,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94S20,14.17,19,14.17,17,12.83,17,11.23,17.9,8.29,19,8.29Zm4.76,4.83c-1.28,0-2.28,1.33-2.28,3s1,3,2.28,3,2.28-1.33,2.28-3S25,13.12,23.72,13.12Zm0,5.1c-.73,0-1.34-.95-1.34-2.08s.61-2.07,1.34-2.07,1.33.95,1.33,2.07S24.44,18.22,23.72,18.22ZM10.57,16.14c0-1.69-1-3-2.29-3S6,14.45,6,16.14s1,3,2.28,3S10.57,17.84,10.57,16.14ZM8.28,18.22c-.72,0-1.33-.95-1.33-2.08s.61-2.07,1.33-2.07,1.34.95,1.34,2.07S9,18.22,8.28,18.22Z"/>847    </svg>848    </div>849    <div data-tippy-content="Entrée indépendante">850        <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">851        <path fill="currentColor"852              d="M21.71,6H10.29a.41.41,0,0,0-.41.41V25.59a.41.41,0,0,0,.41.41H21.71a.41.41,0,0,0,.41-.41V6.41A.41.41,0,0,0,21.71,6Zm-.4,19.18H10.69V6.82H21.31Zm-9.6-9.38h8.58a.41.41,0,0,0,.4-.41V8.24a.81.81,0,0,0-.81-.81H12.12a.81.81,0,0,0-.81.81v7.15A.41.41,0,0,0,11.71,15.8Zm4.7-7.56h3.47v3.07H16.41Zm0,3.88h3.47V15H16.41ZM12.12,8.24h3.47v3.07H12.12Zm0,3.88h3.47V15H12.12Zm7.15,5.31a1.23,1.23,0,1,0,1.22,1.22A1.23,1.23,0,0,0,19.27,17.43Zm0,1.63a.41.41,0,0,1-.41-.41.41.41,0,1,1,.81,0A.4.4,0,0,1,19.27,19.06Z"/>853    </svg>854    </div>855<!-- TODO: Add all icon -->856                </div>857                    </div>858        <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">859            <!-- <a href="/comparer" class="btn -text u-flex-start">860                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">861        <path fill="currentColor"862              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"/>863    </svg>864            Comparer maintenant865        </a>866            <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">867                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">868        <path fill="currentColor"869              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"/>870    </svg>871                Planifier votre visite872            </a>-->873            <a href="/immeuble/150-boulevard-charest-ouest/appartement/429"874               @click.prevent="showApartment('429', '2')"875               class="w-full md:w-auto btn -group-hover"876                :class="`${apartmentNumber === '429' ? '' : '-border'}`"877            >878                Voir les détails879            </a>880        </div>881    </div>882</div>883                                    <div class="h-px w-full bg-gray-200"></div>884                                </div>885                                                                                    </div>886                    </div>887                            </div>888        </div>889        <div class="" x-ref="apartmentDetails">890            <div class="container mx-auto">891                <!-- TODO: USe AJAX to not show all appartments ? -->892                                    <div x-cloak :class="apartmentNumber !== '429' ? 'hidden' : ''">893                        <div id="apartment-details-429" data-id="4648"894     class="bg-blue-100 p-6 block"895     x-data="apartmentDetails()">896    <div class="flex flex-row flex-wrap justify-center items-stretch">897        <div class="w-full md:w-1/2 md:pr-12">898            <h4 class="text-gray-500">899                Détails:&nbsp;Appartement 429900            </h4>901                            <p>902                    5 &frac12;903                </p>904                                        <p class="">905                    900 pi<sup>2</sup>906                </p>907            908                            <p class="text-gray-500 font-semibold line-through">909                    1295$/mois910                </p>911                <p class="-small text-red-500 font-semibold">912                    Rabais de 100$/mois913                </p>914                <p class="text-gray-500 font-semibold">915                    1195$/mois916                </p>917            918919            920                            <div class="py-2 border-y border-gray-200 my-2 u-flex-start">921                    <div data-tippy-content="1 chien accepté, aucune limite de poids">922        <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">923        <path fill="currentColor"924              d="M12.8,15.12c1.6,0,2.9-1.75,2.9-3.89s-1.3-3.89-2.9-3.89S9.9,9.09,9.9,11.23,11.2,15.12,12.8,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94s-.89,2.94-1.95,2.94-2-1.34-2-2.94S11.74,8.29,12.8,8.29ZM21.39,18.9a1.54,1.54,0,0,1-.14-.22A5.8,5.8,0,0,0,16,15.62h-.11a5.68,5.68,0,0,0-5.3,3,1,1,0,0,1-.14.18c-.07.08-.13.17-.19.25A5,5,0,0,0,9.36,22a2.77,2.77,0,0,0,1.2,2.32,1.76,1.76,0,0,0,.95.29,4.16,4.16,0,0,0,2.06-.84,10,10,0,0,1,1.48-.8,3.29,3.29,0,0,1,.71-.05,5,5,0,0,1,.89.06,9.8,9.8,0,0,1,1.42.83,4,4,0,0,0,2,.87,1.67,1.67,0,0,0,.86-.24c1.51-.85,1.79-3.2.64-5.23A3,3,0,0,0,21.39,18.9Zm-.91,4.7a.72.72,0,0,1-.39.11,3.37,3.37,0,0,1-1.5-.71A10.34,10.34,0,0,0,17,22.1,4,4,0,0,0,15.76,22a3.11,3.11,0,0,0-1.06.12,10.35,10.35,0,0,0-1.63.88,3.63,3.63,0,0,1-1.56.69.77.77,0,0,1-.43-.13,1.88,1.88,0,0,1-.78-1.57A4.09,4.09,0,0,1,11,19.56a.61.61,0,0,1,.12-.16,2.37,2.37,0,0,0,.26-.37,4.75,4.75,0,0,1,4.45-2.47h.09a4.86,4.86,0,0,1,4.46,2.52,2.26,2.26,0,0,0,.24.38,2.43,2.43,0,0,1,.14.2C21.66,21.23,21.53,23,20.48,23.6ZM19,15.12c1.6,0,2.9-1.75,2.9-3.89S20.56,7.34,19,7.34s-2.9,1.75-2.9,3.89S17.36,15.12,19,15.12Zm0-6.83c1.06,0,1.95,1.35,1.95,2.94S20,14.17,19,14.17,17,12.83,17,11.23,17.9,8.29,19,8.29Zm4.76,4.83c-1.28,0-2.28,1.33-2.28,3s1,3,2.28,3,2.28-1.33,2.28-3S25,13.12,23.72,13.12Zm0,5.1c-.73,0-1.34-.95-1.34-2.08s.61-2.07,1.34-2.07,1.33.95,1.33,2.07S24.44,18.22,23.72,18.22ZM10.57,16.14c0-1.69-1-3-2.29-3S6,14.45,6,16.14s1,3,2.28,3S10.57,17.84,10.57,16.14ZM8.28,18.22c-.72,0-1.33-.95-1.33-2.08s.61-2.07,1.33-2.07,1.34.95,1.34,2.07S9,18.22,8.28,18.22Z"/>925    </svg>926    </div>927    <div data-tippy-content="Entrée indépendante">928        <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">929        <path fill="currentColor"930              d="M21.71,6H10.29a.41.41,0,0,0-.41.41V25.59a.41.41,0,0,0,.41.41H21.71a.41.41,0,0,0,.41-.41V6.41A.41.41,0,0,0,21.71,6Zm-.4,19.18H10.69V6.82H21.31Zm-9.6-9.38h8.58a.41.41,0,0,0,.4-.41V8.24a.81.81,0,0,0-.81-.81H12.12a.81.81,0,0,0-.81.81v7.15A.41.41,0,0,0,11.71,15.8Zm4.7-7.56h3.47v3.07H16.41Zm0,3.88h3.47V15H16.41ZM12.12,8.24h3.47v3.07H12.12Zm0,3.88h3.47V15H12.12Zm7.15,5.31a1.23,1.23,0,1,0,1.22,1.22A1.23,1.23,0,0,0,19.27,17.43Zm0,1.63a.41.41,0,0,1-.41-.41.41.41,0,1,1,.81,0A.4.4,0,0,1,19.27,19.06Z"/>931    </svg>932    </div>933<!-- TODO: Add all icon -->934                </div>935                        <ul class="pt-4 space-y-1  ">936937                                    <li class="u-flex-start-top">938                        <h6 class="w-1/2 text-gray-300 leading-24px">939                            Étage940                        </h6>941                        <p class="w-1/2">942                                                            2943                                                    </p>944                    </li>945                946                                    <li class="u-flex-start-top">947                        <h6 class="w-1/2 text-gray-300 leading-24px">948                            Disponibilité949                        </h6>950                        <p class="w-1/2">951                            1 juillet 2026952                        </p>953                    </li>954                                                    <li class="u-flex-start-top">955                        <h6 class="w-1/2 text-gray-300 leading-24px">956                            Superficie957                        </h6>958                        <p class="w-1/2">959                            900 pi<sup>2</sup>960                        </p>961                    </li>962                                                    <li class="u-flex-start-top">963                        <h6 class="w-1/2 text-gray-300 leading-24px">964                            Frais d'énergie965                        </h6>966                        <p class="w-1/2">967                            Non-Chauffé &amp; Non-Éclairé968                        </p>969                    </li>970                                                971                972                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                984                <li class="u-flex-start-top">985                    <h6 class="w-1/2 text-gray-300 leading-24px">986                        Type de climatisation987                    </h6>988                    <p class="w-1/2">989                                                    Aucun990                                            </p>991                </li>992993994                                    <li class="u-flex-start-top">995                        <h6 class="w-1/2 text-gray-300 leading-24px">996                            Chien acceptés997                        </h6>998                        <p class="w-1/2">999                            1 chien accepté, aucune limite de poids1000                        </p>1001                    </li>1002                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                                1028                10291030            </ul>10311032            10331034            <a href="#contact-form" class="btn -border u-flex-start mt-12">1035                Rejoindre l'agent de location1036            </a>1037                    </div>1038        <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1039            <div class="h-full max-h-500px lg:max-h-600px relative">1040                                    <div class="h-full w-full flex flex-col justify-start items-start">1041    <div class="c_slider_images swiper | flex-1 w-full "1042         x-data="sliderImages(11,1,1, 1, 1, 1)">1043        <div class="swiper-wrapper">1044                            <div class="swiper-slide">1045                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 11"1046                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1047                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c.jpg"/>1048                    <div class="swiper-lazy-preloader"></div>1049                </div>1050                            <div class="swiper-slide">1051                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 10"1052                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1053                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7.jpg"/>1054                    <div class="swiper-lazy-preloader"></div>1055                </div>1056                            <div class="swiper-slide">1057                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 9"1058                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1059                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508.jpg"/>1060                    <div class="swiper-lazy-preloader"></div>1061                </div>1062                            <div class="swiper-slide">1063                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 8"1064                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1065                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d.jpg"/>1066                    <div class="swiper-lazy-preloader"></div>1067                </div>1068                            <div class="swiper-slide">1069                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 7"1070                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1071                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2.jpg"/>1072                    <div class="swiper-lazy-preloader"></div>1073                </div>1074                            <div class="swiper-slide">1075                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 6"1076                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1077                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c.jpg"/>1078                    <div class="swiper-lazy-preloader"></div>1079                </div>1080                            <div class="swiper-slide">1081                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 5"1082                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1083                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27.jpg"/>1084                    <div class="swiper-lazy-preloader"></div>1085                </div>1086                            <div class="swiper-slide">1087                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 4"1088                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1089                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f.jpg"/>1090                    <div class="swiper-lazy-preloader"></div>1091                </div>1092                            <div class="swiper-slide">1093                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 3"1094                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1095                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912.jpg"/>1096                    <div class="swiper-lazy-preloader"></div>1097                </div>1098                            <div class="swiper-slide">1099                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 2"1100                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1101                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b.jpg"/>1102                    <div class="swiper-lazy-preloader"></div>1103                </div>1104                            <div class="swiper-slide">1105                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 1"1106                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1107                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007.jpg"/>1108                    <div class="swiper-lazy-preloader"></div>1109                </div>1110                    </div>11111112                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1113                @click.stop.prevent="goPrev">1114            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1115        <path fill="currentColor"1116              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"/>1117    </svg>1118        </button>1119        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1120                @click.stop.prevent="goNext">1121            <svg  class="-arrow-bold text-blue" 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>11271128                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1129                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1130                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7.jpg" alt=""1131                         class="block object-cover object-center w-full h-full"/>1132                </div>1133                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1134                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508.jpg" alt=""1135                         class="block object-cover object-center w-full h-full"/>1136                </div>1137                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1138                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d.jpg" alt=""1139                         class="block object-cover object-center w-full h-full"/>1140                </div>1141                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1142                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2.jpg" alt=""1143                         class="block object-cover object-center w-full h-full"/>1144                </div>1145                            <div class="w-full h-40 md:h-24 hidden md:block cursor-pointer" @click.prevent="showModal = true">1146                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c.jpg" alt=""1147                         class="block object-cover object-center w-full h-full"/>1148                </div>1149                    </div>1150    </div>11511152                    <button aria-label="Montrer plus" type="button" class="absolute z-10 top-3 right-3 round-btn -small"1153                            @click.prevent="showModal = true">1154                        <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1155         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1156        <path stroke-linecap="round" stroke-linejoin="round"1157              d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6"/>1158    </svg>1159                    </button>1160                            </div>1161                            <template x-teleport="#modal-container">1162                    <div x-show="showModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1163    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1164         @click.away="showModal = false;document.body.classList.remove('-modal-open')"1165         x-effect="1166            if (showModal){1167                document.body.classList.add('-modal-open')1168            } else {1169             document.body.classList.remove('-modal-open')1170            }1171         "1172         x-transition:enter="ease-out duration-300"1173         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1174         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1175         x-transition:leave-end="opacity-0 scale-90">11761177        <button aria-label="Fermer"  type="button" class="round-btn -small absolute right-3 top-3" @click.prevent="showModal = false;document.body.classList.remove('-modal-open')">1178            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1179         viewBox="0 0 18 18">1180        <path1181            fill="currentColor"1182            d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>1183    </svg>1184        </button>11851186        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1187            <div class="flex-1 w-full h-full">1188                <div class="h-full w-full flex flex-col justify-start items-start">1189    <div class="c_slider_images swiper | flex-1 w-full "1190         x-data="sliderImages(11,1,1, 1, 1, 1)">1191        <div class="swiper-wrapper">1192                            <div class="swiper-slide">1193                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 11"1194                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1195                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod6-a66afeb67b7dcea8805589664eeaf73c.jpg"/>1196                    <div class="swiper-lazy-preloader"></div>1197                </div>1198                            <div class="swiper-slide">1199                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 10"1200                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1201                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod5-6f04ffde55012fd6835aa3ca63d4c8c7.jpg"/>1202                    <div class="swiper-lazy-preloader"></div>1203                </div>1204                            <div class="swiper-slide">1205                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 9"1206                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1207                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod3-5f222fa26d062d5b999664c96b1b8508.jpg"/>1208                    <div class="swiper-lazy-preloader"></div>1209                </div>1210                            <div class="swiper-slide">1211                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 8"1212                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1213                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod1-bfb460a92d75339d0171fca36a112e8d.jpg"/>1214                    <div class="swiper-lazy-preloader"></div>1215                </div>1216                            <div class="swiper-slide">1217                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 7"1218                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1219                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod10-7a557bc24ce8ea5fa72b3551417355b2.jpg"/>1220                    <div class="swiper-lazy-preloader"></div>1221                </div>1222                            <div class="swiper-slide">1223                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 6"1224                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1225                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod9-d6e019b1c58020f5ce03a96c306a4a2c.jpg"/>1226                    <div class="swiper-lazy-preloader"></div>1227                </div>1228                            <div class="swiper-slide">1229                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 5"1230                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1231                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod8-7488b68b99c73ce1123d3bd461c01c27.jpg"/>1232                    <div class="swiper-lazy-preloader"></div>1233                </div>1234                            <div class="swiper-slide">1235                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 4"1236                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1237                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod7-155f1127b2fa3c2060925b30de78439f.jpg"/>1238                    <div class="swiper-lazy-preloader"></div>1239                </div>1240                            <div class="swiper-slide">1241                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 3"1242                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1243                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod4-dd35258b03174c9663ac151f01a56912.jpg"/>1244                    <div class="swiper-lazy-preloader"></div>1245                </div>1246                            <div class="swiper-slide">1247                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 2"1248                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1249                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod2-48754865f6ae478369421cedc044738b.jpg"/>1250                    <div class="swiper-lazy-preloader"></div>1251                </div>1252                            <div class="swiper-slide">1253                    <img alt="Logis-Experts - Appartements - 150 Boulevard Charest Ouest - 429 - 1"1254                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1255                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-429-mazenod11-20ae1d0828e7634fd4e3f171a5743007.jpg"/>1256                    <div class="swiper-lazy-preloader"></div>1257                </div>1258                    </div>12591260                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1261                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1262                @click.stop.prevent="goPrev">1263            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1264        <path fill="currentColor"1265              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"/>1266    </svg>1267        </button>1268        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1269                @click.stop.prevent="goNext">1270            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1271        <path fill="currentColor"1272              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"/>1273    </svg>1274        </button>1275    </div>12761277    </div>1278            </div>1279        </div>1280    </div>12811282</div>12831284                </template>1285                    </div>1286    </div>1287</div>1288                    </div>1289                                <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1290                    <div class="p-3 block">1291                        <h3>Cette appartement n'est plus disponible</h3>1292                    </div>1293                </div>1294            </div>1295        </div>12961297        <div class="py-12 block md:hidden">1298            <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1299    <h4>1300        Rejoindre l'équipe de location1301    </h4>13021303    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1304          action="/api/globals/apartments/contact-form" method="post">1305        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="252"/>1306        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>130713081309        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1310            <div class="c_select h-[40.5px]">1311                <select name="salutation" class="w-full" value="M." required>1312                    <option value="M.">M.</option>1313                    <option value="Mme">Mme</option>1314                    <option value="Mlle">Mlle</option>1315                    <option value="Dr">Dr</option>1316                    <option value="Pr">Pr</option>1317                </select>1318            </div>1319            <div class="c_input w-full">1320                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1321            </div>1322            <div class="c_input w-full">1323                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1324            </div>1325        </div>132613271328        <div class="c_input mt-2">1329            <input type="email" name="email" value="" required placeholder="Courriel"/>1330        </div>1331        <div class="c_input mt-2">1332            <input type="text" name="phone" value="" placeholder="Téléphone"/>1333        </div>1334        <div class="c_input mt-2">1335            <textarea rows="3" class="resize-none" name="message"1336                      placeholder="Message"></textarea>1337        </div>1338        1339        1340        <div class="u-flex-end mt-6 w-full">1341            <div class="cf-turnstile mb-4"1342                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1343                 data-refresh-expired="auto"1344                 data-refresh-timeout="auto"1345                 data-theme="light">1346            </div>1347        </div>1348        <div class="u-flex-end w-full">1349            <button type="submit" class="btn -text">1350                Envoyer1351                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1352        <path fill="currentColor"1353              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"/>1354    </svg>1355            </button>1356        </div>1357    </form>1358</div>1359        </div>13601361        <div class="py-12">1362            <div class="container mx-auto">1363                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1364                    <div class="relative">1365                                                    <div class="h-full w-full flex flex-col justify-start items-start">1366    <div class="c_slider_images swiper | flex-1 w-full "1367         x-data="sliderImages(2,1,1, 1, 1, 1)">1368        <div class="swiper-wrapper">1369                            <div class="swiper-slide">1370                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - Image principale"1371                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1372                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8.jpg"/>1373                    <div class="swiper-lazy-preloader"></div>1374                </div>1375                            <div class="swiper-slide">1376                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - 1"1377                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1378                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e.jpg"/>1379                    <div class="swiper-lazy-preloader"></div>1380                </div>1381                    </div>13821383                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1384                @click.stop.prevent="goPrev">1385            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1386        <path fill="currentColor"1387              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"/>1388    </svg>1389        </button>1390        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1391                @click.stop.prevent="goNext">1392            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1393        <path fill="currentColor"1394              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"/>1395    </svg>1396        </button>1397    </div>13981399                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1400                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showBuildingModal = true">1401                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e.jpg" alt=""1402                         class="block object-cover object-center w-full h-full"/>1403                </div>1404                    </div>1405    </div>14061407                            <button aria-label="Montrer plus" type="button"1408                                    class="absolute z-10 top-3 right-3 round-btn -small"1409                                    @click.prevent="showBuildingModal = true">1410                                <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1411         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1412        <path stroke-linecap="round" stroke-linejoin="round"1413              d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6"/>1414    </svg>1415                            </button>141614171418                            <template x-teleport="#modal-container">1419                                <div x-show="showBuildingModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1420    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1421         @click.away="showBuildingModal = false;document.body.classList.remove('-modal-open')"1422         x-effect="1423            if (showBuildingModal){1424                document.body.classList.add('-modal-open')1425            } else {1426             document.body.classList.remove('-modal-open')1427            }1428         "1429         x-transition:enter="ease-out duration-300"1430         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1431         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1432         x-transition:leave-end="opacity-0 scale-90">14331434        <button aria-label="Fermer"  type="button" class="round-btn -small absolute right-3 top-3" @click.prevent="showBuildingModal = false;document.body.classList.remove('-modal-open')">1435            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1436         viewBox="0 0 18 18">1437        <path1438            fill="currentColor"1439            d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path>1440    </svg>1441        </button>14421443        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1444            <div class="flex-1 w-full h-full">1445                <div class="h-full w-full flex flex-col justify-start items-start">1446    <div class="c_slider_images swiper | flex-1 w-full "1447         x-data="sliderImages(2,1,1, 1, 1, 1)">1448        <div class="swiper-wrapper">1449                            <div class="swiper-slide">1450                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - Image principale"1451                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1452                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-remove-the-car-nano-banana-2-51601-8db219175ce867f734fe60615dd7fcd8.jpg"/>1453                    <div class="swiper-lazy-preloader"></div>1454                </div>1455                            <div class="swiper-slide">1456                    <img alt="Logis-Experts - Immeubles - 150 Boulevard Charest Ouest - 1"1457                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1458                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-capture-decran-le-2026-04-23-a-10-093ec0006c8b0d0623f5007071722a8e.jpg"/>1459                    <div class="swiper-lazy-preloader"></div>1460                </div>1461                    </div>14621463                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1464                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1465                @click.stop.prevent="goPrev">1466            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1467        <path fill="currentColor"1468              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"/>1469    </svg>1470        </button>1471        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1472                @click.stop.prevent="goNext">1473            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1474        <path fill="currentColor"1475              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"/>1476    </svg>1477        </button>1478    </div>14791480    </div>1481            </div>1482        </div>1483    </div>14841485</div>14861487                            </template>14881489                                            </div>1490                    <div>1491                        <h2 class="h1">1492                            Bâtiment1493                        </h2>14941495                        <ul class="py-2 border-y border-gray-200 my-3">1496                                                            <li class="u-flex-start">1497                                    <span class="uppercase w-1/2">1498                                        Quartier1499                                    </span>1500                                    <span class="text-blue font-semibold w-1/2">1501                                        Saint-Sauveur1502                                    </span>1503                                </li>1504                            1505                                                            <li class="u-flex-start">1506                                    <span class="uppercase  w-1/2">1507                                        Année de construction1508                                    </span>1509                                    <span class="text-blue font-semibold w-1/2">1510                                        19001511                                    </span>1512                                </li>1513                                                        <li class="u-flex-start">1514                                <span class="uppercase w-1/2">1515                                    Nombre d'appartements1516                                </span>1517                                <span class="text-blue font-semibold w-1/2">1518                                                                        111519                                </span>1520                            </li>1521                        </ul>15221523                        1524                        1525                                                    <p class="uppercase font-semibold pt-4 border-b border-gray-200">1526                                Télécommunications1527                            </p>1528                            <ul class="pt-2">1529                                                                    <li class="text-blue font-semibold">1530                                        -&nbsp;Wifi Inclus1531                                    </li>1532                                                            </ul>1533                                                <p class="py-6">1534                            1535                        </p>1536                    </div>1537                </div>1538            </div>1539        </div>15401541        1542                    <div class="w-full p-building__map" x-data="staticMap(46.8107665, -71.2333971)">15431544</div>1545            </main>15461547<footer class=" w-full">1548    <div class="bg-gray-500">1549        <div class="container w-full">1550            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1551                <div>1552                    <a href="/" class="block">1553                        <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1554                             class="w-32 h-auto block"/>1555                    </a>1556                    <div class="u-flex-start space-x-4 mt-6">1557                        <p class="text-white font-brandon text-15px font-bold uppercase">1558                            Suivez-nous1559                        </p>1560                        <div class="u-flex-start space-x-4">15611562                            <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1563                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1564                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1565         viewBox="0 0 10.28 19.8">1566        <path fill="currentColor"1567              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"/>1568    </svg>1569                            </a>1570                            <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"1571                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1572                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1573         viewBox="0 0 21.14 21.14">1574        <path fill="currentColor"1575              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"/>1576        <path fill="currentColor"1577              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"/>1578        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>1579    </svg>1580                            </a>1581                            <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"1582                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1583                                <svg xmlns="http://www.w3.org/2000/svg"1584          class="text-white h-4 w-auto"1585         viewBox="0 0 310 310">1586        <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.731587		C77.16,101.969,74.922,99.73,72.16,99.73z"/>1588        <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.41589		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>1590        <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.5991591		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.3191592		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.9951593		C310,145.43,300.549,94.761,230.454,94.761z"/>1594    </svg>1595                            </a>15961597                        </div>1598                    </div>1599                    <div class="mt-6 md:mt-12 md:pr-6">1600                        <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>1601                    </div>1602                </div>1603                <div class="md:pl-6 md:border-l border-white">16041605                    1606                    <nav>1607                        <ul class="space-y-3">1608                                                            <li class="">1609                                    <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"1610                                       target="_self"1611                                       href="/appartements">1612                                        <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">1613        <path fill="currentColor"1614              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"/>1615    </svg>1616                                        Appartements1617                                    </a>1618                                </li>1619                                                            <li class="">1620                                    <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"1621                                       target="_self"1622                                       href="/entreprise">1623                                        <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">1624        <path fill="currentColor"1625              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"/>1626    </svg>1627                                        L&#039;entreprise1628                                    </a>1629                                </li>1630                                                            <li class="">1631                                    <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"1632                                       target="_self"1633                                       href="/projets">1634                                        <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">1635        <path fill="currentColor"1636              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"/>1637    </svg>1638                                        Projets et réalisations1639                                    </a>1640                                </li>1641                                                            <li class="">1642                                    <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"1643                                       target="_self"1644                                       href="/nouvelles">1645                                        <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">1646        <path fill="currentColor"1647              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"/>1648    </svg>1649                                        Nouvelles1650                                    </a>1651                                </li>1652                                                            <li class="block md:hidden">1653                                    <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"1654                                       target="_self"1655                                       href="/emplois">1656                                        <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">1657        <path fill="currentColor"1658              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"/>1659    </svg>1660                                        Offres d&#039;emploi1661                                    </a>1662                                </li>1663                                                    </ul>1664                    </nav>16651666                </div>1667                <div class="md:pl-6 md:border-l border-white">1668                    <p class="text-white">1669                        574, boul. des Capucins,<br/>1670                        Québec (QC) G1J 3R81671                        <br/>1672                        <br/>1673                    </p>1674                    <p class="text-white">1675                        <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>1676                    </p>1677                    <p>1678                        <a href="/cdn-cgi/l/email-protection#1871767e775874777f716b357d60687d6a6c6b367b7775" class="inline-block text-white"><span class="__cf_email__" data-cfemail="a7cec9c1c8e7cbc8c0ced48ac2dfd7c2d5d3d489c4c8ca">[email&#160;protected]</span></a>1679                    </p>1680                </div>1681            </div>168216831684                                        <div class="py-6 md:py-12">1685                    <h3 class="text-white">Projets futurs</h3>1686                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">1687                                                    <div class="bg-white">1688    <div>1689                    <img alt="Logis-Experts - Projets - L&#039;Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"1690                 class="w-full block h-40 object-center object-cover"/>1691            </div>1692    <div class="border-t-2 border-blue p-3">1693        <h5 class="">L&#039;Attisée</h5>1694        <p class="-small pt-2">1695                            1696            1697            <a class="inline text-blue font-semibold" href="/projets/lattisee">1698                Voir plus1699                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1700        <path fill="currentColor"1701              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"/>1702    </svg>1703            </a>1704        </p>1705    </div>1706</div>1707                                                    <div class="bg-white">1708    <div>1709                    <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"1710                 class="w-full block h-40 object-center object-cover"/>1711            </div>1712    <div class="border-t-2 border-blue p-3">1713        <h5 class="">Le Brave 2</h5>1714        <p class="-small pt-2">1715                            1716            1717            <a class="inline text-blue font-semibold" href="/projets/le-brave-2">1718                Voir plus1719                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1720        <path fill="currentColor"1721              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"/>1722    </svg>1723            </a>1724        </p>1725    </div>1726</div>1727                                                    <div class="bg-white">1728    <div>1729                    <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"1730                 class="w-full block h-40 object-center object-cover"/>1731            </div>1732    <div class="border-t-2 border-blue p-3">1733        <h5 class="">Galiléo 5</h5>1734        <p class="-small pt-2">1735                            1736            1737            <a class="inline text-blue font-semibold" href="/projets/galileo-5">1738                Voir plus1739                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1740        <path fill="currentColor"1741              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"/>1742    </svg>1743            </a>1744        </p>1745    </div>1746</div>1747                                                    <div class="bg-white">1748    <div>1749                    <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"1750                 class="w-full block h-40 object-center object-cover"/>1751            </div>1752    <div class="border-t-2 border-blue p-3">1753        <h5 class="">Place du Chateau</h5>1754        <p class="-small pt-2">1755                            1756            1757            <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">1758                Voir plus1759                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1760        <path fill="currentColor"1761              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"/>1762    </svg>1763            </a>1764        </p>1765    </div>1766</div>1767                                            </div>1768                </div>1769                        <p class="text-white text-center py-3 -small">1770                Tous droits réservés &copy; 2026 – Logis Experts – Réalisé par <a1771                    class="inline-block text-white"1772                    target="_blank"1773                    href="https://hebertcommunication.com">Hebertcommunication.com</a>1774                <span class="hidden">1775                    Code: <a1776                        class="inline-block font-semibold text-gray-500 "1777                        target="_blank"1778                        href="https://gilcode.com">Gilcode</a>1779                </span>1780            </p>1781        </div>1782    </div>1783    <div class="bg-gray-700 w-full py-6 md:py-3 p-3">1784        <div class="w-full">1785            <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">1786                <nav>1787                    <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">1788                                                    <li>1789                                <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1790                                   aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"1791                                   href="https://logis-experts.com/pages/protection">1792                                    POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS1793                                </a>1794                            </li>1795                                              <!--  <li>1796                            <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1797                               aria-label="Politique de confidentialité"1798                               href="/politique">1799                                Politique de confidentialité1800                            </a>1801                        </li> -->1802                    </ul>1803                </nav>1804                <nav>1805                    <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">1806                        <li>1807                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1808                               aria-label="Mes favoris"1809                               href="/favoris">1810                                <svg  class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1811        <path fill="currentColor"1812              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"/>1813    </svg>1814                                Mes favoris1815                            </a>1816                        </li>1817                        <!--  <li>1818                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1819                               aria-label="Partager"1820                               href="/share">1821                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1822        <path fill="currentColor"1823              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"/>1824    </svg>18251826                        Partager1827                    </a>1828                </li> -->1829                        <li>1830                            <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"1831                               aria-label="Imprimer"1832                               onclick="window.print()"1833                            >1834                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1835        <path fill="currentColor"1836              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"/>1837    </svg>1838                                <span class="block md:hidden">1839                                    Imprimer1840                                </span>1841                            </button>1842                        </li>1843                    </ul>1844                </nav>1845            </div>1846        </div>1847    </div>1848</footer>1849<div class="js-cookie-consent cookie-consent  | fixed bottom-0 inset-x-0 z-10" style="display: none;">1850        <div class="p-4 bg-white shadow-xl borrder-t border-white">1851            <div class="flex items-center justify-center sm:space-x-6 flex-wrap">1852                <div class="">1853                    <p class="cookie-consent__message | text-blue text-center -small font-semibold">1854                        Ce site nécessite l'autorisation de cookies pour fonctionner correctement.1855                    </p>1856                </div>1857                <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">1858                    <button class="js-cookie-accept | cookie-consent__agree  | btn -border -small">1859                        Accepter1860                    </button>1861                    <button class="js-cookie-refuse | cookie-consent__refuse  | btn -text">1862                        Refuser1863                    </button>1864                </div>1865            </div>1866        </div>1867    </div>18681869    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>18701871        window.laravelCookieConsent = (function () {1872            const COOKIE_DOMAIN = '.logis-experts.com';18731874            function acceptWithCookies() {1875                setCookie('cookieConsent', "accept", 7300);187618771878                Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {1879                    _node.style.display = 'none';1880                })18811882                hideCookieDialog();1883            }18841885            function refuseWithCookies() {1886                setCookie('cookieConsent', "refuse", 7300);1887                hideCookieDialog();1888            }18891890            function getCookie(name) {1891                const value = `; ${document.cookie}`;1892                const parts = value.split(`; ${name}=`);1893                if (parts.length === 2) {1894                    return parts.pop().split(';').shift();1895                }1896                return null1897            }18981899            function hideCookieDialog() {1900                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1901                    _node.style.display = 'none';1902                })1903            }19041905            function showCookieDialog() {1906                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1907                    _node.style.display = 'block';1908                })1909            }19101911            function setCookie(name, value, expirationInDays) {1912                const date = new Date();1913                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));1914                document.cookie = name + '=' + value1915                    + ';expires=' + date.toUTCString()1916                    + ';domain=' + COOKIE_DOMAIN1917                    + ';path=/'1918                    + ';samesite=lax';1919            }19201921            var currentCookie = getCookie('cookieConsent');1922            if (currentCookie === "accept" || currentCookie === "refuse") {1923                hideCookieDialog();1924            } else {1925                showCookieDialog();1926            }19271928            Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {1929                _btn.addEventListener('click', acceptWithCookies);1930            })19311932            Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {1933                _btn.addEventListener('click', refuseWithCookies);1934            })19351936            return true1937        })();1938    </script>193919401941<div id="modal-container"></div>19421943<template id="google-map-styles">1944    [1945  {1946    &quot;elementType&quot;: &quot;geometry&quot;,1947    &quot;stylers&quot;: [1948      {1949        &quot;color&quot;: &quot;#f5f5f5&quot;1950      }1951    ]1952  },1953  {1954    &quot;elementType&quot;: &quot;labels.icon&quot;,1955    &quot;stylers&quot;: [1956      {1957        &quot;visibility&quot;: &quot;off&quot;1958      }1959    ]1960  },1961  {1962    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1963    &quot;stylers&quot;: [1964      {1965        &quot;color&quot;: &quot;#616161&quot;1966      }1967    ]1968  },1969  {1970    &quot;elementType&quot;: &quot;labels.text.stroke&quot;,1971    &quot;stylers&quot;: [1972      {1973        &quot;color&quot;: &quot;#f5f5f5&quot;1974      }1975    ]1976  },1977  {1978    &quot;featureType&quot;: &quot;administrative.land_parcel&quot;,1979    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1980    &quot;stylers&quot;: [1981      {1982        &quot;color&quot;: &quot;#bdbdbd&quot;1983      }1984    ]1985  },1986  {1987    &quot;featureType&quot;: &quot;poi&quot;,1988    &quot;elementType&quot;: &quot;geometry&quot;,1989    &quot;stylers&quot;: [1990      {1991        &quot;color&quot;: &quot;#eeeeee&quot;1992      }1993    ]1994  },1995  {1996    &quot;featureType&quot;: &quot;poi&quot;,1997    &quot;elementType&quot;: &quot;labels.text.fill&quot;,1998    &quot;stylers&quot;: [1999      {2000        &quot;color&quot;: &quot;#757575&quot;2001      }2002    ]2003  },2004  {2005    &quot;featureType&quot;: &quot;poi.park&quot;,2006    &quot;elementType&quot;: &quot;geometry&quot;,2007    &quot;stylers&quot;: [2008      {2009        &quot;color&quot;: &quot;#e5e5e5&quot;2010      }2011    ]2012  },2013  {2014    &quot;featureType&quot;: &quot;poi.park&quot;,2015    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2016    &quot;stylers&quot;: [2017      {2018        &quot;color&quot;: &quot;#9e9e9e&quot;2019      }2020    ]2021  },2022  {2023    &quot;featureType&quot;: &quot;road&quot;,2024    &quot;elementType&quot;: &quot;geometry&quot;,2025    &quot;stylers&quot;: [2026      {2027        &quot;color&quot;: &quot;#ffffff&quot;2028      }2029    ]2030  },2031  {2032    &quot;featureType&quot;: &quot;road.arterial&quot;,2033    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2034    &quot;stylers&quot;: [2035      {2036        &quot;color&quot;: &quot;#757575&quot;2037      }2038    ]2039  },2040  {2041    &quot;featureType&quot;: &quot;road.highway&quot;,2042    &quot;elementType&quot;: &quot;geometry&quot;,2043    &quot;stylers&quot;: [2044      {2045        &quot;color&quot;: &quot;#dadada&quot;2046      }2047    ]2048  },2049  {2050    &quot;featureType&quot;: &quot;road.highway&quot;,2051    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2052    &quot;stylers&quot;: [2053      {2054        &quot;color&quot;: &quot;#616161&quot;2055      }2056    ]2057  },2058  {2059    &quot;featureType&quot;: &quot;road.local&quot;,2060    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2061    &quot;stylers&quot;: [2062      {2063        &quot;color&quot;: &quot;#9e9e9e&quot;2064      }2065    ]2066  },2067  {2068    &quot;featureType&quot;: &quot;transit.line&quot;,2069    &quot;elementType&quot;: &quot;geometry&quot;,2070    &quot;stylers&quot;: [2071      {2072        &quot;color&quot;: &quot;#e5e5e5&quot;2073      }2074    ]2075  },2076  {2077    &quot;featureType&quot;: &quot;transit.station&quot;,2078    &quot;elementType&quot;: &quot;geometry&quot;,2079    &quot;stylers&quot;: [2080      {2081        &quot;color&quot;: &quot;#eeeeee&quot;2082      }2083    ]2084  },2085  {2086    &quot;featureType&quot;: &quot;water&quot;,2087    &quot;elementType&quot;: &quot;geometry&quot;,2088    &quot;stylers&quot;: [2089      {2090        &quot;color&quot;: &quot;#c0e3f2&quot;2091      }2092    ]2093  },2094  {2095    &quot;featureType&quot;: &quot;water&quot;,2096    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2097    &quot;stylers&quot;: [2098      {2099        &quot;color&quot;: &quot;#9e9e9e&quot;2100      }2101    ]2102  }2103]21042105</template>21062107<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>2108<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>2109<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>2110<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>2111<script2112    src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&region=CA&language=fr&libraries=places&callback=initMap">2113</script>21142115</body>2116</html>2117