SPB Git

spb/lou-ka Public

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

HTML 99.7%
207.3 KB · 2,553 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 | 396-398 Rue Saint-Vallier 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 à 396-398 Rue Saint-Vallier Ouest — 398 Rue Saint-Vallier O #396, Québec, QC G1K 1K6, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest" />1415<meta property="og:title" content="Logis-Experts | 396-398 Rue Saint-Vallier Ouest"/>16<meta property="og:description" content="Appartements disponibles à 396-398 Rue Saint-Vallier Ouest — 398 Rue Saint-Vallier O #396, Québec, QC G1K 1K6, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/396-398-rue-saint-vallier-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 | 396-398 Rue Saint-Vallier Ouest" />26<meta name="twitter:description" content="Appartements disponibles à 396-398 Rue Saint-Vallier Ouest — 398 Rue Saint-Vallier O #396, Québec, QC G1K 1K6, 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/396-398-rue-saint-vallier-ouest",36            "url": "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest",37            "name": "Logis-Experts | 396-398 Rue Saint-Vallier 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:16+00:00",43            "breadcrumb": {44                "@id": "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest/#breadcrumb"45            },46            "inLanguage": "fr-CA",47            "potentialAction": [48                {49                    "@type": "ReadAction",50                    "target": [51                        "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest"52                    ]53                }54            ]55        },56        {57            "@type": "BreadcrumbList",58            "@id": "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-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 396-398 Rue Saint-Vallier Ouest",76                    "item": "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest"77                },78                {79                    "@type": "ListItem",80                    "position": 4,81                    "name": "Appartement #396-1",82                    "item": "https://logis-experts.com/immeuble/396-398-rue-saint-vallier-ouest/appartement/396-1"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('396-398-rue-saint-vallier-ouest','2', '396-1', '[{&quot;id&quot;:751,&quot;uuid&quot;:&quot;5c298b37-aeb4-4583-bf07-5c93709e893d&quot;,&quot;level&quot;:1,&quot;floor_plan_id&quot;:5480,&quot;building_id&quot;:235,&quot;created_at&quot;:&quot;2025-06-05T06:01:17.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-06-05T06:01:17.000000Z&quot;},{&quot;id&quot;:793,&quot;uuid&quot;:&quot;a2778e88-0aec-44cc-a057-09327ce00aa7&quot;,&quot;level&quot;:2,&quot;floor_plan_id&quot;:5602,&quot;building_id&quot;:235,&quot;created_at&quot;:&quot;2025-06-05T06:01:17.000000Z&quot;,&quot;updated_at&quot;:&quot;2025-06-05T06:01:17.000000Z&quot;},{&quot;id&quot;:943,&quot;uuid&quot;:&quot;88c2a5e4-4c28-4cf1-b551-5ca8716a1f4d&quot;,&quot;level&quot;:3,&quot;floor_plan_id&quot;:7469,&quot;building_id&quot;:235,&quot;created_at&quot;:&quot;2026-07-07T06:01:25.000000Z&quot;,&quot;updated_at&quot;:&quot;2026-07-07T06:01:25.000000Z&quot;}]', '[&quot;396-1&quot;]', '[]')">458        <div class="relative">459                            <div class="p-building__slider | w-full">460                    <div class="h-full w-full flex flex-col justify-start items-start">461    <div class="c_slider_images swiper | flex-1 w-full "462         x-data="sliderImages(1,2.5,1, 1, 1, 1)">463        <div class="swiper-wrapper">464                            <div class="swiper-slide">465                    <img alt="Logis-Experts - Immeubles - 396-398 Rue Saint-Vallier 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-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4.jpg"/>468                    <div class="swiper-lazy-preloader"></div>469                </div>470                    </div>471472                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"473                @click.stop.prevent="goPrev">474            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">475        <path fill="currentColor"476              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>477    </svg>478        </button>479        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"480                @click.stop.prevent="goNext">481            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">482        <path fill="currentColor"483              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>484    </svg>485        </button>486    </div>487488    </div>489                </div>490                        <div class="p-building__popup-contact">491                <div class="u-polygon-bg-parent -shadow-xl">492                    <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">493    <h4>494        Rejoindre l'équipe de location495    </h4>496497    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"498          action="/api/globals/apartments/contact-form" method="post">499        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="235"/>500        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>501502503        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">504            <div class="c_select h-[40.5px]">505                <select name="salutation" class="w-full" value="M." required>506                    <option value="M.">M.</option>507                    <option value="Mme">Mme</option>508                    <option value="Mlle">Mlle</option>509                    <option value="Dr">Dr</option>510                    <option value="Pr">Pr</option>511                </select>512            </div>513            <div class="c_input w-full">514                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>515            </div>516            <div class="c_input w-full">517                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>518            </div>519        </div>520521522        <div class="c_input mt-2">523            <input type="email" name="email" value="" required placeholder="Courriel"/>524        </div>525        <div class="c_input mt-2">526            <input type="text" name="phone" value="" placeholder="Téléphone"/>527        </div>528        <div class="c_input mt-2">529            <textarea rows="3" class="resize-none" name="message"530                      placeholder="Message"></textarea>531        </div>532        533        534        <div class="u-flex-end mt-6 w-full">535            <div class="cf-turnstile mb-4"536                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"537                 data-refresh-expired="auto"538                 data-refresh-timeout="auto"539                 data-theme="light">540            </div>541        </div>542        <div class="u-flex-end w-full">543            <button type="submit" class="btn -text">544                Envoyer545                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">546        <path fill="currentColor"547              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>548    </svg>549            </button>550        </div>551    </form>552</div>553                </div>554            </div>555        </div>556        <div class="w-full bg-gray-300 p-2 overflow-hidden">557        <div class="container w-full">558            <ul class="xs:flex flex-row justify-start items-center">559                                    <li>560                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"561                           href="/">562                            Accueil563                                                            &nbsp;|&nbsp;564                                                    </a>565                    </li>566                                    <li>567                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"568                           href="/appartements">569                            Appartements570                                                            &nbsp;|&nbsp;571                                                    </a>572                    </li>573                                    <li>574                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"575                           href="/immeuble/396-398-rue-saint-vallier-ouest">576                            Immeuble 396-398 Rue Saint-Vallier Ouest577                                                            &nbsp;|&nbsp;578                                                    </a>579                    </li>580                                    <li>581                        <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"582                           href="/immeuble/396-398-rue-saint-vallier-ouest/appartement/396-1">583                            Appartement #396-1584                                                    </a>585                    </li>586                            </ul>587        </div>588    </div>589        <div class="container w-full py-12">590            <div class="flex flex-col-reverse md:flex-row justify-between items-start md:items-center">591                <div>592                    <h5>Appartements</h5>593                    <h1 class="h3 font-extrabold" itemprop="name">396-398 Rue Saint-Vallier Ouest</h1>594                </div>595                <div class="mb-4 md:mb-0">596                    <a class="btn -border" href="">597                        <svg  class="-arrow-bold block w-4 transform rotate-180 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">598        <path fill="currentColor"599              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>600    </svg>601                        Retour aux appartements602                    </a>603                </div>604            </div>605                        <div class="w-full flex flex-wrap md:flex-nowrap flex-row justify-between items-center my-6">606                                <div class="w-full ">607                    <div class="border-b border-gray-300 pb-8 u-flex-start gap-2">608                        <svg  class="w-8 h-auto block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">609        <path fill="currentColor"610              d="M20.19,6A8.24,8.24,0,0,0,12,5.78a6.8,6.8,0,0,0-3,3,8.26,8.26,0,0,0,0,7.94.16.16,0,0,0,0,.07l5.56,9.64a1.54,1.54,0,0,0,2.67,0l5.57-9.64,0-.07A7.94,7.94,0,0,0,20.19,6ZM22,16.27a.16.16,0,0,0,0,.07l-5.52,9.57a.53.53,0,0,1-.47.27.51.51,0,0,1-.47-.27L10,16.33l0-.06a7.18,7.18,0,0,1,0-7.06,5.77,5.77,0,0,1,2.55-2.53,7.25,7.25,0,0,1,7.18.18A6.94,6.94,0,0,1,23,12.79,7,7,0,0,1,22,16.27ZM16,8.64a4.15,4.15,0,1,0,4.14,4.15A4.15,4.15,0,0,0,16,8.64Zm0,7.29a3.15,3.15,0,1,1,3.14-3.14A3.15,3.15,0,0,1,16,15.93Z"/>611    </svg>612                        <div class="">613                            <p class="">614                                398 Rue Saint-Vallier O #396, Québec, QC G1K 1K6, Canada615                            </p>616                                                            <p class="-small">617                                    (Quartier: Saint-Sauveur)618                                </p>619                                                    </div>620                    </div>621                    <div class="border-b border-gray-300 py-8">622623                        <div class="md:flex flex-row justify-between items-center md:space-x-6">624                            <div class="md:flex flex-row justify-start items-center md:space-x-6">625                                                                    <div class="u-flex-start">626                                        <svg  class="text-gray-400 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">627        <path fill="currentColor"628              d="M23.79,7.35H20.74V6.25a.45.45,0,1,0-.89,0v1.1h-7.7V6.25a.45.45,0,1,0-.89,0v1.1h-3A2.67,2.67,0,0,0,5.55,10V23.54A2.67,2.67,0,0,0,8.21,26.2H23.79a2.67,2.67,0,0,0,2.66-2.66V10A2.67,2.67,0,0,0,23.79,7.35Zm1.76,16.19a1.76,1.76,0,0,1-1.76,1.76H8.21a1.76,1.76,0,0,1-1.76-1.76V10A1.76,1.76,0,0,1,8.21,8.25h3v1.1a.45.45,0,1,0,.89,0V8.25h7.7v1.1a.45.45,0,1,0,.89,0V8.25h3.05A1.76,1.76,0,0,1,25.55,10Zm-.83-12.18H7.25a.45.45,0,1,0,0,.89H24.72a.45.45,0,1,0,0-.89Zm-1.83,3H20.3a.45.45,0,0,0-.45.45v2.6a.45.45,0,0,0,.89,0V15.29h2.15a.45.45,0,1,0,0-.9Zm-5.59,0H14.7a.45.45,0,0,0-.44.45v2.6a.45.45,0,0,0,.89,0V15.29H17.3a.45.45,0,0,0,0-.9Zm-5.6,0H9.11a.45.45,0,0,0-.45.45v2.6a.45.45,0,0,0,.89,0V15.29H11.7a.45.45,0,1,0,0-.9Zm5.6,5.28H14.7a.45.45,0,0,0-.44.45v2.59a.45.45,0,1,0,.89,0V20.57H17.3a.45.45,0,0,0,0-.9Zm5.59,0H20.3a.45.45,0,0,0-.45.45v2.59a.45.45,0,1,0,.89,0V20.57h2.15a.45.45,0,1,0,0-.9Zm-11.19,0H9.11a.45.45,0,0,0-.45.45v2.59a.45.45,0,1,0,.89,0V20.57H11.7a.45.45,0,1,0,0-.9Z"/>629    </svg>630                                        <p class="-small font-regular ">631                                            Disponible à partir632                                            du 1 juillet 2026633                                        </p>634                                    </div>635                                                                                                    <div class="u-flex-start mt-3 md:mt-0">636                                        <svg  class="text-gray-500 block w-8 h-auto mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">637        <path fill="currentColor"638              d="M14.42,13.05a4.53,4.53,0,1,0,4.52,4.53A4.54,4.54,0,0,0,14.42,13.05Zm0,8.06a3.53,3.53,0,1,1,3.52-3.53A3.53,3.53,0,0,1,14.42,21.11Zm-.08-4.76a.69.69,0,0,1,.79.38.51.51,0,0,0,.65.29.5.5,0,0,0,.29-.64A1.52,1.52,0,0,0,15,15.44V15a.5.5,0,0,0-.5-.5.51.51,0,0,0-.5.5v.45A1.35,1.35,0,0,0,13,16.71c0,.66.54,1.13,1.45,1.28.45.07.72.25.7.47a.5.5,0,0,1-.59.36c-.66,0-.78-.43-.78-.43a.51.51,0,0,0-.59-.4.49.49,0,0,0-.39.59A1.65,1.65,0,0,0,14,19.75v.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5v-.43a1.46,1.46,0,0,0,1.1-1.2c.06-.65-.39-1.38-1.54-1.56-.39-.06-.61-.2-.61-.28C14,16.46,14.2,16.38,14.34,16.35Zm9.27-5H5.23a.93.93,0,0,0-.93.93V22.84a.93.93,0,0,0,.93.93H23.61a.93.93,0,0,0,.93-.93V12.32A.93.93,0,0,0,23.61,11.39Zm-18.38,1H7.49a2.7,2.7,0,0,1-2.24,2.35ZM5.3,22.84V20.59a2.73,2.73,0,0,1,2.19,2.24Zm18.24-.07H21.36a2.73,2.73,0,0,1,2.18-2.19Zm0-3.18a3.71,3.71,0,0,0-3.18,3.19l-11.88,0a3.7,3.7,0,0,0-3.2-3.24l0-3.85a3.7,3.7,0,0,0,3.24-3.36l11.87,0a3.71,3.71,0,0,0,3.18,3.23Zm0-5a2.72,2.72,0,0,1-2.18-2.24h2.18ZM25.1,9.81H6.91a.51.51,0,0,0-.5.5.5.5,0,0,0,.5.5l18.21,0V21.15a.5.5,0,0,0,1,0V10.84A1,1,0,0,0,25.1,9.81Zm1.54-1.58H8.5a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5l18.2.06V19.57a.5.5,0,0,0,1,0V9.29A1.07,1.07,0,0,0,26.64,8.23Z"/>639    </svg>640                                        <p class="text-gray-500 -small font-semibold">641                                            À partir de 1595$ par mois642                                        </p>643644                                    </div>645                                                            </div>646                            <div class="mt-8 md:mt-0">647                                <div class="flex flex-row justify-start items-center space-x-3">648    <div data-tippy-content="Ajouter à vos favoris">649        <div class="bg-blue-100 p-1 rounded-full u-flex-center cursor-pointer w-40px h-40px"650     x-data="favoriteBuilding(235)" @click="onClick">651    <svg :class="isFavorite ? 'hidden' : ''" class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">652        <path fill="currentColor"653              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>654    </svg>655    <svg :class="isFavorite ? '' : 'hidden'" x-cloak class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">656        <path fill="currentColor"657              d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.79-10.21,11.13A.46.46,0,0,1,15.9,25.62Z"/>658    </svg>659</div>660    </div>661662    <div data-tippy-content="Partager sur facebook">663        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareOnFacebook">664            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">665        <path fill="currentColor"666              d="M16,5.43A8.84,8.84,0,0,0,9.14,19.85a5.39,5.39,0,0,1-1.78,2.31.4.4,0,0,0-.16.39.42.42,0,0,0,.27.33,6.13,6.13,0,0,0,5-.48,8.74,8.74,0,0,0,3.5.72A8.85,8.85,0,0,0,16,5.43ZM16,22.3a7.87,7.87,0,0,1-3.35-.74.42.42,0,0,0-.39,0,5.32,5.32,0,0,1-2.8.8,4.62,4.62,0,0,1-1-.1A5.93,5.93,0,0,0,10,19.91a.43.43,0,0,0-.07-.41A8,8,0,1,1,16,22.3Zm2.37-10.64H17.2v-.38a.35.35,0,0,1,0-.06h1.13a.41.41,0,0,0,.41-.41V9.11a.41.41,0,0,0-.41-.41H16.81a2.35,2.35,0,0,0-2.5,2.49v.48h-.57a.42.42,0,0,0-.41.42v2a.42.42,0,0,0,.41.41h.58V19a.41.41,0,0,0,.41.41h2a.41.41,0,0,0,.42-.41V14.47h1.06a.4.4,0,0,0,.4-.38l.18-2a.36.36,0,0,0-.1-.31A.41.41,0,0,0,18.37,11.66Zm-.56,2h-1.1a.41.41,0,0,0-.41.41V18.6H15.15V14.06a.41.41,0,0,0-.42-.41h-.57V12.49h.57a.42.42,0,0,0,.41-.41v-.9a1.52,1.52,0,0,1,1.67-1.66h1.12v.88h-.7a.82.82,0,0,0-.85.88v.8a.41.41,0,0,0,.41.41h1.12Z"/>667    </svg>668        </div>669    </div>670    <div data-tippy-content="Partager par courriel">671        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareByEmail">672            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">673        <path fill="currentColor"674              d="M25.09,7.11a.37.37,0,0,0-.19-.33.39.39,0,0,0-.38,0L7,17.77a.38.38,0,0,0-.17.38.37.37,0,0,0,.29.3l5.94,1.26L14.82,25a.57.57,0,0,0,.5.29.39.39,0,0,0,.15,0c.06,0,.1-.06.15-.09s.09.06.14.06a.37.37,0,0,0,.27-.12l3.78-3.95,4.89,1A.34.34,0,0,0,25,22.1a.37.37,0,0,0,.14-.29Zm-9.77,17L13.8,19.49l7.81-7.8L16.66,20a.06.06,0,0,1,0,0,.05.05,0,0,0,0,0Zm.87-.28,1-3.24L19,21ZM20,20.41h0a.35.35,0,0,0-.35-.07l-2.07-.44,5.12-8.57a.65.65,0,0,0-.16-.84.63.63,0,0,0-.85.06L13.25,19l-5-1.07L24.34,7.79l.06,13.55Z"/>675    </svg>676        </div>677    </div>678    <div data-tippy-content="Copier l'URL">679        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="copyURL">680            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">681        <path fill="currentColor"682              d="M23.11,11.06H20.94V9.28a2.17,2.17,0,0,0-2.17-2.17H9.28A2.17,2.17,0,0,0,7.11,9.28v9.49a2.17,2.17,0,0,0,2.17,2.17h1.78v2.17a1.78,1.78,0,0,0,1.77,1.78H23.11a1.78,1.78,0,0,0,1.78-1.78V12.83A1.78,1.78,0,0,0,23.11,11.06ZM9.28,19.75a1,1,0,0,1-1-1V9.28a1,1,0,0,1,1-1h9.5a1,1,0,0,1,1,1v1.78H12.83a1.78,1.78,0,0,0-1.77,1.77v6.92ZM23.7,23.11a.58.58,0,0,1-.59.59H12.83a.59.59,0,0,1-.6-.59h0V12.83a.6.6,0,0,1,.6-.6H23.11a.59.59,0,0,1,.59.6h0Z"/>683    </svg>684        </div>685    </div>686    <div data-tippy-content="Imprimer">687        <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="printPDF">688            <svg  class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">689        <path fill="currentColor"690              d="M10.73,11.55a.5.5,0,0,0,.5-.5V7.61h9.53v3.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V7.11a.5.5,0,0,0-.5-.5H10.73a.5.5,0,0,0-.5.5v3.94A.5.5,0,0,0,10.73,11.55Zm12.92.14H8.35A1.31,1.31,0,0,0,7,13v8.54a1.31,1.31,0,0,0,1.31,1.31H9.6a.5.5,0,1,0,0-1H8.35A.31.31,0,0,1,8,21.54V13a.31.31,0,0,1,.31-.31h15.3A.31.31,0,0,1,24,13v8.54a.31.31,0,0,1-.31.31H22.4a.5.5,0,0,0,0,1h1.25A1.31,1.31,0,0,0,25,21.54V13A1.31,1.31,0,0,0,23.65,11.69Zm-2.39,4.45H10.73a.51.51,0,0,0-.5.5v8.25a.5.5,0,0,0,.5.5H21.26a.5.5,0,0,0,.5-.5V16.64A.5.5,0,0,0,21.26,16.14Zm-.5,8.25H11.23V17.14h9.53Zm-7.54-1.82h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,22.57Zm0-2.61h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,20Zm8.39-5a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H20.06a.5.5,0,0,0-.5.5.51.51,0,0,0,.5.5Z"/>691    </svg>692        </div>693    </div>694</div>695                            </div>696                        </div>697                    </div>698                </div>699            </div>700            <div class="py-12">701                <h4>702                    Plan des immeubles et détails des appartements703                </h4>704                <div class="flex flex-row flex-wrap justify-between items-stretch mt-6">705                    <div class="w-full md:w-1/2 md:pr-12">706                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">707                            708                                                            <h6 class="text-left">709                                    Plan de l'immeuble710                                </h6>711                                                        <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">712713                                                                <div class="w-full h-full flex-1">714                                                                                                                                                            <div class="w-full h-full pointer-events-none"715                                                 :class="buildingFloorPlan === 'building' ? '' : 'hidden'">716                                                <?xml version="1.0" encoding="UTF-8"?>717<svg id="edifice" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600">718  <defs>719    <clipPath id="55a58270-3675-4717-aeeb-5db79b9fc4e1">720      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>721    </clipPath>722    <clipPath id="bd9c8968-1471-4a20-8f33-55b3327e2c39">723      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>724    </clipPath>725  </defs>726  <g id="plan">727    <g id="rose-de-vents">728      <g clip-path="url(#55a58270-3675-4717-aeeb-5db79b9fc4e1)">729        <g clip-path="url(#55a58270-3675-4717-aeeb-5db79b9fc4e1-1)">730          <path d="M723.93,78.5h-.01c-9.93-9.17-10.56-24.7-1.4-34.64,4.44-4.81,10.48-7.61,17.02-7.87,6.53-.27,12.78,2.03,17.59,6.46h.01c4.81,4.45,7.61,10.5,7.87,17.04.26,6.54-2.03,12.79-6.47,17.6-9.15,9.93-24.68,10.56-34.61,1.42M756.78,42.81c-4.71-4.34-10.83-6.58-17.23-6.32-6.41.26-12.33,3-16.67,7.71-8.97,9.73-8.36,24.95,1.37,33.92h.01c9.73,8.97,24.94,8.35,33.91-1.38,4.35-4.71,6.6-10.84,6.34-17.24-.26-6.41-3-12.33-7.71-16.67h-.01Z"/>731          <rect x="738.98" y="23.29" width=".5" height="10.5" transform="translate(-.55 29.95) rotate(-2.32)"/>732          <rect x="703.34" y="61.52" width="10.5" height=".5" transform="translate(-1.95 29.31) rotate(-2.37)"/>733          <rect x="741.57" y="87.15" width=".5" height="10.5" transform="translate(-3.13 30.11) rotate(-2.32)"/>734          <rect x="767.21" y="58.93" width="10.5" height=".5" transform="translate(-1.78 31.95) rotate(-2.37)"/>735          <polygon points="743.9 63.58 759.17 59.72 743.64 57.1 739.77 41.83 737.15 57.36 721.89 61.23 737.41 63.85 741.28 79.11 743.9 63.58"/>736          <polygon points="740.32 52.51 761.8 37.23 740.63 60.19 740.32 52.51" fill="#fff"/>737          <path d="M760.95,37.98l-20.22,21.93-.3-7.33,20.52-14.59ZM762.64,36.49l-22.44,15.96.33,8.02,22.11-23.98Z"/>738          <polygon points="762.64 36.49 748.55 60.15 740.53 60.47 762.64 36.49"/>739          <polygon points="717.29 39.2 740.24 60.37 732.57 60.68 717.29 39.2" fill="#fff"/>740          <path d="M739.96,60.26l-7.33.3-14.59-20.51,21.93,20.22ZM740.53,60.47l-23.98-22.11,15.96,22.44,8.02-.33Z"/>741          <polygon points="716.55 38.36 740.2 52.45 740.53 60.47 716.55 38.36"/>742          <polygon points="740.42 60.76 740.73 68.43 719.26 83.71 740.42 60.76" fill="#fff"/>743          <path d="M740.32,61.04l.3,7.33-20.51,14.59,20.22-21.93ZM740.53,60.47l-22.11,23.98,22.44-15.96-.33-8.02Z"/>744          <polygon points="718.42 84.45 732.51 60.8 740.53 60.47 718.42 84.45"/>745          <polygon points="740.81 60.58 748.49 60.27 763.76 81.74 740.81 60.58" fill="#fff"/>746          <path d="M748.43,60.38l14.59,20.51-21.93-20.22,7.33-.3ZM748.55,60.15l-8.02.33,23.98,22.11-15.96-22.44Z"/>747          <polygon points="764.51 82.58 740.85 68.49 740.53 60.47 764.51 82.58"/>748          <path d="M710.05,37.86c-.91-.84-1.38-1.75-1.42-2.74-.04-.99.41-1.99,1.36-3.02.4-.44.85-.77,1.33-1.01.48-.24.98-.37,1.48-.4.5-.03,1,.05,1.5.23.49.18.96.47,1.39.87.42.39.75.82.97,1.28.22.47.34.95.36,1.44s-.08.99-.28,1.49c-.2.5-.5.97-.92,1.42-.46.5-.95.88-1.46,1.12-.51.25-1.01.38-1.52.4-.51.02-1-.07-1.48-.26-.48-.19-.92-.47-1.31-.83M710.41,37.52c.29.26.6.42.96.47.35.05.72.02,1.1-.09.38-.11.75-.28,1.13-.53.37-.25.72-.55,1.04-.89s.58-.69.82-1.07c.24-.38.4-.76.5-1.14.09-.38.1-.75,0-1.12-.09-.37-.31-.7-.64-1.01-.31-.29-.66-.46-1.03-.51-.37-.05-.74-.02-1.12.1-.38.12-.75.31-1.11.56-.37.26-.7.55-1,.88-.32.35-.6.71-.84,1.09-.24.38-.4.75-.49,1.12s-.08.74.01,1.11c.1.37.32.71.68,1.04"/>749          <path d="M766.18,28.42c.18-.19.26-.4.25-.63,0-.23-.15-.49-.42-.79-.03-.03-.04-.06-.02-.11s.04-.09.07-.12.07-.06.11-.08c.04-.02.08,0,.11.03.07.06.18.17.33.3.15.14.3.28.45.44.15.15.28.3.39.43.11.13.17.23.16.28l-.33,7.37c0,.14.05.16.14.05l1.96-2.12c.09-.09.19-.21.31-.34s.25-.28.37-.42c.12-.14.23-.28.33-.41.1-.13.18-.24.22-.33.05-.11.08-.21.1-.28.02-.08.01-.15-.01-.22-.02-.07-.07-.14-.14-.22-.06-.08-.14-.17-.23-.27-.03-.03-.04-.06-.02-.11.02-.05.04-.09.07-.12s.07-.06.1-.08c.04-.02.07-.01.11.02.14.13.28.27.42.44s.3.32.46.47c.15.14.31.27.47.38.16.12.34.26.52.43.04.03.05.07.04.12,0,.04-.03.08-.06.12-.03.04-.07.06-.12.08-.04.02-.09,0-.12-.02-.11-.08-.21-.15-.27-.2-.07-.05-.13-.08-.2-.1-.06-.02-.14-.02-.22,0-.08.02-.18.06-.32.12-.09.04-.2.12-.33.22-.13.11-.26.22-.4.35-.14.13-.27.27-.4.4-.13.14-.24.26-.34.36l-3.46,3.75s-.05.02-.09,0c-.04-.02-.09-.04-.13-.08-.05-.04-.09-.08-.12-.12-.04-.04-.05-.08-.05-.11l.35-7.86c0-.09-.01-.15-.04-.17-.03-.02-.07,0-.14.08l-2.91,3.16c-.19.21-.33.39-.4.53-.08.14-.11.28-.09.39.02.12.06.23.14.34.08.11.18.24.29.38.03.04.04.08.03.12,0,.05-.03.08-.07.12-.03.03-.07.05-.12.07-.04.01-.08,0-.12-.03-.13-.12-.26-.26-.39-.42-.14-.16-.31-.34-.52-.53-.22-.2-.42-.37-.61-.51-.19-.14-.34-.26-.46-.37-.03-.03-.04-.06-.03-.11.01-.05.03-.09.06-.12.03-.04.06-.06.11-.08.05-.01.09,0,.13.02.17.12.31.22.43.29.12.07.24.11.35.11.11,0,.23-.04.36-.13.13-.09.3-.24.49-.45l3.44-3.73Z"/>750          <path d="M772.16,84.61s.08.09.12.14c.03.05,0,.11-.08.18-.07.05-.14.12-.22.2s-.15.16-.22.24c-.24.26-.46.51-.65.75-.02.02-.05.03-.09.02-.04-.01-.08-.03-.11-.06-.04-.03-.07-.06-.09-.1-.02-.04-.02-.08,0-.12.17-.26.29-.48.37-.64.08-.16.11-.31.1-.45-.01-.13-.07-.27-.18-.4-.11-.13-.26-.29-.46-.49l-.52-.48c-.15-.14-.27-.25-.37-.32-.09-.08-.19-.12-.27-.13-.09-.01-.18.02-.27.08-.09.07-.2.17-.34.31l-1.4,1.52c-.08.08-.11.15-.1.19,0,.05.03.08.06.11.27.25.49.43.66.55.18.12.33.18.46.19.13.01.26-.02.38-.1.12-.07.26-.18.42-.32.04-.03.08-.04.13-.03.04,0,.08.03.12.06s.06.07.07.11c.01.04,0,.08-.03.12-.09.09-.16.17-.24.24-.07.07-.14.13-.22.2-.07.07-.15.14-.22.21-.08.07-.16.16-.26.26-.16.17-.3.34-.41.5s-.26.34-.45.54c-.03.03-.06.04-.1.02-.04-.01-.08-.03-.11-.07-.03-.03-.06-.07-.07-.11-.02-.04-.01-.08.01-.12.14-.18.24-.34.31-.47.07-.13.09-.26.06-.38-.03-.13-.11-.27-.24-.43-.13-.16-.33-.36-.6-.61-.03-.03-.07-.04-.12-.05-.05,0-.1.02-.16.09l-1.05,1.14c-.17.18-.3.35-.4.51-.09.15-.15.3-.18.43-.03.13-.02.26,0,.37.03.12.08.24.17.36.06.09.14.19.24.29.09.1.19.2.3.31.14.13.27.24.41.34.13.1.24.17.33.2.15.07.29.12.42.15.13.03.25.04.38.01.13-.02.26-.07.4-.15.14-.08.3-.19.49-.35.04-.03.08-.03.12-.01.05.02.09.05.13.09s.07.08.09.13c.02.05,0,.08-.03.11-.25.21-.49.42-.7.61-.22.19-.43.4-.62.62-.02.02-.05.03-.1.04-.05,0-.12-.02-.21-.1l-3.15-2.9c-.22-.2-.44-.4-.66-.58-.22-.18-.42-.35-.6-.49-.04-.04-.07-.09-.07-.13s.02-.09.05-.14c.03-.04.07-.07.12-.08.05,0,.11,0,.16.05.15.11.29.2.42.25.13.06.25.09.37.09.12,0,.24-.03.35-.1.12-.06.24-.17.38-.31l3.08-3.34c.12-.13.23-.25.33-.38.1-.13.19-.26.26-.39.07-.13.1-.26.11-.39,0-.13-.02-.26-.1-.38-.05-.08-.1-.15-.16-.23-.06-.08-.12-.15-.17-.21-.04-.03-.05-.07-.04-.12,0-.04.03-.08.06-.12s.07-.06.11-.07c.04-.01.08,0,.12.03.2.18.37.35.51.5.15.16.32.33.53.52l3.11,2.87Z"/>751          <path d="M715.35,85.97c-.16.17-.26.35-.29.54-.04.18-.04.37,0,.56.04.19.1.37.18.56.08.19.16.37.23.54.12.31.24.62.35.93.11.32.18.63.21.94.03.31,0,.62-.08.93-.09.31-.27.61-.55.91s-.57.5-.89.59c-.31.09-.63.11-.95.05s-.63-.17-.93-.34c-.3-.17-.58-.37-.83-.6-.16-.15-.32-.34-.48-.58-.16-.24-.27-.48-.35-.73-.02-.04-.03-.08-.05-.11-.01-.04-.04-.07-.08-.11-.04-.04-.1-.06-.18-.07-.08,0-.17.01-.29.07-.05.02-.09.02-.13,0-.04-.02-.07-.04-.1-.07-.03-.03-.05-.07-.05-.1,0-.04,0-.07.03-.09.13-.11.28-.23.43-.37.15-.13.29-.27.43-.42.14-.15.27-.3.4-.46.13-.16.26-.33.39-.51.03-.04.06-.06.11-.05.05,0,.09.02.13.05.04.03.07.07.08.11.02.04.01.09-.01.13-.18.27-.32.54-.4.82-.09.28-.12.55-.11.81.01.26.07.51.18.75.11.24.26.45.47.64.16.14.33.26.51.35.18.09.37.14.55.16.19.02.37,0,.54-.07.18-.06.34-.17.49-.34.19-.21.31-.43.37-.67.05-.24.07-.48.04-.71-.03-.24-.09-.47-.17-.7-.08-.23-.17-.45-.25-.65-.11-.26-.22-.53-.32-.8-.11-.27-.17-.53-.2-.8-.03-.27,0-.54.07-.8.08-.27.24-.54.49-.81.26-.28.53-.46.81-.54.29-.08.57-.1.87-.04.29.06.58.16.87.33.28.17.55.37.81.6.16.15.29.29.38.41.09.12.19.27.29.45.05.09.1.17.13.23.04.06.08.11.12.15.07.06.14.08.23.05.03-.01.07,0,.11.01.04.02.07.05.1.08.02.03.04.06.06.09.01.03,0,.06-.02.08-.13.08-.24.16-.35.26-.11.1-.21.2-.31.32-.14.15-.26.3-.35.43-.09.14-.21.29-.36.47-.02.02-.04.02-.08.02-.04,0-.07-.02-.11-.05-.03-.03-.06-.06-.08-.1-.02-.04-.02-.07,0-.11.18-.31.31-.58.39-.81.08-.23.11-.44.1-.62-.02-.19-.09-.37-.2-.54-.12-.17-.28-.35-.49-.54-.14-.13-.3-.24-.46-.32-.16-.08-.33-.13-.5-.15-.17-.02-.33,0-.49.07s-.31.16-.44.31"/>752        </g>753      </g>754    </g>755    <g>756      <rect x="506.02" y="500.44" width="17.97" height="17.97" rx="3.55" ry="3.55" fill="#fff" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>757      <g>758        <g>759          <g>760            <line x1="514.81" y1="514.64" x2="508.93" y2="514.64"/>761            <g>762              <line x1="514.81" y1="514.64" x2="511.32" y2="514.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>763              <polygon points="511.8 512.98 508.93 514.64 511.8 516.3 511.8 512.98"/>764            </g>765          </g>766          <rect x="511.65" y="514.33" width="3.16" height=".61" transform="translate(1026.4556 1029.2719) rotate(-180)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>767        </g>768        <g>769          <g>770            <line x1="515.2" y1="514.64" x2="518.69" y2="514.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>771            <polygon points="518.2 516.3 521.08 514.64 518.2 512.98 518.2 516.3"/>772          </g>773          <rect x="515.2" y="514.33" width="3.16" height=".61" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>774        </g>775      </g>776      <g>777        <path d="M519.59,509.39h-1.57l-1.22-1.84c.05-.15.05-.31-.04-.45l-1.38-2.38h1.18s.03.05.05.07l1.12,1.12c.22.22.57.22.79,0,.22-.22.22-.57,0-.79l-1.12-1.12c-.08-.08-.18-.12-.29-.14-.1-.15-.27-.25-.46-.25h-1.59c-.14,0-.26.05-.36.13-.15-.07-.33-.07-.49.02l-1.08.62c-.22.12-.31.38-.25.61l-1.04,1.22s-.03.06-.05.09h-1.39c-.3,0-.54.24-.54.54s.24.54.54.54h1.74c.22,0,.42-.14.5-.34.03-.02.07-.04.09-.07l.75-.89,1.01,1.74-1.39,1.39c-.16.16-.2.41-.1.61v2.49c0,.36.29.65.65.65s.65-.29.65-.65v-2.47l1.35-1.35s.05-.07.07-.11l1.16,1.75s.04.05.06.08c.04.26.26.46.53.46h2.09c.3,0,.54-.24.54-.54v-.21c0-.3-.24-.54-.54-.54Z"/>778        <circle cx="513.27" cy="502.81" r="1.05"/>779      </g>780    </g>781    <g>782      <rect x="252.45" y="500.44" width="17.97" height="17.97" rx="3.55" ry="3.55" fill="#fff" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>783      <g>784        <g>785          <g>786            <line x1="261.24" y1="514.64" x2="255.36" y2="514.64"/>787            <g>788              <line x1="261.24" y1="514.64" x2="257.75" y2="514.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>789              <polygon points="258.23 512.98 255.36 514.64 258.23 516.3 258.23 512.98"/>790            </g>791          </g>792          <rect x="258.08" y="514.33" width="3.16" height=".61" transform="translate(519.3195 1029.2719) rotate(-180)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>793        </g>794        <g>795          <g>796            <line x1="261.63" y1="514.64" x2="265.12" y2="514.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>797            <polygon points="264.63 516.3 267.51 514.64 264.63 512.98 264.63 516.3"/>798          </g>799          <rect x="261.63" y="514.33" width="3.16" height=".61" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>800        </g>801      </g>802      <g>803        <path d="M266.02,509.39h-1.57l-1.22-1.84c.05-.15.05-.31-.04-.45l-1.38-2.38h1.18s.03.05.05.07l1.12,1.12c.22.22.57.22.79,0,.22-.22.22-.57,0-.79l-1.12-1.12c-.08-.08-.18-.12-.29-.14-.1-.15-.27-.25-.46-.25h-1.59c-.14,0-.26.05-.36.13-.15-.07-.33-.07-.49.02l-1.08.62c-.22.12-.31.38-.25.61l-1.04,1.22s-.03.06-.05.09h-1.39c-.3,0-.54.24-.54.54s.24.54.54.54h1.74c.22,0,.42-.14.5-.34.03-.02.07-.04.09-.07l.75-.89,1.01,1.74-1.39,1.39c-.16.16-.2.41-.1.61v2.49c0,.36.29.65.65.65s.65-.29.65-.65v-2.47l1.35-1.35s.05-.07.07-.11l1.16,1.75s.04.05.06.08c.04.26.26.46.53.46h2.09c.3,0,.54-.24.54-.54v-.21c0-.3-.24-.54-.54-.54Z"/>804        <circle cx="259.7" cy="502.81" r="1.05"/>805      </g>806    </g>807    <line x1="185.55" y1="187.34" x2="326.71" y2="187.34" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>808    <line x1="185.55" y1="221.79" x2="326.71" y2="221.79" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>809    <g>810      <rect x="304.86" y="195.58" width="17.97" height="17.97" rx="3.55" ry="3.55" fill="#fff" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>811      <g>812        <g>813          <g>814            <line x1="308.64" y1="204.37" x2="308.64" y2="198.49"/>815            <g>816              <line x1="308.64" y1="204.37" x2="308.64" y2="200.88" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>817              <polygon points="310.3 201.36 308.64 198.49 306.98 201.36 310.3 201.36"/>818            </g>819          </g>820          <rect x="307.06" y="202.48" width="3.16" height=".61" transform="translate(105.85 511.43) rotate(-90)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>821        </g>822        <g>823          <g>824            <line x1="308.64" y1="204.76" x2="308.64" y2="208.25" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".38"/>825            <polygon points="306.98 207.76 308.64 210.64 310.3 207.76 306.98 207.76"/>826          </g>827          <rect x="307.06" y="206.03" width="3.16" height=".61" transform="translate(514.98 -102.3) rotate(90)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".88"/>828        </g>829      </g>830      <g>831        <path d="M313.89,209.15v-1.57l1.84-1.22c.15.05.31.05.45-.04l2.38-1.38v1.18s-.05.03-.07.05l-1.12,1.12c-.22.22-.22.57,0,.79.22.22.57.22.79,0l1.12-1.12c.08-.08.12-.18.14-.29.15-.1.25-.27.25-.46v-1.59c0-.14-.05-.26-.13-.36.07-.15.07-.33-.02-.49l-.62-1.08c-.12-.22-.38-.31-.61-.25l-1.22-1.04s-.06-.03-.09-.05v-1.39c0-.3-.24-.54-.54-.54s-.54.24-.54.54v1.74c0,.22.14.42.34.5.02.03.04.07.07.09l.89.75-1.74,1.01-1.39-1.39c-.16-.16-.41-.2-.61-.1h-2.49c-.36,0-.65.29-.65.65s.29.65.65.65h2.47l1.35,1.35s.07.05.11.07l-1.75,1.16s-.05.04-.08.06c-.26.04-.46.26-.46.53v2.09c0,.3.24.54.54.54h.21c.3,0,.54-.24.54-.54Z"/>832        <circle cx="320.47" cy="202.83" r="1.05"/>833      </g>834    </g>835    <g>836      <polygon points="348.5 109.58 355.51 105.54 355.51 105.54 348.5 101.5 348.5 103.85 340.23 103.85 340.23 107.23 348.5 107.23 348.5 109.58"/>837      <rect x="308.95" y="89.9" width="31.28" height="31.28" rx="8" ry="8" fill="#fff" stroke="#000" stroke-miterlimit="10"/>838      <path d="M325.17,93.13c3.2,0,5.54.69,7.01,2.06,1.47,1.37,2.21,3.27,2.21,5.68,0,1.09-.16,2.12-.49,3.11-.33.99-.86,1.87-1.6,2.64-.74.77-1.73,1.38-2.96,1.82-1.23.45-2.76.67-4.57.67h-2.26v8.83h-5.26v-24.81h7.93ZM324.9,97.44h-2.39v7.37h1.73c.98,0,1.84-.13,2.56-.39s1.28-.67,1.68-1.22.59-1.27.59-2.14c0-1.22-.34-2.13-1.02-2.72-.68-.59-1.73-.89-3.16-.89Z"/>839    </g>840    <polyline points="593.79 510.57 593.79 60.04 185.55 60.04" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>841    <path d="M296.63,72.73h282.78v69.8h-282.78s.52-69.32,0-69.8Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>842    <rect x="237.75" y="184.9" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>843    <rect x="237.75" y="219.83" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>844    <g>845      <path d="M352.26,564.28h2.17c.41,0,.81.02,1.22.07.4.05.77.15,1.09.31.32.16.58.39.78.7.2.31.3.73.3,1.25,0,.62-.19,1.13-.56,1.51-.38.38-.9.63-1.56.73l2.41,3.91h-1.24l-2.3-3.82h-1.3v3.82h-1.01v-8.5ZM353.27,568.02h.9c.28,0,.57,0,.87-.02.3-.02.58-.07.83-.16s.46-.23.62-.41c.16-.19.25-.46.25-.81,0-.3-.06-.55-.18-.73-.12-.18-.28-.33-.47-.43-.2-.1-.42-.17-.66-.2s-.49-.05-.74-.05h-1.42v2.81Z"/>846      <path d="M365.96,569.54c0,.46-.06.9-.17,1.32s-.3.78-.55,1.1c-.25.32-.58.57-.99.76-.41.19-.9.28-1.49.28s-1.08-.09-1.49-.28c-.41-.19-.74-.44-.99-.76-.25-.32-.44-.68-.55-1.1-.12-.42-.17-.86-.17-1.32v-5.26h1.01v5.11c0,.34.04.68.11,1,.07.32.19.6.36.85s.39.45.67.59c.28.15.63.22,1.06.22s.78-.07,1.06-.22c.28-.15.5-.35.67-.59s.29-.53.36-.85c.07-.32.11-.65.11-1v-5.11h1.01v5.26Z"/>847      <path d="M368.04,564.28h5.34v.94h-4.33v2.66h4.04v.94h-4.04v3.02h4.55v.94h-5.56v-8.5Z"/>848      <path d="M378.34,564.28h3.26c.28,0,.58.03.89.1.31.06.62.17.93.31s.6.32.89.55c.28.22.53.49.75.81.22.32.39.68.52,1.09.13.41.19.88.19,1.4s-.06.99-.19,1.4c-.13.41-.3.78-.52,1.09-.22.32-.47.59-.75.81-.28.22-.58.41-.89.55-.31.14-.62.24-.93.31-.31.06-.61.1-.89.1h-3.26v-8.5ZM379.34,571.84h1.92c.49,0,.94-.06,1.36-.19s.78-.33,1.08-.59c.3-.27.54-.61.72-1.03s.26-.92.26-1.5-.09-1.08-.26-1.5-.42-.76-.72-1.03c-.3-.27-.66-.47-1.08-.59s-.87-.19-1.36-.19h-1.92v6.62Z"/>849      <path d="M387.38,564.28h5.34v.94h-4.33v2.66h4.04v.94h-4.04v3.02h4.55v.94h-5.56v-8.5Z"/>850      <path d="M397.84,564.28h1.01v7.56h3.89v.94h-4.9v-8.5Z"/>851      <path d="M406.6,564.28h.95l3.61,8.5h-1.18l-.86-2.09h-4.25l-.88,2.09h-1.14l3.74-8.5ZM407.05,565.58h-.02l-1.76,4.18h3.47l-1.68-4.18Z"/>852      <path d="M419.65,565.78c-.17-.27-.39-.47-.67-.59s-.57-.19-.88-.19c-.22,0-.44.03-.66.08-.22.06-.41.14-.58.25-.17.11-.31.26-.41.44-.1.18-.16.4-.16.65,0,.19.03.36.09.51.06.15.16.28.29.4.14.12.32.23.55.34.23.1.52.21.85.31.33.1.65.22.95.34.31.12.58.27.82.46.24.18.42.41.56.69.14.28.21.62.21,1.04s-.08.79-.25,1.1c-.17.31-.39.57-.67.77-.28.2-.59.36-.95.46-.36.1-.73.15-1.12.15-.25,0-.5-.02-.74-.07-.25-.04-.49-.11-.71-.2s-.44-.21-.64-.36c-.2-.15-.37-.33-.52-.55l.86-.71c.18.31.44.55.77.71s.68.24,1.04.24c.22,0,.43-.03.65-.1.22-.06.42-.16.59-.28s.32-.28.43-.46c.11-.18.17-.4.17-.64,0-.26-.04-.48-.13-.64-.09-.16-.22-.31-.41-.43-.18-.12-.42-.23-.7-.32s-.61-.21-.98-.34c-.3-.1-.58-.21-.84-.33s-.48-.28-.67-.46c-.19-.18-.34-.4-.44-.65-.11-.25-.16-.55-.16-.91,0-.41.08-.76.24-1.07.16-.3.38-.56.65-.76.27-.2.58-.36.92-.46.34-.1.7-.16,1.08-.16.48,0,.92.07,1.31.22.4.15.75.41,1.06.77l-.83.72Z"/>853      <path d="M425.05,564.28h.95l3.61,8.5h-1.18l-.86-2.09h-4.25l-.88,2.09h-1.14l3.74-8.5ZM425.51,565.58h-.02l-1.76,4.18h3.47l-1.68-4.18Z"/>854      <path d="M430.74,564.28h1.01v7.56h3.89v.94h-4.9v-8.5Z"/>855      <path d="M436.74,564.28h1.01v7.56h3.89v.94h-4.9v-8.5Z"/>856      <path d="M442.74,564.28h5.34v.94h-4.33v2.66h4.04v.94h-4.04v3.02h4.55v.94h-5.56v-8.5Z"/>857    </g>858    <g>859      <g>860        <line x1="332.23" y1="565.57" x2="295.59" y2="565.3" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>861        <path d="M292.57,565.28c1.42-.52,3.19-1.4,4.29-2.35l-.88,2.37.84,2.38c-1.08-.96-2.84-1.87-4.26-2.41Z"/>862      </g>863      <g>864        <line x1="293.03" y1="572.09" x2="329.67" y2="572.37" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>865        <path d="M332.69,572.39c-1.42.52-3.19,1.4-4.29,2.35l.88-2.37-.84-2.38c1.08.96,2.84,1.87,4.26,2.41Z"/>866      </g>867    </g>868    <g>869      <g>870        <line x1="505.01" y1="565.53" x2="468.37" y2="565.37" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>871        <path d="M465.35,565.35c1.42-.52,3.19-1.41,4.28-2.36l-.87,2.37.85,2.38c-1.09-.96-2.85-1.86-4.26-2.4Z"/>872      </g>873      <g>874        <line x1="466.11" y1="572.14" x2="502.76" y2="572.3" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>875        <path d="M505.78,572.31c-1.42.52-3.19,1.41-4.28,2.36l.87-2.37-.85-2.38c1.09.96,2.85,1.86,4.26,2.4Z"/>876      </g>877    </g>878    <g>879      <g>880        <path d="M49.99,263.98v2.17c0,.41-.02.81-.07,1.22-.05.4-.15.77-.31,1.09-.16.32-.39.58-.7.78-.31.2-.73.3-1.25.3-.62,0-1.13-.19-1.51-.56-.38-.38-.63-.9-.73-1.56l-3.91,2.41v-1.24l3.82-2.3v-1.3h-3.82v-1.01h8.5ZM46.24,264.99v.9c0,.28,0,.57.02.87.02.3.07.58.16.83s.23.46.41.62c.19.16.46.25.81.25.3,0,.55-.06.73-.18.18-.12.33-.28.43-.47.1-.2.17-.42.2-.66s.05-.49.05-.74v-1.42h-2.81Z"/>881        <path d="M44.73,277.69c-.46,0-.9-.06-1.32-.17-.42-.12-.78-.3-1.1-.55-.32-.25-.57-.58-.76-.99-.19-.41-.28-.9-.28-1.49s.09-1.08.28-1.49c.19-.41.44-.74.76-.99.32-.25.68-.44,1.1-.55s.86-.17,1.32-.17h5.26v1.01h-5.11c-.34,0-.68.04-1,.11-.32.07-.6.19-.85.36s-.45.39-.59.67c-.15.28-.22.63-.22,1.06s.07.78.22,1.06c.15.28.35.5.59.67s.53.29.85.36c.32.07.65.11,1,.11h5.11v1.01h-5.26Z"/>882        <path d="M49.99,279.76v5.34h-.94v-4.33h-2.66v4.04h-.94v-4.04h-3.02v4.55h-.94v-5.56h8.5Z"/>883        <path d="M49.99,290.22v2.17c0,.41-.02.81-.07,1.22s-.15.77-.31,1.09c-.16.32-.39.58-.7.78-.31.2-.73.3-1.25.3-.62,0-1.13-.19-1.51-.56-.38-.38-.63-.9-.73-1.56l-3.91,2.41v-1.24l3.82-2.3v-1.3h-3.82v-1.01h8.5ZM46.24,291.22v.9c0,.28,0,.57.02.87.02.3.07.58.16.83s.23.46.41.62c.19.16.46.25.81.25.3,0,.55-.06.73-.18.18-.12.33-.28.43-.47.1-.2.17-.42.2-.66s.05-.49.05-.74v-1.42h-2.81Z"/>884        <path d="M49.99,297.55v5.34h-.94v-4.33h-2.66v4.04h-.94v-4.04h-3.02v4.55h-.94v-5.56h8.5Z"/>885        <path d="M49.99,304.66v1.27l-7.06,4.92v.02h7.06v1.01h-8.5v-1.27l7.06-4.92v-.02h-7.06v-1.01h8.5Z"/>886        <path d="M49.99,316.76v.95l-8.5,3.61v-1.18l2.09-.87v-4.25l-2.09-.88v-1.14l8.5,3.74ZM48.69,317.22v-.02l-4.18-1.76v3.47l4.18-1.68Z"/>887        <path d="M44.73,328.82c-.46,0-.9-.06-1.32-.17s-.78-.3-1.1-.55c-.32-.25-.57-.58-.76-.99-.19-.41-.28-.9-.28-1.49s.09-1.08.28-1.49c.19-.41.44-.74.76-.99.32-.25.68-.44,1.1-.55.42-.12.86-.17,1.32-.17h5.26v1.01h-5.11c-.34,0-.68.04-1,.11-.32.07-.6.19-.85.36s-.45.39-.59.67c-.15.28-.22.63-.22,1.06s.07.78.22,1.06c.15.28.35.5.59.67s.53.29.85.36c.32.07.65.11,1,.11h5.11v1.01h-5.26Z"/>888        <path d="M49.99,330.74v3.26c0,.28-.03.58-.1.89-.06.31-.17.62-.31.93s-.32.6-.55.89c-.22.28-.49.53-.81.75-.32.22-.68.39-1.09.52-.41.13-.88.19-1.4.19s-.99-.06-1.4-.19-.78-.3-1.09-.52c-.32-.22-.59-.47-.81-.75-.22-.28-.41-.58-.55-.89-.14-.31-.24-.62-.31-.93-.06-.31-.1-.61-.1-.89v-3.26h8.5ZM42.43,331.75v1.92c0,.49.06.94.19,1.36s.33.78.59,1.08c.27.3.61.54,1.03.72s.92.26,1.5.26,1.08-.09,1.5-.26.76-.42,1.03-.72c.27-.3.47-.66.59-1.08s.19-.87.19-1.36v-1.92h-6.62Z"/>889      </g>890      <g>891        <g>892          <line x1="48.69" y1="233.06" x2="48.97" y2="196.41" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>893          <path d="M48.99,193.4c.52,1.42,1.4,3.19,2.35,4.29l-2.37-.88-2.38.84c.96-1.08,1.87-2.84,2.41-4.26Z"/>894        </g>895        <g>896          <line x1="42.18" y1="193.86" x2="41.9" y2="230.5" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>897          <path d="M41.88,233.52c-.52-1.42-1.4-3.19-2.35-4.29l2.37.88,2.38-.84c-.96,1.08-1.87,2.84-2.41,4.26Z"/>898        </g>899      </g>900      <g>901        <g>902          <line x1="48.74" y1="405.84" x2="48.9" y2="369.19" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>903          <path d="M48.91,366.18c.52,1.42,1.41,3.19,2.36,4.28l-2.37-.87-2.38.85c.96-1.09,1.86-2.85,2.4-4.26Z"/>904        </g>905        <g>906          <line x1="42.13" y1="366.94" x2="41.97" y2="403.59" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>907          <path d="M41.96,406.6c-.52-1.42-1.41-3.19-2.36-4.28l2.37.87,2.38-.85c-.96,1.09-1.86,2.85-2.4,4.26Z"/>908        </g>909      </g>910    </g>911    <polyline points="593.79 510.57 185.55 510.57 185.55 60.04" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>912    <line x1="497.78" y1="510.39" x2="497.78" y2="490.66" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>913    <line x1="532.23" y1="510.39" x2="532.23" y2="490.66" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>914    <line x1="244.21" y1="510.39" x2="244.21" y2="490.66" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>915    <line x1="278.66" y1="510.39" x2="278.66" y2="490.66" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width=".5"/>916    <path d="M546.63,210.64v279.13H231.08c-.07-4.15,0-253.57,0-253.57h96.73v-61.98h130.14v36.42h88.68Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>917    <line x1="285.12" y1="155.79" x2="285.12" y2="236.7" fill="none" stroke="#000" stroke-miterlimit="10"/>918    <line x1="237.75" y1="155.79" x2="237.75" y2="236.7" fill="none" stroke="#000" stroke-miterlimit="10"/>919    <line x1="237.75" y1="161.61" x2="285.12" y2="161.61" fill="none" stroke="#000" stroke-miterlimit="10"/>920    <line x1="237.75" y1="167.43" x2="285.12" y2="167.43" fill="none" stroke="#000" stroke-miterlimit="10"/>921    <line x1="237.75" y1="173.25" x2="285.12" y2="173.25" fill="none" stroke="#000" stroke-miterlimit="10"/>922    <line x1="237.75" y1="179.07" x2="285.12" y2="179.07" fill="none" stroke="#000" stroke-miterlimit="10"/>923    <line x1="237.75" y1="184.9" x2="285.12" y2="184.9" fill="none" stroke="#000" stroke-miterlimit="10"/>924    <line x1="237.75" y1="190.72" x2="285.12" y2="190.72" fill="none" stroke="#000" stroke-miterlimit="10"/>925    <line x1="237.75" y1="196.54" x2="285.12" y2="196.54" fill="none" stroke="#000" stroke-miterlimit="10"/>926    <line x1="237.75" y1="202.36" x2="285.12" y2="202.36" fill="none" stroke="#000" stroke-miterlimit="10"/>927    <line x1="237.75" y1="208.18" x2="285.12" y2="208.18" fill="none" stroke="#000" stroke-miterlimit="10"/>928    <line x1="237.75" y1="214" x2="285.12" y2="214" fill="none" stroke="#000" stroke-miterlimit="10"/>929    <line x1="237.75" y1="219.83" x2="285.12" y2="219.83" fill="none" stroke="#000" stroke-miterlimit="10"/>930    <line x1="237.75" y1="225.65" x2="285.12" y2="225.65" fill="none" stroke="#000" stroke-miterlimit="10"/>931    <line x1="237.75" y1="231.47" x2="285.12" y2="231.47" fill="none" stroke="#000" stroke-miterlimit="10"/>932  </g>933</svg>934                                            </div>935                                                                                                                                                </div>936                            </div>937                        </div>938                    </div>939                    <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">940                        <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">941                            <h6 class="">942                                Plan des étages943                            </h6>944                            <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">945                                                                    <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">946                                                                                    <button name="button" class="btn -border-b"947                                                    @click="changeFloorLevel('1')"948                                                    :class="floorLevel === '1' ? '-active' :''">949                                                                                                    Rez-de-chaussée950                                                                                            </button>951                                                                                    <button name="button" class="btn -border-b"952                                                    @click="changeFloorLevel('2')"953                                                    :class="floorLevel === '2' ? '-active' :''">954                                                                                                    Étage 2955                                                                                            </button>956                                                                                    <button name="button" class="btn -border-b"957                                                    @click="changeFloorLevel('3')"958                                                    :class="floorLevel === '3' ? '-active' :''">959                                                                                                    Étage 3960                                                                                            </button>961                                                                            </div>962                                    <div class="w-full h-full flex-1">963                                                                                                                                    <div class="w-full h-full" x-ref="floorPlan1" x-cloak964                                                     :class="floorLevel !== '1' ? 'hidden' :''">965                                                    <?xml version="1.0" encoding="UTF-8"?>966<svg id="etage-rdc" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600">967  <defs>968    <clipPath id="a09106a0-43cc-4d1f-81fa-1b7ed1f25cc1">969      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>970    </clipPath>971    <clipPath id="aa576421-467d-4b45-bfbd-9a72f2e78b05">972      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>973    </clipPath>974  </defs>975  <polygon id="unit-1" points="557.79 234.75 242.21 234.75 242.21 281.2 242.21 310.63 242.21 438.98 515.03 438.98 515.03 310.63 557.79 310.63 557.79 234.75" fill="#32739b"/>976  <g id="plan">977    <g id="structure">978      <path d="M557.79,159.85v279.13H242.24c0-.13,0-.5-.01-1.09v-.13c-.04-12.64-.02-116.59-.01-187.07,0-17.94,0-33.7.01-45.24v-4.68c.01-9.42.01-15.06.01-15.35h0s96.73-.01,96.73-.01v-61.98h130.14v36.42h88.68Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>979      <path d="M406.37,346.7h-5.43v-14.87l.05-2.44.09-2.67c-.9.9-1.53,1.49-1.88,1.78l-2.95,2.37-2.62-3.27,8.28-6.59h4.46v25.7Z"/>980      <g>981        <path d="M557.78,159.85v74.9H242.23v-49.33h96.73v-61.99h130.15v36.42h88.67Z" fill="#d3d3d3" stroke="#000" stroke-miterlimit="10"/>982        <polyline points="557.78 310.63 515.03 310.63 515.03 438.98" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>983        <path d="M557.78,159.85v279.13H242.23v-1.22c-.02-12.46-.01-116.54-.01-187.07,0-17.94,0-33.7.01-45.24v-20.03h96.73v-61.99h130.15v36.42h88.67Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>984        <line x1="296.28" y1="105" x2="296.28" y2="185.92" fill="none" stroke="#000" stroke-miterlimit="10"/>985        <line x1="248.9" y1="105" x2="248.9" y2="185.92" fill="none" stroke="#000" stroke-miterlimit="10"/>986        <line x1="248.9" y1="110.82" x2="296.28" y2="110.82" fill="none" stroke="#000" stroke-miterlimit="10"/>987        <line x1="248.9" y1="116.64" x2="296.28" y2="116.64" fill="none" stroke="#000" stroke-miterlimit="10"/>988        <line x1="248.9" y1="122.46" x2="296.28" y2="122.46" fill="none" stroke="#000" stroke-miterlimit="10"/>989        <line x1="248.9" y1="128.29" x2="296.28" y2="128.29" fill="none" stroke="#000" stroke-miterlimit="10"/>990        <line x1="248.9" y1="134.11" x2="296.28" y2="134.11" fill="none" stroke="#000" stroke-miterlimit="10"/>991        <line x1="248.9" y1="139.93" x2="296.28" y2="139.93" fill="none" stroke="#000" stroke-miterlimit="10"/>992        <line x1="248.9" y1="145.75" x2="296.28" y2="145.75" fill="none" stroke="#000" stroke-miterlimit="10"/>993        <line x1="248.9" y1="151.57" x2="296.28" y2="151.57" fill="none" stroke="#000" stroke-miterlimit="10"/>994        <line x1="248.9" y1="157.39" x2="296.28" y2="157.39" fill="none" stroke="#000" stroke-miterlimit="10"/>995        <line x1="248.9" y1="163.22" x2="296.28" y2="163.22" fill="none" stroke="#000" stroke-miterlimit="10"/>996        <line x1="248.9" y1="169.04" x2="296.28" y2="169.04" fill="none" stroke="#000" stroke-miterlimit="10"/>997        <line x1="248.9" y1="174.86" x2="296.28" y2="174.86" fill="none" stroke="#000" stroke-miterlimit="10"/>998        <line x1="248.9" y1="180.68" x2="296.28" y2="180.68" fill="none" stroke="#000" stroke-miterlimit="10"/>999        <rect x="248.9" y="134.11" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>1000        <line x1="515.03" y1="316.39" x2="557.78" y2="316.39" fill="none" stroke="#000" stroke-miterlimit="10"/>1001        <line x1="515.03" y1="322.21" x2="557.78" y2="322.21" fill="none" stroke="#000" stroke-miterlimit="10"/>1002        <line x1="515.03" y1="328.03" x2="557.78" y2="328.03" fill="none" stroke="#000" stroke-miterlimit="10"/>1003        <line x1="515.03" y1="333.85" x2="557.78" y2="333.85" fill="none" stroke="#000" stroke-miterlimit="10"/>1004        <line x1="515.03" y1="339.67" x2="557.78" y2="339.67" fill="none" stroke="#000" stroke-miterlimit="10"/>1005        <line x1="515.03" y1="345.49" x2="557.78" y2="345.49" fill="none" stroke="#000" stroke-miterlimit="10"/>1006        <line x1="515.03" y1="351.31" x2="557.78" y2="351.31" fill="none" stroke="#000" stroke-miterlimit="10"/>1007        <line x1="515.03" y1="357.14" x2="557.78" y2="357.14" fill="none" stroke="#000" stroke-miterlimit="10"/>1008        <line x1="515.03" y1="362.96" x2="557.78" y2="362.96" fill="none" stroke="#000" stroke-miterlimit="10"/>1009        <line x1="515.03" y1="368.78" x2="557.78" y2="368.78" fill="none" stroke="#000" stroke-miterlimit="10"/>1010        <line x1="515.03" y1="374.6" x2="557.78" y2="374.6" fill="none" stroke="#000" stroke-miterlimit="10"/>1011        <line x1="515.03" y1="380.42" x2="557.78" y2="380.42" fill="none" stroke="#000" stroke-miterlimit="10"/>1012        <line x1="515.03" y1="386.24" x2="557.78" y2="386.24" fill="none" stroke="#000" stroke-miterlimit="10"/>1013        <line x1="515.03" y1="392.07" x2="557.78" y2="392.07" fill="none" stroke="#000" stroke-miterlimit="10"/>1014        <line x1="515.03" y1="397.89" x2="557.78" y2="397.89" fill="none" stroke="#000" stroke-miterlimit="10"/>1015        <line x1="515.03" y1="403.71" x2="557.78" y2="403.71" fill="none" stroke="#000" stroke-miterlimit="10"/>1016        <line x1="515.03" y1="409.53" x2="557.78" y2="409.53" fill="none" stroke="#000" stroke-miterlimit="10"/>1017        <line x1="515.03" y1="415.35" x2="557.78" y2="415.35" fill="none" stroke="#000" stroke-miterlimit="10"/>1018        <line x1="515.03" y1="421.17" x2="557.78" y2="421.17" fill="none" stroke="#000" stroke-miterlimit="10"/>1019        <line x1="515.03" y1="427" x2="557.78" y2="427" fill="none" stroke="#000" stroke-miterlimit="10"/>1020        <line x1="515.03" y1="432.82" x2="557.78" y2="432.82" fill="none" stroke="#000" stroke-miterlimit="10"/>1021        <rect x="248.9" y="169.04" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>1022      </g>1023    </g>1024    <g id="rose-de-vents">1025      <g clip-path="url(#a09106a0-43cc-4d1f-81fa-1b7ed1f25cc1)">1026        <g clip-path="url(#a09106a0-43cc-4d1f-81fa-1b7ed1f25cc1-1)">1027          <path d="M723.93,78.5h-.01c-9.93-9.17-10.56-24.7-1.4-34.64,4.44-4.81,10.48-7.61,17.02-7.87,6.53-.27,12.78,2.03,17.59,6.46h.01c4.81,4.45,7.61,10.5,7.87,17.04.26,6.54-2.03,12.79-6.47,17.6-9.15,9.93-24.68,10.56-34.61,1.42M756.78,42.81c-4.71-4.34-10.83-6.58-17.23-6.32-6.41.26-12.33,3-16.67,7.71-8.97,9.73-8.36,24.95,1.37,33.92h.01c9.73,8.97,24.94,8.35,33.91-1.38,4.35-4.71,6.6-10.84,6.34-17.24-.26-6.41-3-12.33-7.71-16.67h-.01Z"/>1028          <rect x="738.98" y="23.29" width=".5" height="10.5" transform="translate(-.55 29.95) rotate(-2.32)"/>1029          <rect x="703.34" y="61.52" width="10.5" height=".5" transform="translate(-1.95 29.31) rotate(-2.37)"/>1030          <rect x="741.57" y="87.15" width=".5" height="10.5" transform="translate(-3.13 30.11) rotate(-2.32)"/>1031          <rect x="767.21" y="58.93" width="10.5" height=".5" transform="translate(-1.78 31.95) rotate(-2.37)"/>1032          <polygon points="743.9 63.58 759.17 59.72 743.64 57.1 739.77 41.83 737.15 57.36 721.89 61.23 737.41 63.85 741.28 79.11 743.9 63.58"/>1033          <polygon points="740.32 52.51 761.8 37.23 740.63 60.19 740.32 52.51" fill="#fff"/>1034          <path d="M760.95,37.98l-20.22,21.93-.3-7.33,20.52-14.59ZM762.64,36.49l-22.44,15.96.33,8.02,22.11-23.98Z"/>1035          <polygon points="762.64 36.49 748.55 60.15 740.53 60.47 762.64 36.49"/>1036          <polygon points="717.29 39.2 740.24 60.37 732.57 60.68 717.29 39.2" fill="#fff"/>1037          <path d="M739.96,60.26l-7.33.3-14.59-20.51,21.93,20.22ZM740.53,60.47l-23.98-22.11,15.96,22.44,8.02-.33Z"/>1038          <polygon points="716.55 38.36 740.2 52.45 740.53 60.47 716.55 38.36"/>1039          <polygon points="740.42 60.76 740.73 68.43 719.26 83.71 740.42 60.76" fill="#fff"/>1040          <path d="M740.32,61.04l.3,7.33-20.51,14.59,20.22-21.93ZM740.53,60.47l-22.11,23.98,22.44-15.96-.33-8.02Z"/>1041          <polygon points="718.42 84.45 732.51 60.8 740.53 60.47 718.42 84.45"/>1042          <polygon points="740.81 60.58 748.49 60.27 763.76 81.74 740.81 60.58" fill="#fff"/>1043          <path d="M748.43,60.38l14.59,20.51-21.93-20.22,7.33-.3ZM748.55,60.15l-8.02.33,23.98,22.11-15.96-22.44Z"/>1044          <polygon points="764.51 82.58 740.85 68.49 740.53 60.47 764.51 82.58"/>1045          <path d="M710.05,37.86c-.91-.84-1.38-1.75-1.42-2.74-.04-.99.41-1.99,1.36-3.02.4-.44.85-.77,1.33-1.01.48-.24.98-.37,1.48-.4.5-.03,1,.05,1.5.23.49.18.96.47,1.39.87.42.39.75.82.97,1.28.22.47.34.95.36,1.44s-.08.99-.28,1.49c-.2.5-.5.97-.92,1.42-.46.5-.95.88-1.46,1.12-.51.25-1.01.38-1.52.4-.51.02-1-.07-1.48-.26-.48-.19-.92-.47-1.31-.83M710.41,37.52c.29.26.6.42.96.47.35.05.72.02,1.1-.09.38-.11.75-.28,1.13-.53.37-.25.72-.55,1.04-.89s.58-.69.82-1.07c.24-.38.4-.76.5-1.14.09-.38.1-.75,0-1.12-.09-.37-.31-.7-.64-1.01-.31-.29-.66-.46-1.03-.51-.37-.05-.74-.02-1.12.1-.38.12-.75.31-1.11.56-.37.26-.7.55-1,.88-.32.35-.6.71-.84,1.09-.24.38-.4.75-.49,1.12s-.08.74.01,1.11c.1.37.32.71.68,1.04"/>1046          <path d="M766.18,28.42c.18-.19.26-.4.25-.63,0-.23-.15-.49-.42-.79-.03-.03-.04-.06-.02-.11s.04-.09.07-.12.07-.06.11-.08c.04-.02.08,0,.11.03.07.06.18.17.33.3.15.14.3.28.45.44.15.15.28.3.39.43.11.13.17.23.16.28l-.33,7.37c0,.14.05.16.14.05l1.96-2.12c.09-.09.19-.21.31-.34s.25-.28.37-.42c.12-.14.23-.28.33-.41.1-.13.18-.24.22-.33.05-.11.08-.21.1-.28.02-.08.01-.15-.01-.22-.02-.07-.07-.14-.14-.22-.06-.08-.14-.17-.23-.27-.03-.03-.04-.06-.02-.11.02-.05.04-.09.07-.12s.07-.06.1-.08c.04-.02.07-.01.11.02.14.13.28.27.42.44s.3.32.46.47c.15.14.31.27.47.38.16.12.34.26.52.43.04.03.05.07.04.12,0,.04-.03.08-.06.12-.03.04-.07.06-.12.08-.04.02-.09,0-.12-.02-.11-.08-.21-.15-.27-.2-.07-.05-.13-.08-.2-.1-.06-.02-.14-.02-.22,0-.08.02-.18.06-.32.12-.09.04-.2.12-.33.22-.13.11-.26.22-.4.35-.14.13-.27.27-.4.4-.13.14-.24.26-.34.36l-3.46,3.75s-.05.02-.09,0c-.04-.02-.09-.04-.13-.08-.05-.04-.09-.08-.12-.12-.04-.04-.05-.08-.05-.11l.35-7.86c0-.09-.01-.15-.04-.17-.03-.02-.07,0-.14.08l-2.91,3.16c-.19.21-.33.39-.4.53-.08.14-.11.28-.09.39.02.12.06.23.14.34.08.11.18.24.29.38.03.04.04.08.03.12,0,.05-.03.08-.07.12-.03.03-.07.05-.12.07-.04.01-.08,0-.12-.03-.13-.12-.26-.26-.39-.42-.14-.16-.31-.34-.52-.53-.22-.2-.42-.37-.61-.51-.19-.14-.34-.26-.46-.37-.03-.03-.04-.06-.03-.11.01-.05.03-.09.06-.12.03-.04.06-.06.11-.08.05-.01.09,0,.13.02.17.12.31.22.43.29.12.07.24.11.35.11.11,0,.23-.04.36-.13.13-.09.3-.24.49-.45l3.44-3.73Z"/>1047          <path d="M772.16,84.61s.08.09.12.14c.03.05,0,.11-.08.18-.07.05-.14.12-.22.2s-.15.16-.22.24c-.24.26-.46.51-.65.75-.02.02-.05.03-.09.02-.04-.01-.08-.03-.11-.06-.04-.03-.07-.06-.09-.1-.02-.04-.02-.08,0-.12.17-.26.29-.48.37-.64.08-.16.11-.31.1-.45-.01-.13-.07-.27-.18-.4-.11-.13-.26-.29-.46-.49l-.52-.48c-.15-.14-.27-.25-.37-.32-.09-.08-.19-.12-.27-.13-.09-.01-.18.02-.27.08-.09.07-.2.17-.34.31l-1.4,1.52c-.08.08-.11.15-.1.19,0,.05.03.08.06.11.27.25.49.43.66.55.18.12.33.18.46.19.13.01.26-.02.38-.1.12-.07.26-.18.42-.32.04-.03.08-.04.13-.03.04,0,.08.03.12.06s.06.07.07.11c.01.04,0,.08-.03.12-.09.09-.16.17-.24.24-.07.07-.14.13-.22.2-.07.07-.15.14-.22.21-.08.07-.16.16-.26.26-.16.17-.3.34-.41.5s-.26.34-.45.54c-.03.03-.06.04-.1.02-.04-.01-.08-.03-.11-.07-.03-.03-.06-.07-.07-.11-.02-.04-.01-.08.01-.12.14-.18.24-.34.31-.47.07-.13.09-.26.06-.38-.03-.13-.11-.27-.24-.43-.13-.16-.33-.36-.6-.61-.03-.03-.07-.04-.12-.05-.05,0-.1.02-.16.09l-1.05,1.14c-.17.18-.3.35-.4.51-.09.15-.15.3-.18.43-.03.13-.02.26,0,.37.03.12.08.24.17.36.06.09.14.19.24.29.09.1.19.2.3.31.14.13.27.24.41.34.13.1.24.17.33.2.15.07.29.12.42.15.13.03.25.04.38.01.13-.02.26-.07.4-.15.14-.08.3-.19.49-.35.04-.03.08-.03.12-.01.05.02.09.05.13.09s.07.08.09.13c.02.05,0,.08-.03.11-.25.21-.49.42-.7.61-.22.19-.43.4-.62.62-.02.02-.05.03-.1.04-.05,0-.12-.02-.21-.1l-3.15-2.9c-.22-.2-.44-.4-.66-.58-.22-.18-.42-.35-.6-.49-.04-.04-.07-.09-.07-.13s.02-.09.05-.14c.03-.04.07-.07.12-.08.05,0,.11,0,.16.05.15.11.29.2.42.25.13.06.25.09.37.09.12,0,.24-.03.35-.1.12-.06.24-.17.38-.31l3.08-3.34c.12-.13.23-.25.33-.38.1-.13.19-.26.26-.39.07-.13.1-.26.11-.39,0-.13-.02-.26-.1-.38-.05-.08-.1-.15-.16-.23-.06-.08-.12-.15-.17-.21-.04-.03-.05-.07-.04-.12,0-.04.03-.08.06-.12s.07-.06.11-.07c.04-.01.08,0,.12.03.2.18.37.35.51.5.15.16.32.33.53.52l3.11,2.87Z"/>1048          <path d="M715.35,85.97c-.16.17-.26.35-.29.54-.04.18-.04.37,0,.56.04.19.1.37.18.56.08.19.16.37.23.54.12.31.24.62.35.93.11.32.18.63.21.94.03.31,0,.62-.08.93-.09.31-.27.61-.55.91s-.57.5-.89.59c-.31.09-.63.11-.95.05s-.63-.17-.93-.34c-.3-.17-.58-.37-.83-.6-.16-.15-.32-.34-.48-.58-.16-.24-.27-.48-.35-.73-.02-.04-.03-.08-.05-.11-.01-.04-.04-.07-.08-.11-.04-.04-.1-.06-.18-.07-.08,0-.17.01-.29.07-.05.02-.09.02-.13,0-.04-.02-.07-.04-.1-.07-.03-.03-.05-.07-.05-.1,0-.04,0-.07.03-.09.13-.11.28-.23.43-.37.15-.13.29-.27.43-.42.14-.15.27-.3.4-.46.13-.16.26-.33.39-.51.03-.04.06-.06.11-.05.05,0,.09.02.13.05.04.03.07.07.08.11.02.04.01.09-.01.13-.18.27-.32.54-.4.82-.09.28-.12.55-.11.81.01.26.07.51.18.75.11.24.26.45.47.64.16.14.33.26.51.35.18.09.37.14.55.16.19.02.37,0,.54-.07.18-.06.34-.17.49-.34.19-.21.31-.43.37-.67.05-.24.07-.48.04-.71-.03-.24-.09-.47-.17-.7-.08-.23-.17-.45-.25-.65-.11-.26-.22-.53-.32-.8-.11-.27-.17-.53-.2-.8-.03-.27,0-.54.07-.8.08-.27.24-.54.49-.81.26-.28.53-.46.81-.54.29-.08.57-.1.87-.04.29.06.58.16.87.33.28.17.55.37.81.6.16.15.29.29.38.41.09.12.19.27.29.45.05.09.1.17.13.23.04.06.08.11.12.15.07.06.14.08.23.05.03-.01.07,0,.11.01.04.02.07.05.1.08.02.03.04.06.06.09.01.03,0,.06-.02.08-.13.08-.24.16-.35.26-.11.1-.21.2-.31.32-.14.15-.26.3-.35.43-.09.14-.21.29-.36.47-.02.02-.04.02-.08.02-.04,0-.07-.02-.11-.05-.03-.03-.06-.06-.08-.1-.02-.04-.02-.07,0-.11.18-.31.31-.58.39-.81.08-.23.11-.44.1-.62-.02-.19-.09-.37-.2-.54-.12-.17-.28-.35-.49-.54-.14-.13-.3-.24-.46-.32-.16-.08-.33-.13-.5-.15-.17-.02-.33,0-.49.07s-.31.16-.44.31"/>1049        </g>1050      </g>1051    </g>1052  </g>1053</svg>1054                                                </div>1055                                                                                                                                                                                <div class="w-full h-full" x-ref="floorPlan2" x-cloak1056                                                     :class="floorLevel !== '2' ? 'hidden' :''">1057                                                    <?xml version="1.0" encoding="UTF-8"?>1058<svg id="etage-01" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600">1059  <defs>1060    <clipPath id="0b69c323-7ed4-482a-bb28-6f3289394937">1061      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>1062    </clipPath>1063    <clipPath id="ad11e13e-0017-474c-b701-63ed65942dbd">1064      <rect x="697.7" y="19.02" width="84.63" height="82.05" transform="translate(194.62 563.81) rotate(-47.37)" fill="none"/>1065    </clipPath>1066  </defs>1067  <polygon id="unit-2" points="557.78 197.11 457.49 197.11 457.49 234.75 242.23 234.75 242.23 438.98 515.03 438.98 515.03 310.64 557.78 310.64 557.78 197.11" fill="#32739b"/>1068  <g id="plan">1069    <g id="structure">1070      <path d="M409.02,346.88h-17.96v-3.78l6.45-6.52c1.91-1.96,3.16-3.31,3.74-4.07s1.01-1.46,1.27-2.1.39-1.31.39-2c0-1.03-.28-1.8-.85-2.3s-1.33-.76-2.28-.76c-1,0-1.96.23-2.9.69s-1.92,1.11-2.94,1.95l-2.95-3.5c1.27-1.08,2.31-1.84,3.15-2.29s1.74-.79,2.72-1.03,2.09-.36,3.3-.36c1.61,0,3.02.29,4.25.88s2.19,1.41,2.87,2.46,1.02,2.26,1.02,3.62c0,1.18-.21,2.29-.62,3.33s-1.06,2.1-1.93,3.19-2.41,2.64-4.61,4.66l-3.3,3.11v.25h11.2v4.57Z"/>1071      <path d="M338.97,185.41h-96.73c0,.3,0,5.94,0,15.36v33.98" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1072      <path d="M242.23,437.76c-.04-12.64-.02-116.59-.01-187.07" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1073      <polyline points="515.03 438.98 557.78 438.98 557.79 438.98 557.79 432.82 557.79 427 557.79 421.18 557.79 415.36 557.79 409.53 557.79 403.71 557.79 397.89 557.79 392.07 557.79 386.25 557.79 380.43 557.79 374.6 557.79 368.78 557.79 362.96 557.79 357.14 557.79 351.32 557.79 345.5 557.79 339.67 557.79 333.85 557.79 328.03 557.79 322.21 557.79 316.39 557.79 310.64 557.79 207.72 557.79 159.85 557.78 159.85 469.11 159.85" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1074      <line x1="557.79" y1="310.64" x2="557.78" y2="310.64" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1075      <path d="M557.78,197.11v113.53h-42.75v128.34H242.24c0-.13,0-.5-.01-1.09v-.13c-.02-12.46-.01-116.54-.01-187.07,0-5.54,0-10.87.01-15.94h215.26v-37.64h100.29Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1076      <path d="M242.23,437.89c.01.59.01.96.01,1.09h-.01v-1.09Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1077      <path d="M557.78,159.85v37.26H242.23v3.66-15.35h96.73v-25.57h218.82Z" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1078      <rect x="242.23" y="197.11" width="215.26" height="37.64" fill="#d3d3d3" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1079      <rect x="515.03" y="310.64" width="42.75" height="128.34" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1080      <line x1="296.28" y1="105" x2="296.28" y2="197.11" fill="none" stroke="#000" stroke-miterlimit="10"/>1081      <line x1="248.9" y1="105" x2="248.9" y2="197.11" fill="none" stroke="#000" stroke-miterlimit="10"/>1082      <line x1="248.9" y1="110.82" x2="296.28" y2="110.82" fill="none" stroke="#000" stroke-miterlimit="10"/>1083      <line x1="248.9" y1="116.64" x2="296.28" y2="116.64" fill="none" stroke="#000" stroke-miterlimit="10"/>1084      <line x1="248.9" y1="122.46" x2="296.28" y2="122.46" fill="none" stroke="#000" stroke-miterlimit="10"/>1085      <line x1="248.9" y1="128.29" x2="296.28" y2="128.29" fill="none" stroke="#000" stroke-miterlimit="10"/>1086      <line x1="248.9" y1="185.47" x2="296.28" y2="185.47" fill="none" stroke="#000" stroke-miterlimit="10"/>1087      <line x1="248.9" y1="191.29" x2="296.28" y2="191.29" fill="none" stroke="#000" stroke-miterlimit="10"/>1088      <line x1="248.9" y1="197.11" x2="296.28" y2="197.11" fill="none" stroke="#000" stroke-miterlimit="10"/>1089      <line x1="248.9" y1="134.11" x2="296.28" y2="134.11" fill="none" stroke="#000" stroke-miterlimit="10"/>1090      <line x1="248.9" y1="139.93" x2="296.28" y2="139.93" fill="none" stroke="#000" stroke-miterlimit="10"/>1091      <line x1="248.9" y1="145.75" x2="296.28" y2="145.75" fill="none" stroke="#000" stroke-miterlimit="10"/>1092      <line x1="248.9" y1="151.57" x2="296.28" y2="151.57" fill="none" stroke="#000" stroke-miterlimit="10"/>1093      <line x1="248.9" y1="157.39" x2="296.28" y2="157.39" fill="none" stroke="#000" stroke-miterlimit="10"/>1094      <line x1="248.9" y1="163.22" x2="296.28" y2="163.22" fill="none" stroke="#000" stroke-miterlimit="10"/>1095      <line x1="248.9" y1="169.04" x2="296.28" y2="169.04" fill="none" stroke="#000" stroke-miterlimit="10"/>1096      <line x1="248.9" y1="174.86" x2="296.28" y2="174.86" fill="none" stroke="#000" stroke-miterlimit="10"/>1097      <line x1="248.9" y1="180.68" x2="296.28" y2="180.68" fill="none" stroke="#000" stroke-miterlimit="10"/>1098      <rect x="248.9" y="134.11" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>1099      <line x1="515.03" y1="316.39" x2="557.79" y2="316.39" fill="none" stroke="#000" stroke-miterlimit="10"/>1100      <line x1="515.03" y1="322.21" x2="557.79" y2="322.21" fill="none" stroke="#000" stroke-miterlimit="10"/>1101      <line x1="515.03" y1="328.03" x2="557.79" y2="328.03" fill="none" stroke="#000" stroke-miterlimit="10"/>1102      <line x1="515.03" y1="333.85" x2="557.79" y2="333.85" fill="none" stroke="#000" stroke-miterlimit="10"/>1103      <line x1="515.03" y1="339.67" x2="557.79" y2="339.67" fill="none" stroke="#000" stroke-miterlimit="10"/>1104      <line x1="515.03" y1="345.49" x2="557.79" y2="345.49" fill="none" stroke="#000" stroke-miterlimit="10"/>1105      <line x1="515.03" y1="351.31" x2="557.79" y2="351.31" fill="none" stroke="#000" stroke-miterlimit="10"/>1106      <line x1="515.03" y1="357.14" x2="557.79" y2="357.14" fill="none" stroke="#000" stroke-miterlimit="10"/>1107      <line x1="515.03" y1="362.96" x2="557.79" y2="362.96" fill="none" stroke="#000" stroke-miterlimit="10"/>1108      <line x1="515.03" y1="368.78" x2="557.79" y2="368.78" fill="none" stroke="#000" stroke-miterlimit="10"/>1109      <line x1="515.03" y1="374.6" x2="557.79" y2="374.6" fill="none" stroke="#000" stroke-miterlimit="10"/>1110      <line x1="515.03" y1="380.42" x2="557.79" y2="380.42" fill="none" stroke="#000" stroke-miterlimit="10"/>1111      <line x1="515.03" y1="386.24" x2="557.79" y2="386.24" fill="none" stroke="#000" stroke-miterlimit="10"/>1112      <line x1="515.03" y1="392.07" x2="557.79" y2="392.07" fill="none" stroke="#000" stroke-miterlimit="10"/>1113      <line x1="515.03" y1="397.89" x2="557.79" y2="397.89" fill="none" stroke="#000" stroke-miterlimit="10"/>1114      <line x1="515.03" y1="403.71" x2="557.79" y2="403.71" fill="none" stroke="#000" stroke-miterlimit="10"/>1115      <line x1="515.03" y1="409.53" x2="557.79" y2="409.53" fill="none" stroke="#000" stroke-miterlimit="10"/>1116      <line x1="515.03" y1="415.35" x2="557.79" y2="415.35" fill="none" stroke="#000" stroke-miterlimit="10"/>1117      <line x1="515.03" y1="421.17" x2="557.79" y2="421.17" fill="none" stroke="#000" stroke-miterlimit="10"/>1118      <line x1="515.03" y1="427" x2="557.79" y2="427" fill="none" stroke="#000" stroke-miterlimit="10"/>1119      <line x1="515.03" y1="432.82" x2="557.79" y2="432.82" fill="none" stroke="#000" stroke-miterlimit="10"/>1120      <rect x="248.9" y="169.04" width="47.38" height="5.82" fill="#fff" stroke="#000" stroke-miterlimit="10"/>1121      <line x1="557.79" y1="207.72" x2="557.78" y2="207.72" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"/>1122      <rect x="248.9" y="180.68" width="47.38" height="10.61" fill="#fff" stroke="#000" stroke-miterlimit="10"/>1123      <line x1="248.9" y1="185.98" x2="296.28" y2="185.98" fill="none" stroke="#000" stroke-miterlimit="10"/>1124    </g>1125    <g id="rose-de-vents">1126      <g clip-path="url(#0b69c323-7ed4-482a-bb28-6f3289394937)">1127        <g clip-path="url(#0b69c323-7ed4-482a-bb28-6f3289394937-1)">1128          <path d="M723.93,78.5h-.01c-9.93-9.17-10.56-24.7-1.4-34.64,4.44-4.81,10.48-7.61,17.02-7.87,6.53-.27,12.78,2.03,17.59,6.46h.01c4.81,4.45,7.61,10.5,7.87,17.04.26,6.54-2.03,12.79-6.47,17.6-9.15,9.93-24.68,10.56-34.61,1.42M756.78,42.81c-4.71-4.34-10.83-6.58-17.23-6.32-6.41.26-12.33,3-16.67,7.71-8.97,9.73-8.36,24.95,1.37,33.92h.01c9.73,8.97,24.94,8.35,33.91-1.38,4.35-4.71,6.6-10.84,6.34-17.24-.26-6.41-3-12.33-7.71-16.67h-.01Z"/>1129          <rect x="738.98" y="23.29" width=".5" height="10.5" transform="translate(-.55 29.95) rotate(-2.32)"/>1130          <rect x="703.34" y="61.52" width="10.5" height=".5" transform="translate(-1.95 29.31) rotate(-2.37)"/>1131          <rect x="741.57" y="87.15" width=".5" height="10.5" transform="translate(-3.13 30.11) rotate(-2.32)"/>1132          <rect x="767.21" y="58.93" width="10.5" height=".5" transform="translate(-1.78 31.95) rotate(-2.37)"/>1133          <polygon points="743.9 63.58 759.17 59.72 743.64 57.1 739.77 41.83 737.15 57.36 721.89 61.23 737.41 63.85 741.28 79.11 743.9 63.58"/>1134          <polygon points="740.32 52.51 761.8 37.23 740.63 60.19 740.32 52.51" fill="#fff"/>1135          <path d="M760.95,37.98l-20.22,21.93-.3-7.33,20.52-14.59ZM762.64,36.49l-22.44,15.96.33,8.02,22.11-23.98Z"/>1136          <polygon points="762.64 36.49 748.55 60.15 740.53 60.47 762.64 36.49"/>1137          <polygon points="717.29 39.2 740.24 60.37 732.57 60.68 717.29 39.2" fill="#fff"/>1138          <path d="M739.96,60.26l-7.33.3-14.59-20.51,21.93,20.22ZM740.53,60.47l-23.98-22.11,15.96,22.44,8.02-.33Z"/>1139          <polygon points="716.55 38.36 740.2 52.45 740.53 60.47 716.55 38.36"/>1140          <polygon points="740.42 60.76 740.73 68.43 719.26 83.71 740.42 60.76" fill="#fff"/>1141          <path d="M740.32,61.04l.3,7.33-20.51,14.59,20.22-21.93ZM740.53,60.47l-22.11,23.98,22.44-15.96-.33-8.02Z"/>1142          <polygon points="718.42 84.45 732.51 60.8 740.53 60.47 718.42 84.45"/>1143          <polygon points="740.81 60.58 748.49 60.27 763.76 81.74 740.81 60.58" fill="#fff"/>1144          <path d="M748.43,60.38l14.59,20.51-21.93-20.22,7.33-.3ZM748.55,60.15l-8.02.33,23.98,22.11-15.96-22.44Z"/>1145          <polygon points="764.51 82.58 740.85 68.49 740.53 60.47 764.51 82.58"/>1146          <path d="M710.05,37.86c-.91-.84-1.38-1.75-1.42-2.74-.04-.99.41-1.99,1.36-3.02.4-.44.85-.77,1.33-1.01.48-.24.98-.37,1.48-.4.5-.03,1,.05,1.5.23.49.18.96.47,1.39.87.42.39.75.82.97,1.28.22.47.34.95.36,1.44s-.08.99-.28,1.49c-.2.5-.5.97-.92,1.42-.46.5-.95.88-1.46,1.12-.51.25-1.01.38-1.52.4-.51.02-1-.07-1.48-.26-.48-.19-.92-.47-1.31-.83M710.41,37.52c.29.26.6.42.96.47.35.05.72.02,1.1-.09.38-.11.75-.28,1.13-.53.37-.25.72-.55,1.04-.89s.58-.69.82-1.07c.24-.38.4-.76.5-1.14.09-.38.1-.75,0-1.12-.09-.37-.31-.7-.64-1.01-.31-.29-.66-.46-1.03-.51-.37-.05-.74-.02-1.12.1-.38.12-.75.31-1.11.56-.37.26-.7.55-1,.88-.32.35-.6.71-.84,1.09-.24.38-.4.75-.49,1.12s-.08.74.01,1.11c.1.37.32.71.68,1.04"/>1147          <path d="M766.18,28.42c.18-.19.26-.4.25-.63,0-.23-.15-.49-.42-.79-.03-.03-.04-.06-.02-.11s.04-.09.07-.12.07-.06.11-.08c.04-.02.08,0,.11.03.07.06.18.17.33.3.15.14.3.28.45.44.15.15.28.3.39.43.11.13.17.23.16.28l-.33,7.37c0,.14.05.16.14.05l1.96-2.12c.09-.09.19-.21.31-.34s.25-.28.37-.42c.12-.14.23-.28.33-.41.1-.13.18-.24.22-.33.05-.11.08-.21.1-.28.02-.08.01-.15-.01-.22-.02-.07-.07-.14-.14-.22-.06-.08-.14-.17-.23-.27-.03-.03-.04-.06-.02-.11.02-.05.04-.09.07-.12s.07-.06.1-.08c.04-.02.07-.01.11.02.14.13.28.27.42.44s.3.32.46.47c.15.14.31.27.47.38.16.12.34.26.52.43.04.03.05.07.04.12,0,.04-.03.08-.06.12-.03.04-.07.06-.12.08-.04.02-.09,0-.12-.02-.11-.08-.21-.15-.27-.2-.07-.05-.13-.08-.2-.1-.06-.02-.14-.02-.22,0-.08.02-.18.06-.32.12-.09.04-.2.12-.33.22-.13.11-.26.22-.4.35-.14.13-.27.27-.4.4-.13.14-.24.26-.34.36l-3.46,3.75s-.05.02-.09,0c-.04-.02-.09-.04-.13-.08-.05-.04-.09-.08-.12-.12-.04-.04-.05-.08-.05-.11l.35-7.86c0-.09-.01-.15-.04-.17-.03-.02-.07,0-.14.08l-2.91,3.16c-.19.21-.33.39-.4.53-.08.14-.11.28-.09.39.02.12.06.23.14.34.08.11.18.24.29.38.03.04.04.08.03.12,0,.05-.03.08-.07.12-.03.03-.07.05-.12.07-.04.01-.08,0-.12-.03-.13-.12-.26-.26-.39-.42-.14-.16-.31-.34-.52-.53-.22-.2-.42-.37-.61-.51-.19-.14-.34-.26-.46-.37-.03-.03-.04-.06-.03-.11.01-.05.03-.09.06-.12.03-.04.06-.06.11-.08.05-.01.09,0,.13.02.17.12.31.22.43.29.12.07.24.11.35.11.11,0,.23-.04.36-.13.13-.09.3-.24.49-.45l3.44-3.73Z"/>1148          <path d="M772.16,84.61s.08.09.12.14c.03.05,0,.11-.08.18-.07.05-.14.12-.22.2s-.15.16-.22.24c-.24.26-.46.51-.65.75-.02.02-.05.03-.09.02-.04-.01-.08-.03-.11-.06-.04-.03-.07-.06-.09-.1-.02-.04-.02-.08,0-.12.17-.26.29-.48.37-.64.08-.16.11-.31.1-.45-.01-.13-.07-.27-.18-.4-.11-.13-.26-.29-.46-.49l-.52-.48c-.15-.14-.27-.25-.37-.32-.09-.08-.19-.12-.27-.13-.09-.01-.18.02-.27.08-.09.07-.2.17-.34.31l-1.4,1.52c-.08.08-.11.15-.1.19,0,.05.03.08.06.11.27.25.49.43.66.55.18.12.33.18.46.19.13.01.26-.02.38-.1.12-.07.26-.18.42-.32.04-.03.08-.04.13-.03.04,0,.08.03.12.06s.06.07.07.11c.01.04,0,.08-.03.12-.09.09-.16.17-.24.24-.07.07-.14.13-.22.2-.07.07-.15.14-.22.21-.08.07-.16.16-.26.26-.16.17-.3.34-.41.5s-.26.34-.45.54c-.03.03-.06.04-.1.02-.04-.01-.08-.03-.11-.07-.03-.03-.06-.07-.07-.11-.02-.04-.01-.08.01-.12.14-.18.24-.34.31-.47.07-.13.09-.26.06-.38-.03-.13-.11-.27-.24-.43-.13-.16-.33-.36-.6-.61-.03-.03-.07-.04-.12-.05-.05,0-.1.02-.16.09l-1.05,1.14c-.17.18-.3.35-.4.51-.09.15-.15.3-.18.43-.03.13-.02.26,0,.37.03.12.08.24.17.36.06.09.14.19.24.29.09.1.19.2.3.31.14.13.27.24.41.34.13.1.24.17.33.2.15.07.29.12.42.15.13.03.25.04.38.01.13-.02.26-.07.4-.15.14-.08.3-.19.49-.35.04-.03.08-.03.12-.01.05.02.09.05.13.09s.07.08.09.13c.02.05,0,.08-.03.11-.25.21-.49.42-.7.61-.22.19-.43.4-.62.62-.02.02-.05.03-.1.04-.05,0-.12-.02-.21-.1l-3.15-2.9c-.22-.2-.44-.4-.66-.58-.22-.18-.42-.35-.6-.49-.04-.04-.07-.09-.07-.13s.02-.09.05-.14c.03-.04.07-.07.12-.08.05,0,.11,0,.16.05.15.11.29.2.42.25.13.06.25.09.37.09.12,0,.24-.03.35-.1.12-.06.24-.17.38-.31l3.08-3.34c.12-.13.23-.25.33-.38.1-.13.19-.26.26-.39.07-.13.1-.26.11-.39,0-.13-.02-.26-.1-.38-.05-.08-.1-.15-.16-.23-.06-.08-.12-.15-.17-.21-.04-.03-.05-.07-.04-.12,0-.04.03-.08.06-.12s.07-.06.11-.07c.04-.01.08,0,.12.03.2.18.37.35.51.5.15.16.32.33.53.52l3.11,2.87Z"/>1149          <path d="M715.35,85.97c-.16.17-.26.35-.29.54-.04.18-.04.37,0,.56.04.19.1.37.18.56.08.19.16.37.23.54.12.31.24.62.35.93.11.32.18.63.21.94.03.31,0,.62-.08.93-.09.31-.27.61-.55.91s-.57.5-.89.59c-.31.09-.63.11-.95.05s-.63-.17-.93-.34c-.3-.17-.58-.37-.83-.6-.16-.15-.32-.34-.48-.58-.16-.24-.27-.48-.35-.73-.02-.04-.03-.08-.05-.11-.01-.04-.04-.07-.08-.11-.04-.04-.1-.06-.18-.07-.08,0-.17.01-.29.07-.05.02-.09.02-.13,0-.04-.02-.07-.04-.1-.07-.03-.03-.05-.07-.05-.1,0-.04,0-.07.03-.09.13-.11.28-.23.43-.37.15-.13.29-.27.43-.42.14-.15.27-.3.4-.46.13-.16.26-.33.39-.51.03-.04.06-.06.11-.05.05,0,.09.02.13.05.04.03.07.07.08.11.02.04.01.09-.01.13-.18.27-.32.54-.4.82-.09.28-.12.55-.11.81.01.26.07.51.18.75.11.24.26.45.47.64.16.14.33.26.51.35.18.09.37.14.55.16.19.02.37,0,.54-.07.18-.06.34-.17.49-.34.19-.21.31-.43.37-.67.05-.24.07-.48.04-.71-.03-.24-.09-.47-.17-.7-.08-.23-.17-.45-.25-.65-.11-.26-.22-.53-.32-.8-.11-.27-.17-.53-.2-.8-.03-.27,0-.54.07-.8.08-.27.24-.54.49-.81.26-.28.53-.46.81-.54.29-.08.57-.1.87-.04.29.06.58.16.87.33.28.17.55.37.81.6.16.15.29.29.38.41.09.12.19.27.29.45.05.09.1.17.13.23.04.06.08.11.12.15.07.06.14.08.23.05.03-.01.07,0,.11.01.04.02.07.05.1.08.02.03.04.06.06.09.01.03,0,.06-.02.08-.13.08-.24.16-.35.26-.11.1-.21.2-.31.32-.14.15-.26.3-.35.43-.09.14-.21.29-.36.47-.02.02-.04.02-.08.02-.04,0-.07-.02-.11-.05-.03-.03-.06-.06-.08-.1-.02-.04-.02-.07,0-.11.18-.31.31-.58.39-.81.08-.23.11-.44.1-.62-.02-.19-.09-.37-.2-.54-.12-.17-.28-.35-.49-.54-.14-.13-.3-.24-.46-.32-.16-.08-.33-.13-.5-.15-.17-.02-.33,0-.49.07s-.31.16-.44.31"/>1150        </g>1151      </g>1152    </g>1153  </g>1154</svg>1155                                                </div>1156                                                                                                                                                                                <div class="h-full w-full"1157                                                     :class="floorLevel !== '3' ? 'hidden' :''">1158                                                    <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">1159    <img class="w-32 md:w-52 h-auto object-contain object-center block"1160         alt="Logis-Experts - Plan à venir"1161         src="/static/images/icons/no-plan@2x.png"/>1162    <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>1163</div>1164                                                </div>1165                                                                                                                        </div>1166                                                            </div>1167                        </div>11681169                    </div>1170                </div>1171            </div>1172            <div class="py-12">1173                <h4>1174                    Appartements disponibles1175                </h4>1176                                                                    <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">1177                        <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">1178                                                                                            <div x-cloak1179                                     :class="(apartmentType && apartmentType !== '4.5') ? 'hidden' : ''">1180                                    <div1181    id="apartment-list-item-4516"1182    data-id="4516"1183    data-number="396-1"1184    class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"1185     :class="`${apartmentNumber === '396-1' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"1186     @click.prevent="showApartment('396-1', '2')"1187>1188    <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">1189        <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 396-1</p>1190        <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">11911192                            <p class="font-semibold text-gray-500">1193                    4 &frac12;1194                </p>1195                                        <p>850 pi<sup>2</sup> brute</p>1196            1197                            <p class="text-gray-500 font-semibold line-through">1198                    1795$/mois1199                </p>1200                <p class="-small text-red-500 font-semibold">1201                    Rabais de 200$/mois1202                </p>1203                <p class="text-gray-500 font-semibold">1204                    1595$/mois1205                </p>1206            1207                    </div>1208        <div class="w-full md:w-2/5 mt-3 md:mt-0">1209                            <div class="u-flex-start relative mb-3 md:mb-0">1210                                                                    <svg  class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">1211        <circle stroke="currentColor" fill="none"1212                stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>1213        <polygon fill="currentColor"1214                 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"/>1215        <polygon fill="currentColor"1216                 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"/>1217    </svg>1218                                        <p>Disponible à partir du1219                        <span class="font-bold">1220                            1 Juillet 20261221                        </span>1222                    </p>1223                </div>1224                        <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 396-1</p>1225            <p class="hidden md:block">398 Rue Saint-Vallier O #396, Québec, QC G1K 1K6, Canada</p>1226                            <div class="u-flex-start">1227                    <div data-tippy-content="Climatisation">1228        <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">1229        <path fill="currentColor"1230              d="M24.27,8.54H7.73A1.78,1.78,0,0,0,6,10.31v4.82a1.78,1.78,0,0,0,1.78,1.78h7.19v4.83h.79V16.91h.58v4.83h.79V16.91h7.19a1.78,1.78,0,0,0,1.78-1.78V10.31A1.78,1.78,0,0,0,24.27,8.54Zm1,6.59a1,1,0,0,1-1,1H7.73a1,1,0,0,1-1-1V10.31a1,1,0,0,1,1-1H24.27a1,1,0,0,1,1,1ZM9.4,15.19H22.26V14.4H9.4ZM8,13.81H24V13H8Zm12.81,7.48a.4.4,0,0,0-.4.4,1,1,0,0,1-2,0V17.85h-.79v3.84a1.78,1.78,0,0,0,3.55,0A.39.39,0,0,0,20.83,21.29Zm-7.29.4a1,1,0,0,1-2,0,.4.4,0,1,0-.79,0,1.78,1.78,0,0,0,3.55,0V17.85h-.79Z"/>1231    </svg>1232    </div>1233    <div data-tippy-content="Chauffé / éclairé">1234        <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">1235        <path fill="currentColor"1236              d="M9.93,15.37a.5.5,0,0,0-.5-.5H6.63a.5.5,0,0,0,0,1h2.8A.5.5,0,0,0,9.93,15.37Zm15.44-.5h-2.8a.5.5,0,0,0,0,1h2.8a.5.5,0,0,0,0-1ZM11,19.68l-2,2a.5.5,0,0,0,0,.71.49.49,0,0,0,.35.15.51.51,0,0,0,.36-.15l2-2a.5.5,0,1,0-.71-.71Zm9.66-8.45a.51.51,0,0,0,.36-.15l2-2a.5.5,0,0,0-.71-.71l-2,2a.5.5,0,0,0,0,.71A.49.49,0,0,0,20.64,11.23ZM16,9.3a.5.5,0,0,0,.5-.5V6a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5V8.8A.5.5,0,0,0,16,9.3Zm5,10.38a.51.51,0,0,0-.71,0,.5.5,0,0,0,0,.71l2,2a.49.49,0,0,0,.35.15.51.51,0,0,0,.36-.15.51.51,0,0,0,0-.71Zm-10-8.6a.47.47,0,0,0,.35.15h0a.5.5,0,0,0,.5-.5.49.49,0,0,0-.16-.37l-2-2a.5.5,0,0,0-.71,0A.5.5,0,0,0,9,9.1Zm7,11.56H14a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5H18a.5.5,0,0,0,.5-.5A.5.5,0,0,0,18,22.64Zm0,1.43H14a.5.5,0,1,0,0,1H18a.5.5,0,0,0,0-1Zm1.69-12.42A5.26,5.26,0,0,0,16,10.11a5.21,5.21,0,0,0-3.68,1.51l0,0h0a5.22,5.22,0,0,0-1.54,3.71,5.46,5.46,0,0,0,1.5,3.69l.11.14a3.73,3.73,0,0,1,1.13,2.39v.27a.5.5,0,0,0,1,0v-.27a4.59,4.59,0,0,0-1.35-3L13,18.44a4.54,4.54,0,0,1-1.28-3.07,4.26,4.26,0,0,1,1.22-3l0,0a4.26,4.26,0,0,1,7.27,3A4.55,4.55,0,0,1,19,18.44l-.11.13a4.67,4.67,0,0,0-1.35,3v.27a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5v-.27a3.75,3.75,0,0,1,1.13-2.4l.11-.13a5.47,5.47,0,0,0,1.49-3.69A5.23,5.23,0,0,0,19.72,11.65ZM17,25.5H15a.5.5,0,0,0,0,1H17a.5.5,0,0,0,0-1Z"/>1237    </svg>1238    </div>1239    <div data-tippy-content="Semi-meublé">1240        <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">1241        <path fill="currentColor"1242              d="M10.77,14.76A1.56,1.56,0,0,0,12,14c.22-.27.3-.36.48-.36s.27.09.48.36a1.59,1.59,0,0,0,1.27.74A1.57,1.57,0,0,0,15.52,14c.22-.27.3-.36.48-.36s.26.09.48.36a1.57,1.57,0,0,0,1.26.74A1.56,1.56,0,0,0,19,14c.22-.27.31-.36.49-.36s.26.09.48.36a1.56,1.56,0,0,0,1.26.74.5.5,0,0,0,.5-.5V11.59a.81.81,0,0,0-.81-.81H11.08a.81.81,0,0,0-.81.81v2.67A.5.5,0,0,0,10.77,14.76Zm.5-3h9.46v1.59a1.55,1.55,0,0,0-1.24-.71,1.59,1.59,0,0,0-1.27.74c-.21.27-.3.36-.48.36s-.26-.09-.48-.36a1.44,1.44,0,0,0-2.52,0c-.22.27-.3.36-.48.36s-.27-.09-.48-.36a1.59,1.59,0,0,0-1.27-.74,1.53,1.53,0,0,0-1.24.71Zm7.55,5.53V22a.5.5,0,0,0,1,0V18.1h4.37V22a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V8.86a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v6.53H20.74A1.92,1.92,0,0,0,18.82,17.31Zm5.37-.21H19.86a.91.91,0,0,1,.88-.71h3.45ZM7.31,22.45a.5.5,0,0,0,.5-.5V18.1h4.37V22a.5.5,0,0,0,1,0V17.31a1.92,1.92,0,0,0-1.92-1.92H7.81V8.86a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5V22A.5.5,0,0,0,7.31,22.45Zm.5-6.06h3.45a.91.91,0,0,1,.88.71H7.81ZM26,22.64H16.5V14.25a.5.5,0,0,0-1,0v8.39H6a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5H26a.5.5,0,0,0,.5-.5A.5.5,0,0,0,26,22.64Z"/>1243    </svg>1244    </div>1245    <div data-tippy-content="Entrée indépendante">1246        <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">1247        <path fill="currentColor"1248              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"/>1249    </svg>1250    </div>1251    <div data-tippy-content="Entrée lave-vaiselle">1252        <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">1253        <path fill="currentColor"1254              d="M22.2,6.88H9.8a.42.42,0,0,0-.43.42V24.7a.42.42,0,0,0,.43.42H22.2a.42.42,0,0,0,.43-.42V7.3A.42.42,0,0,0,22.2,6.88Zm-.43,17.39H10.23V10.83H21.77Zm0-14.29H10.23V7.73H21.77ZM11.51,9.36h1.25a.43.43,0,0,0,.42-.43.42.42,0,0,0-.42-.43H11.51a.43.43,0,0,0-.43.43A.43.43,0,0,0,11.51,9.36Z"/>1255    </svg>1256    </div>1257    <div data-tippy-content="Électroménager">1258        <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">1259        <path fill="currentColor"1260              d="M19.67,9.1h.66a.44.44,0,0,0,.44-.43.44.44,0,0,0-.44-.44h-.66a.44.44,0,0,0-.44.44A.44.44,0,0,0,19.67,9.1Zm-5.29,3.47A.43.43,0,0,0,14,13v5.33a.44.44,0,0,0,.43.44.44.44,0,0,0,.44-.44V13A.44.44,0,0,0,14.38,12.57Zm3.26,6.2a.44.44,0,0,0,.43-.44V13a.43.43,0,0,0-.86,0v5.33A.44.44,0,0,0,17.64,18.77Zm-4.31,3h5.34a.44.44,0,0,0,.43-.44.43.43,0,0,0-.43-.43H13.33a.43.43,0,0,0-.43.43A.44.44,0,0,0,13.33,21.73Zm10-15.83H8.72a.82.82,0,0,0-.82.82V25A1.08,1.08,0,0,0,9,26.1H23A1.08,1.08,0,0,0,24.1,25V6.72A.82.82,0,0,0,23.28,5.9ZM8.77,6.77h6.8V19.23H8.77ZM23.23,25a.21.21,0,0,1-.21.21H9A.21.21,0,0,1,8.77,25V20.1H23.23Zm0-5.79h-6.8V6.77h6.8Z"/>1261    </svg>1262    </div>1263<!-- TODO: Add all icon -->1264                </div>1265                    </div>1266        <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">1267            <!-- <a href="/comparer" class="btn -text u-flex-start">1268                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1269        <path fill="currentColor"1270              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"/>1271    </svg>1272            Comparer maintenant1273        </a>1274            <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">1275                <svg  class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1276        <path fill="currentColor"1277              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"/>1278    </svg>1279                Planifier votre visite1280            </a>-->1281            <a href="/immeuble/396-398-rue-saint-vallier-ouest/appartement/396-1"1282               @click.prevent="showApartment('396-1', '2')"1283               class="w-full md:w-auto btn -group-hover"1284                :class="`${apartmentNumber === '396-1' ? '' : '-border'}`"1285            >1286                Voir les détails1287            </a>1288        </div>1289    </div>1290</div>1291                                    <div class="h-px w-full bg-gray-200"></div>1292                                </div>1293                                                                                    </div>1294                    </div>1295                            </div>1296        </div>1297        <div class="" x-ref="apartmentDetails">1298            <div class="container mx-auto">1299                <!-- TODO: USe AJAX to not show all appartments ? -->1300                                    <div x-cloak :class="apartmentNumber !== '396-1' ? 'hidden' : ''">1301                        <div id="apartment-details-396-1" data-id="4516"1302     class="bg-blue-100 p-6 block"1303     x-data="apartmentDetails()">1304    <div class="flex flex-row flex-wrap justify-center items-stretch">1305        <div class="w-full md:w-1/2 md:pr-12">1306            <h4 class="text-gray-500">1307                Détails:&nbsp;Appartement 396-11308            </h4>1309                            <p>1310                    4 &frac12;1311                </p>1312                                        <p class="">1313                    850 pi<sup>2</sup>1314                </p>1315            1316                            <p class="text-gray-500 font-semibold line-through">1317                    1795$/mois1318                </p>1319                <p class="-small text-red-500 font-semibold">1320                    Rabais de 200$/mois1321                </p>1322                <p class="text-gray-500 font-semibold">1323                    1595$/mois1324                </p>1325            13261327            1328                            <div class="py-2 border-y border-gray-200 my-2 u-flex-start">1329                    <div data-tippy-content="Climatisation">1330        <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">1331        <path fill="currentColor"1332              d="M24.27,8.54H7.73A1.78,1.78,0,0,0,6,10.31v4.82a1.78,1.78,0,0,0,1.78,1.78h7.19v4.83h.79V16.91h.58v4.83h.79V16.91h7.19a1.78,1.78,0,0,0,1.78-1.78V10.31A1.78,1.78,0,0,0,24.27,8.54Zm1,6.59a1,1,0,0,1-1,1H7.73a1,1,0,0,1-1-1V10.31a1,1,0,0,1,1-1H24.27a1,1,0,0,1,1,1ZM9.4,15.19H22.26V14.4H9.4ZM8,13.81H24V13H8Zm12.81,7.48a.4.4,0,0,0-.4.4,1,1,0,0,1-2,0V17.85h-.79v3.84a1.78,1.78,0,0,0,3.55,0A.39.39,0,0,0,20.83,21.29Zm-7.29.4a1,1,0,0,1-2,0,.4.4,0,1,0-.79,0,1.78,1.78,0,0,0,3.55,0V17.85h-.79Z"/>1333    </svg>1334    </div>1335    <div data-tippy-content="Chauffé / éclairé">1336        <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">1337        <path fill="currentColor"1338              d="M9.93,15.37a.5.5,0,0,0-.5-.5H6.63a.5.5,0,0,0,0,1h2.8A.5.5,0,0,0,9.93,15.37Zm15.44-.5h-2.8a.5.5,0,0,0,0,1h2.8a.5.5,0,0,0,0-1ZM11,19.68l-2,2a.5.5,0,0,0,0,.71.49.49,0,0,0,.35.15.51.51,0,0,0,.36-.15l2-2a.5.5,0,1,0-.71-.71Zm9.66-8.45a.51.51,0,0,0,.36-.15l2-2a.5.5,0,0,0-.71-.71l-2,2a.5.5,0,0,0,0,.71A.49.49,0,0,0,20.64,11.23ZM16,9.3a.5.5,0,0,0,.5-.5V6a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5V8.8A.5.5,0,0,0,16,9.3Zm5,10.38a.51.51,0,0,0-.71,0,.5.5,0,0,0,0,.71l2,2a.49.49,0,0,0,.35.15.51.51,0,0,0,.36-.15.51.51,0,0,0,0-.71Zm-10-8.6a.47.47,0,0,0,.35.15h0a.5.5,0,0,0,.5-.5.49.49,0,0,0-.16-.37l-2-2a.5.5,0,0,0-.71,0A.5.5,0,0,0,9,9.1Zm7,11.56H14a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5H18a.5.5,0,0,0,.5-.5A.5.5,0,0,0,18,22.64Zm0,1.43H14a.5.5,0,1,0,0,1H18a.5.5,0,0,0,0-1Zm1.69-12.42A5.26,5.26,0,0,0,16,10.11a5.21,5.21,0,0,0-3.68,1.51l0,0h0a5.22,5.22,0,0,0-1.54,3.71,5.46,5.46,0,0,0,1.5,3.69l.11.14a3.73,3.73,0,0,1,1.13,2.39v.27a.5.5,0,0,0,1,0v-.27a4.59,4.59,0,0,0-1.35-3L13,18.44a4.54,4.54,0,0,1-1.28-3.07,4.26,4.26,0,0,1,1.22-3l0,0a4.26,4.26,0,0,1,7.27,3A4.55,4.55,0,0,1,19,18.44l-.11.13a4.67,4.67,0,0,0-1.35,3v.27a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5v-.27a3.75,3.75,0,0,1,1.13-2.4l.11-.13a5.47,5.47,0,0,0,1.49-3.69A5.23,5.23,0,0,0,19.72,11.65ZM17,25.5H15a.5.5,0,0,0,0,1H17a.5.5,0,0,0,0-1Z"/>1339    </svg>1340    </div>1341    <div data-tippy-content="Semi-meublé">1342        <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">1343        <path fill="currentColor"1344              d="M10.77,14.76A1.56,1.56,0,0,0,12,14c.22-.27.3-.36.48-.36s.27.09.48.36a1.59,1.59,0,0,0,1.27.74A1.57,1.57,0,0,0,15.52,14c.22-.27.3-.36.48-.36s.26.09.48.36a1.57,1.57,0,0,0,1.26.74A1.56,1.56,0,0,0,19,14c.22-.27.31-.36.49-.36s.26.09.48.36a1.56,1.56,0,0,0,1.26.74.5.5,0,0,0,.5-.5V11.59a.81.81,0,0,0-.81-.81H11.08a.81.81,0,0,0-.81.81v2.67A.5.5,0,0,0,10.77,14.76Zm.5-3h9.46v1.59a1.55,1.55,0,0,0-1.24-.71,1.59,1.59,0,0,0-1.27.74c-.21.27-.3.36-.48.36s-.26-.09-.48-.36a1.44,1.44,0,0,0-2.52,0c-.22.27-.3.36-.48.36s-.27-.09-.48-.36a1.59,1.59,0,0,0-1.27-.74,1.53,1.53,0,0,0-1.24.71Zm7.55,5.53V22a.5.5,0,0,0,1,0V18.1h4.37V22a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V8.86a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5v6.53H20.74A1.92,1.92,0,0,0,18.82,17.31Zm5.37-.21H19.86a.91.91,0,0,1,.88-.71h3.45ZM7.31,22.45a.5.5,0,0,0,.5-.5V18.1h4.37V22a.5.5,0,0,0,1,0V17.31a1.92,1.92,0,0,0-1.92-1.92H7.81V8.86a.5.5,0,0,0-.5-.5.5.5,0,0,0-.5.5V22A.5.5,0,0,0,7.31,22.45Zm.5-6.06h3.45a.91.91,0,0,1,.88.71H7.81ZM26,22.64H16.5V14.25a.5.5,0,0,0-1,0v8.39H6a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5H26a.5.5,0,0,0,.5-.5A.5.5,0,0,0,26,22.64Z"/>1345    </svg>1346    </div>1347    <div data-tippy-content="Entrée indépendante">1348        <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">1349        <path fill="currentColor"1350              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"/>1351    </svg>1352    </div>1353    <div data-tippy-content="Entrée lave-vaiselle">1354        <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">1355        <path fill="currentColor"1356              d="M22.2,6.88H9.8a.42.42,0,0,0-.43.42V24.7a.42.42,0,0,0,.43.42H22.2a.42.42,0,0,0,.43-.42V7.3A.42.42,0,0,0,22.2,6.88Zm-.43,17.39H10.23V10.83H21.77Zm0-14.29H10.23V7.73H21.77ZM11.51,9.36h1.25a.43.43,0,0,0,.42-.43.42.42,0,0,0-.42-.43H11.51a.43.43,0,0,0-.43.43A.43.43,0,0,0,11.51,9.36Z"/>1357    </svg>1358    </div>1359    <div data-tippy-content="Électroménager">1360        <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">1361        <path fill="currentColor"1362              d="M19.67,9.1h.66a.44.44,0,0,0,.44-.43.44.44,0,0,0-.44-.44h-.66a.44.44,0,0,0-.44.44A.44.44,0,0,0,19.67,9.1Zm-5.29,3.47A.43.43,0,0,0,14,13v5.33a.44.44,0,0,0,.43.44.44.44,0,0,0,.44-.44V13A.44.44,0,0,0,14.38,12.57Zm3.26,6.2a.44.44,0,0,0,.43-.44V13a.43.43,0,0,0-.86,0v5.33A.44.44,0,0,0,17.64,18.77Zm-4.31,3h5.34a.44.44,0,0,0,.43-.44.43.43,0,0,0-.43-.43H13.33a.43.43,0,0,0-.43.43A.44.44,0,0,0,13.33,21.73Zm10-15.83H8.72a.82.82,0,0,0-.82.82V25A1.08,1.08,0,0,0,9,26.1H23A1.08,1.08,0,0,0,24.1,25V6.72A.82.82,0,0,0,23.28,5.9ZM8.77,6.77h6.8V19.23H8.77ZM23.23,25a.21.21,0,0,1-.21.21H9A.21.21,0,0,1,8.77,25V20.1H23.23Zm0-5.79h-6.8V6.77h6.8Z"/>1363    </svg>1364    </div>1365<!-- TODO: Add all icon -->1366                </div>1367                        <ul class="pt-4 space-y-1  ">13681369                                    <li class="u-flex-start-top">1370                        <h6 class="w-1/2 text-gray-300 leading-24px">1371                            Étage1372                        </h6>1373                        <p class="w-1/2">1374                                                            21375                                                    </p>1376                    </li>1377                1378                                    <li class="u-flex-start-top">1379                        <h6 class="w-1/2 text-gray-300 leading-24px">1380                            Disponibilité1381                        </h6>1382                        <p class="w-1/2">1383                            1 juillet 20261384                        </p>1385                    </li>1386                                                    <li class="u-flex-start-top">1387                        <h6 class="w-1/2 text-gray-300 leading-24px">1388                            Superficie1389                        </h6>1390                        <p class="w-1/2">1391                            850 pi<sup>2</sup>1392                        </p>1393                    </li>1394                                                    <li class="u-flex-start-top">1395                        <h6 class="w-1/2 text-gray-300 leading-24px">1396                            Frais d'énergie1397                        </h6>1398                        <p class="w-1/2">1399                            Chauffé &amp; Éclairé1400                        </p>1401                    </li>1402                                                    <li class="u-flex-start-top">1403                        <h6 class="w-1/2 text-gray-300 leading-24px">1404                            Eau chaude inclus1405                        </h6>1406                        <p class="w-1/2">1407                            Oui1408                        </p>1409                    </li>1410                                1411                1412                1413                                    <li class="u-flex-start-top">1414                        <h6 class="w-1/2 text-gray-300 leading-24px">1415                            Aménagement inclus1416                        </h6>1417                        <p class="w-1/2">1418                            Semi-meublé, Électroménager1419                        </p>1420                    </li>1421                1422                                    <li class="u-flex-start-top">1423                        <h6 class="w-1/2 text-gray-300 leading-24px">1424                            Entrée Laveuse / Sécheuse1425                        </h6>1426                        <p class="w-1/2">1427                            Oui1428                        </p>1429                    </li>1430                1431                                    <li class="u-flex-start-top">1432                        <h6 class="w-1/2 text-gray-300 leading-24px">1433                            Entrée Lave-vaisselle1434                        </h6>1435                        <p class="w-1/2">1436                            Oui1437                        </p>1438                    </li>1439                1440                <li class="u-flex-start-top">1441                    <h6 class="w-1/2 text-gray-300 leading-24px">1442                        Type de climatisation1443                    </h6>1444                    <p class="w-1/2">1445                                                    Climatiseur mural1446                                            </p>1447                </li>144814491450                1451                1452                1453                1454                14551456                <li class="u-flex-start-top">1457                    <h6 class="w-1/2 text-gray-300 leading-24px">1458                        Balcon privée1459                    </h6>1460                    <p class="w-1/2">1461                        Oui1462                    </p>1463                </li>1464                1465                1466                1467                                    <li class="u-flex-start-top">1468                        <h6 class="w-1/2 text-gray-300 leading-24px">1469                            Électroménager inclus1470                        </h6>1471                        <p class="w-1/2">1472                                                            Laveuse, Sécheuse, Cuisinière Blanc, Réfrigérateur blanc, Lave-vaisselle blanc1473                                                    </p>1474                    </li>1475                                1476                                    <li class="u-flex-start-top">1477                        <h6 class="w-1/2 text-gray-300 leading-24px">1478                            Semi-Meublé inclus1479                        </h6>1480                        <p class="w-1/2">1481                                                            Table, Chaises, Lit, Divan/Fauteuil, Meuble TV, Base de Lit, Bureau, Commodes, Table à café1482                                                    </p>1483                    </li>1484                14851486            </ul>14871488            14891490            <a href="#contact-form" class="btn -border u-flex-start mt-12">1491                Rejoindre l'agent de location1492            </a>1493                    </div>1494        <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1495            <div class="h-full max-h-500px lg:max-h-600px relative">1496                                    <div class="h-full w-full flex flex-col justify-start items-start">1497    <div class="c_slider_images swiper | flex-1 w-full "1498         x-data="sliderImages(12,1,1, 1, 1, 1)">1499        <div class="swiper-wrapper">1500                            <div class="swiper-slide">1501                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 12"1502                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1503                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0.jpg"/>1504                    <div class="swiper-lazy-preloader"></div>1505                </div>1506                            <div class="swiper-slide">1507                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 11"1508                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1509                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce.jpg"/>1510                    <div class="swiper-lazy-preloader"></div>1511                </div>1512                            <div class="swiper-slide">1513                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 10"1514                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1515                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941.jpg"/>1516                    <div class="swiper-lazy-preloader"></div>1517                </div>1518                            <div class="swiper-slide">1519                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 9"1520                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1521                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089.jpg"/>1522                    <div class="swiper-lazy-preloader"></div>1523                </div>1524                            <div class="swiper-slide">1525                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 8"1526                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1527                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa.jpg"/>1528                    <div class="swiper-lazy-preloader"></div>1529                </div>1530                            <div class="swiper-slide">1531                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 7"1532                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1533                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7.jpg"/>1534                    <div class="swiper-lazy-preloader"></div>1535                </div>1536                            <div class="swiper-slide">1537                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 6"1538                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1539                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0.jpg"/>1540                    <div class="swiper-lazy-preloader"></div>1541                </div>1542                            <div class="swiper-slide">1543                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 5"1544                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1545                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8.jpg"/>1546                    <div class="swiper-lazy-preloader"></div>1547                </div>1548                            <div class="swiper-slide">1549                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 4"1550                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1551                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e.jpg"/>1552                    <div class="swiper-lazy-preloader"></div>1553                </div>1554                            <div class="swiper-slide">1555                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 3"1556                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1557                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b.jpg"/>1558                    <div class="swiper-lazy-preloader"></div>1559                </div>1560                            <div class="swiper-slide">1561                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 2"1562                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1563                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8.jpg"/>1564                    <div class="swiper-lazy-preloader"></div>1565                </div>1566                            <div class="swiper-slide">1567                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 1"1568                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1569                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f.jpg"/>1570                    <div class="swiper-lazy-preloader"></div>1571                </div>1572                    </div>15731574                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1575                @click.stop.prevent="goPrev">1576            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1577        <path fill="currentColor"1578              d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1579    </svg>1580        </button>1581        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1582                @click.stop.prevent="goNext">1583            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1584        <path fill="currentColor"1585              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"/>1586    </svg>1587        </button>1588    </div>15891590                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1591                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1592                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce.jpg" alt=""1593                         class="block object-cover object-center w-full h-full"/>1594                </div>1595                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1596                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941.jpg" alt=""1597                         class="block object-cover object-center w-full h-full"/>1598                </div>1599                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1600                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089.jpg" alt=""1601                         class="block object-cover object-center w-full h-full"/>1602                </div>1603                            <div class="w-full h-40 md:h-24  cursor-pointer" @click.prevent="showModal = true">1604                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa.jpg" alt=""1605                         class="block object-cover object-center w-full h-full"/>1606                </div>1607                            <div class="w-full h-40 md:h-24 hidden md:block cursor-pointer" @click.prevent="showModal = true">1608                    <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7.jpg" alt=""1609                         class="block object-cover object-center w-full h-full"/>1610                </div>1611                    </div>1612    </div>16131614                    <button aria-label="Montrer plus" type="button" class="absolute z-10 top-3 right-3 round-btn -small"1615                            @click.prevent="showModal = true">1616                        <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1617         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1618        <path stroke-linecap="round" stroke-linejoin="round"1619              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"/>1620    </svg>1621                    </button>1622                            </div>1623                            <template x-teleport="#modal-container">1624                    <div x-show="showModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1625    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1626         @click.away="showModal = false;document.body.classList.remove('-modal-open')"1627         x-effect="1628            if (showModal){1629                document.body.classList.add('-modal-open')1630            } else {1631             document.body.classList.remove('-modal-open')1632            }1633         "1634         x-transition:enter="ease-out duration-300"1635         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1636         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1637         x-transition:leave-end="opacity-0 scale-90">16381639        <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')">1640            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1641         viewBox="0 0 18 18">1642        <path1643            fill="currentColor"1644            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>1645    </svg>1646        </button>16471648        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1649            <div class="flex-1 w-full h-full">1650                <div class="h-full w-full flex flex-col justify-start items-start">1651    <div class="c_slider_images swiper | flex-1 w-full "1652         x-data="sliderImages(12,1,1, 1, 1, 1)">1653        <div class="swiper-wrapper">1654                            <div class="swiper-slide">1655                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 12"1656                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1657                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-7-67028b5feef468f1628b3fb86f941af0.jpg"/>1658                    <div class="swiper-lazy-preloader"></div>1659                </div>1660                            <div class="swiper-slide">1661                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 11"1662                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1663                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-11-945969711e35c16083ddc2cf90e0cbce.jpg"/>1664                    <div class="swiper-lazy-preloader"></div>1665                </div>1666                            <div class="swiper-slide">1667                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 10"1668                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1669                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-10-ca24ae4a00300c1dbe59e94824ff9941.jpg"/>1670                    <div class="swiper-lazy-preloader"></div>1671                </div>1672                            <div class="swiper-slide">1673                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 9"1674                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1675                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-9-e43418e4f00170431390428d839c2089.jpg"/>1676                    <div class="swiper-lazy-preloader"></div>1677                </div>1678                            <div class="swiper-slide">1679                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 8"1680                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1681                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-8-09e260929ea90828be4c2f2e313220fa.jpg"/>1682                    <div class="swiper-lazy-preloader"></div>1683                </div>1684                            <div class="swiper-slide">1685                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 7"1686                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1687                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-6-ab8f26fbdb31f02171ba020b509222b7.jpg"/>1688                    <div class="swiper-lazy-preloader"></div>1689                </div>1690                            <div class="swiper-slide">1691                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 6"1692                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1693                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-5-143a7ec535401b17ac10e178554972f0.jpg"/>1694                    <div class="swiper-lazy-preloader"></div>1695                </div>1696                            <div class="swiper-slide">1697                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 5"1698                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1699                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-4-13d261934398519e930d22c565b7ebe8.jpg"/>1700                    <div class="swiper-lazy-preloader"></div>1701                </div>1702                            <div class="swiper-slide">1703                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 4"1704                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1705                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-2-2519d42595859d5efe8bc4c79e256c7e.jpg"/>1706                    <div class="swiper-lazy-preloader"></div>1707                </div>1708                            <div class="swiper-slide">1709                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 3"1710                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1711                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-1-c0f7cdb3b8b57d68b50b34ba4d166d6b.jpg"/>1712                    <div class="swiper-lazy-preloader"></div>1713                </div>1714                            <div class="swiper-slide">1715                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 2"1716                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1717                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-12-46c91c69119482ca305bb35cd199b0f8.jpg"/>1718                    <div class="swiper-lazy-preloader"></div>1719                </div>1720                            <div class="swiper-slide">1721                    <img alt="Logis-Experts - Appartements - 396-398 Rue Saint-Vallier Ouest - 396-1 - 1"1722                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1723                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-1-st-vallier-3-b3e9474aac035e57ccd570a92bb9df7f.jpg"/>1724                    <div class="swiper-lazy-preloader"></div>1725                </div>1726                    </div>17271728                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1729                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1730                @click.stop.prevent="goPrev">1731            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1732        <path fill="currentColor"1733              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"/>1734    </svg>1735        </button>1736        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1737                @click.stop.prevent="goNext">1738            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1739        <path fill="currentColor"1740              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"/>1741    </svg>1742        </button>1743    </div>17441745    </div>1746            </div>1747        </div>1748    </div>17491750</div>17511752                </template>1753                    </div>1754    </div>1755</div>1756                    </div>1757                                <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1758                    <div class="p-3 block">1759                        <h3>Cette appartement n'est plus disponible</h3>1760                    </div>1761                </div>1762            </div>1763        </div>17641765        <div class="py-12 block md:hidden">1766            <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1767    <h4>1768        Rejoindre l'équipe de location1769    </h4>17701771    <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1772          action="/api/globals/apartments/contact-form" method="post">1773        <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">        <input type="hidden" name="building_id" value="235"/>1774        <input type="hidden" name="apartment_number" :value="apartmentNumber"/>177517761777        <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1778            <div class="c_select h-[40.5px]">1779                <select name="salutation" class="w-full" value="M." required>1780                    <option value="M.">M.</option>1781                    <option value="Mme">Mme</option>1782                    <option value="Mlle">Mlle</option>1783                    <option value="Dr">Dr</option>1784                    <option value="Pr">Pr</option>1785                </select>1786            </div>1787            <div class="c_input w-full">1788                <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1789            </div>1790            <div class="c_input w-full">1791                <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1792            </div>1793        </div>179417951796        <div class="c_input mt-2">1797            <input type="email" name="email" value="" required placeholder="Courriel"/>1798        </div>1799        <div class="c_input mt-2">1800            <input type="text" name="phone" value="" placeholder="Téléphone"/>1801        </div>1802        <div class="c_input mt-2">1803            <textarea rows="3" class="resize-none" name="message"1804                      placeholder="Message"></textarea>1805        </div>1806        1807        1808        <div class="u-flex-end mt-6 w-full">1809            <div class="cf-turnstile mb-4"1810                 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1811                 data-refresh-expired="auto"1812                 data-refresh-timeout="auto"1813                 data-theme="light">1814            </div>1815        </div>1816        <div class="u-flex-end w-full">1817            <button type="submit" class="btn -text">1818                Envoyer1819                <svg  class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1820        <path fill="currentColor"1821              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"/>1822    </svg>1823            </button>1824        </div>1825    </form>1826</div>1827        </div>18281829        <div class="py-12">1830            <div class="container mx-auto">1831                <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1832                    <div class="relative">1833                                                    <div class="h-full w-full flex flex-col justify-start items-start">1834    <div class="c_slider_images swiper | flex-1 w-full "1835         x-data="sliderImages(1,1,1, 1, 1, 1)">1836        <div class="swiper-wrapper">1837                            <div class="swiper-slide">1838                    <img alt="Logis-Experts - Immeubles - 396-398 Rue Saint-Vallier Ouest - Image principale"1839                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1840                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4.jpg"/>1841                    <div class="swiper-lazy-preloader"></div>1842                </div>1843                    </div>18441845                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1846                @click.stop.prevent="goPrev">1847            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1848        <path fill="currentColor"1849              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"/>1850    </svg>1851        </button>1852        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1853                @click.stop.prevent="goNext">1854            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1855        <path fill="currentColor"1856              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"/>1857    </svg>1858        </button>1859    </div>18601861                    <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1862                    </div>1863    </div>18641865                            <button aria-label="Montrer plus" type="button"1866                                    class="absolute z-10 top-3 right-3 round-btn -small"1867                                    @click.prevent="showBuildingModal = true">1868                                <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1869         viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1870        <path stroke-linecap="round" stroke-linejoin="round"1871              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"/>1872    </svg>1873                            </button>187418751876                            <template x-teleport="#modal-container">1877                                <div x-show="showBuildingModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1878    <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1879         @click.away="showBuildingModal = false;document.body.classList.remove('-modal-open')"1880         x-effect="1881            if (showBuildingModal){1882                document.body.classList.add('-modal-open')1883            } else {1884             document.body.classList.remove('-modal-open')1885            }1886         "1887         x-transition:enter="ease-out duration-300"1888         x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1889         x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1890         x-transition:leave-end="opacity-0 scale-90">18911892        <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')">1893            <svg  class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1894         viewBox="0 0 18 18">1895        <path1896            fill="currentColor"1897            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>1898    </svg>1899        </button>19001901        <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1902            <div class="flex-1 w-full h-full">1903                <div class="h-full w-full flex flex-col justify-start items-start">1904    <div class="c_slider_images swiper | flex-1 w-full "1905         x-data="sliderImages(1,1,1, 1, 1, 1)">1906        <div class="swiper-wrapper">1907                            <div class="swiper-slide">1908                    <img alt="Logis-Experts - Immeubles - 396-398 Rue Saint-Vallier Ouest - Image principale"1909                         class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1910                         loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-396-rue-saint-vallier-o-facade-7fdf92e4790d4a1c20469a9c65fb4ea4.jpg"/>1911                    <div class="swiper-lazy-preloader"></div>1912                </div>1913                    </div>19141915                <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1916                <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1917                @click.stop.prevent="goPrev">1918            <svg  class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1919        <path fill="currentColor"1920              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"/>1921    </svg>1922        </button>1923        <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1924                @click.stop.prevent="goNext">1925            <svg  class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1926        <path fill="currentColor"1927              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"/>1928    </svg>1929        </button>1930    </div>19311932    </div>1933            </div>1934        </div>1935    </div>19361937</div>19381939                            </template>19401941                                            </div>1942                    <div>1943                        <h2 class="h1">1944                            Bâtiment1945                        </h2>19461947                        <ul class="py-2 border-y border-gray-200 my-3">1948                                                            <li class="u-flex-start">1949                                    <span class="uppercase w-1/2">1950                                        Quartier1951                                    </span>1952                                    <span class="text-blue font-semibold w-1/2">1953                                        Saint-Sauveur1954                                    </span>1955                                </li>1956                            1957                                                        <li class="u-flex-start">1958                                <span class="uppercase w-1/2">1959                                    Nombre d'appartements1960                                </span>1961                                <span class="text-blue font-semibold w-1/2">1962                                                                        31963                                </span>1964                            </li>1965                        </ul>19661967                        1968                        1969                                                <p class="py-6">1970                            1971                        </p>1972                    </div>1973                </div>1974            </div>1975        </div>19761977        1978                    <div class="w-full p-building__map" x-data="staticMap(46.8119715, -71.239259)">19791980</div>1981            </main>19821983<footer class=" w-full">1984    <div class="bg-gray-500">1985        <div class="container w-full">1986            <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1987                <div>1988                    <a href="/" class="block">1989                        <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1990                             class="w-32 h-auto block"/>1991                    </a>1992                    <div class="u-flex-start space-x-4 mt-6">1993                        <p class="text-white font-brandon text-15px font-bold uppercase">1994                            Suivez-nous1995                        </p>1996                        <div class="u-flex-start space-x-4">19971998                            <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1999                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">2000                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"2001         viewBox="0 0 10.28 19.8">2002        <path fill="currentColor"2003              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"/>2004    </svg>2005                            </a>2006                            <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"2007                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">2008                                <svg  class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"2009         viewBox="0 0 21.14 21.14">2010        <path fill="currentColor"2011              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"/>2012        <path fill="currentColor"2013              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"/>2014        <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>2015    </svg>2016                            </a>2017                            <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"2018                               class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">2019                                <svg xmlns="http://www.w3.org/2000/svg"2020          class="text-white h-4 w-auto"2021         viewBox="0 0 310 310">2022        <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.732023		C77.16,101.969,74.922,99.73,72.16,99.73z"/>2024        <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.42025		c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>2026        <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.5992027		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.3192028		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.9952029		C310,145.43,300.549,94.761,230.454,94.761z"/>2030    </svg>2031                            </a>20322033                        </div>2034                    </div>2035                    <div class="mt-6 md:mt-12 md:pr-6">2036                        <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>2037                    </div>2038                </div>2039                <div class="md:pl-6 md:border-l border-white">20402041                    2042                    <nav>2043                        <ul class="space-y-3">2044                                                            <li class="">2045                                    <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"2046                                       target="_self"2047                                       href="/appartements">2048                                        <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">2049        <path fill="currentColor"2050              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"/>2051    </svg>2052                                        Appartements2053                                    </a>2054                                </li>2055                                                            <li class="">2056                                    <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"2057                                       target="_self"2058                                       href="/entreprise">2059                                        <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">2060        <path fill="currentColor"2061              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"/>2062    </svg>2063                                        L&#039;entreprise2064                                    </a>2065                                </li>2066                                                            <li class="">2067                                    <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"2068                                       target="_self"2069                                       href="/projets">2070                                        <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">2071        <path fill="currentColor"2072              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"/>2073    </svg>2074                                        Projets et réalisations2075                                    </a>2076                                </li>2077                                                            <li class="">2078                                    <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"2079                                       target="_self"2080                                       href="/nouvelles">2081                                        <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">2082        <path fill="currentColor"2083              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"/>2084    </svg>2085                                        Nouvelles2086                                    </a>2087                                </li>2088                                                            <li class="block md:hidden">2089                                    <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"2090                                       target="_self"2091                                       href="/emplois">2092                                        <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">2093        <path fill="currentColor"2094              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"/>2095    </svg>2096                                        Offres d&#039;emploi2097                                    </a>2098                                </li>2099                                                    </ul>2100                    </nav>21012102                </div>2103                <div class="md:pl-6 md:border-l border-white">2104                    <p class="text-white">2105                        574, boul. des Capucins,<br/>2106                        Québec (QC) G1J 3R82107                        <br/>2108                        <br/>2109                    </p>2110                    <p class="text-white">2111                        <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>2112                    </p>2113                    <p>2114                        <a href="/cdn-cgi/l/email-protection#31585f575e715d5e5658421c544941544345421f525e5c" class="inline-block text-white"><span class="__cf_email__" data-cfemail="b3daddd5dcf3dfdcd4dac09ed6cbc3d6c1c7c09dd0dcde">[email&#160;protected]</span></a>2115                    </p>2116                </div>2117            </div>211821192120                                        <div class="py-6 md:py-12">2121                    <h3 class="text-white">Projets futurs</h3>2122                    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">2123                                                    <div class="bg-white">2124    <div>2125                    <img alt="Logis-Experts - Projets - L&#039;Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"2126                 class="w-full block h-40 object-center object-cover"/>2127            </div>2128    <div class="border-t-2 border-blue p-3">2129        <h5 class="">L&#039;Attisée</h5>2130        <p class="-small pt-2">2131                            2132            2133            <a class="inline text-blue font-semibold" href="/projets/lattisee">2134                Voir plus2135                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2136        <path fill="currentColor"2137              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"/>2138    </svg>2139            </a>2140        </p>2141    </div>2142</div>2143                                                    <div class="bg-white">2144    <div>2145                    <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"2146                 class="w-full block h-40 object-center object-cover"/>2147            </div>2148    <div class="border-t-2 border-blue p-3">2149        <h5 class="">Le Brave 2</h5>2150        <p class="-small pt-2">2151                            2152            2153            <a class="inline text-blue font-semibold" href="/projets/le-brave-2">2154                Voir plus2155                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2156        <path fill="currentColor"2157              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"/>2158    </svg>2159            </a>2160        </p>2161    </div>2162</div>2163                                                    <div class="bg-white">2164    <div>2165                    <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"2166                 class="w-full block h-40 object-center object-cover"/>2167            </div>2168    <div class="border-t-2 border-blue p-3">2169        <h5 class="">Galiléo 5</h5>2170        <p class="-small pt-2">2171                            2172            2173            <a class="inline text-blue font-semibold" href="/projets/galileo-5">2174                Voir plus2175                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2176        <path fill="currentColor"2177              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"/>2178    </svg>2179            </a>2180        </p>2181    </div>2182</div>2183                                                    <div class="bg-white">2184    <div>2185                    <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"2186                 class="w-full block h-40 object-center object-cover"/>2187            </div>2188    <div class="border-t-2 border-blue p-3">2189        <h5 class="">Place du Chateau</h5>2190        <p class="-small pt-2">2191                            2192            2193            <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">2194                Voir plus2195                <svg  class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2196        <path fill="currentColor"2197              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"/>2198    </svg>2199            </a>2200        </p>2201    </div>2202</div>2203                                            </div>2204                </div>2205                        <p class="text-white text-center py-3 -small">2206                Tous droits réservés &copy; 2026 – Logis Experts – Réalisé par <a2207                    class="inline-block text-white"2208                    target="_blank"2209                    href="https://hebertcommunication.com">Hebertcommunication.com</a>2210                <span class="hidden">2211                    Code: <a2212                        class="inline-block font-semibold text-gray-500 "2213                        target="_blank"2214                        href="https://gilcode.com">Gilcode</a>2215                </span>2216            </p>2217        </div>2218    </div>2219    <div class="bg-gray-700 w-full py-6 md:py-3 p-3">2220        <div class="w-full">2221            <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">2222                <nav>2223                    <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">2224                                                    <li>2225                                <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"2226                                   aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"2227                                   href="https://logis-experts.com/pages/protection">2228                                    POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS2229                                </a>2230                            </li>2231                                              <!--  <li>2232                            <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"2233                               aria-label="Politique de confidentialité"2234                               href="/politique">2235                                Politique de confidentialité2236                            </a>2237                        </li> -->2238                    </ul>2239                </nav>2240                <nav>2241                    <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">2242                        <li>2243                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"2244                               aria-label="Mes favoris"2245                               href="/favoris">2246                                <svg  class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2247        <path fill="currentColor"2248              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"/>2249    </svg>2250                                Mes favoris2251                            </a>2252                        </li>2253                        <!--  <li>2254                            <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"2255                               aria-label="Partager"2256                               href="/share">2257                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2258        <path fill="currentColor"2259              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"/>2260    </svg>22612262                        Partager2263                    </a>2264                </li> -->2265                        <li>2266                            <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"2267                               aria-label="Imprimer"2268                               onclick="window.print()"2269                            >2270                                <svg  class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">2271        <path fill="currentColor"2272              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"/>2273    </svg>2274                                <span class="block md:hidden">2275                                    Imprimer2276                                </span>2277                            </button>2278                        </li>2279                    </ul>2280                </nav>2281            </div>2282        </div>2283    </div>2284</footer>2285<div class="js-cookie-consent cookie-consent  | fixed bottom-0 inset-x-0 z-10" style="display: none;">2286        <div class="p-4 bg-white shadow-xl borrder-t border-white">2287            <div class="flex items-center justify-center sm:space-x-6 flex-wrap">2288                <div class="">2289                    <p class="cookie-consent__message | text-blue text-center -small font-semibold">2290                        Ce site nécessite l'autorisation de cookies pour fonctionner correctement.2291                    </p>2292                </div>2293                <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">2294                    <button class="js-cookie-accept | cookie-consent__agree  | btn -border -small">2295                        Accepter2296                    </button>2297                    <button class="js-cookie-refuse | cookie-consent__refuse  | btn -text">2298                        Refuser2299                    </button>2300                </div>2301            </div>2302        </div>2303    </div>23042305    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>23062307        window.laravelCookieConsent = (function () {2308            const COOKIE_DOMAIN = '.logis-experts.com';23092310            function acceptWithCookies() {2311                setCookie('cookieConsent', "accept", 7300);231223132314                Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {2315                    _node.style.display = 'none';2316                })23172318                hideCookieDialog();2319            }23202321            function refuseWithCookies() {2322                setCookie('cookieConsent', "refuse", 7300);2323                hideCookieDialog();2324            }23252326            function getCookie(name) {2327                const value = `; ${document.cookie}`;2328                const parts = value.split(`; ${name}=`);2329                if (parts.length === 2) {2330                    return parts.pop().split(';').shift();2331                }2332                return null2333            }23342335            function hideCookieDialog() {2336                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {2337                    _node.style.display = 'none';2338                })2339            }23402341            function showCookieDialog() {2342                Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {2343                    _node.style.display = 'block';2344                })2345            }23462347            function setCookie(name, value, expirationInDays) {2348                const date = new Date();2349                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));2350                document.cookie = name + '=' + value2351                    + ';expires=' + date.toUTCString()2352                    + ';domain=' + COOKIE_DOMAIN2353                    + ';path=/'2354                    + ';samesite=lax';2355            }23562357            var currentCookie = getCookie('cookieConsent');2358            if (currentCookie === "accept" || currentCookie === "refuse") {2359                hideCookieDialog();2360            } else {2361                showCookieDialog();2362            }23632364            Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {2365                _btn.addEventListener('click', acceptWithCookies);2366            })23672368            Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {2369                _btn.addEventListener('click', refuseWithCookies);2370            })23712372            return true2373        })();2374    </script>237523762377<div id="modal-container"></div>23782379<template id="google-map-styles">2380    [2381  {2382    &quot;elementType&quot;: &quot;geometry&quot;,2383    &quot;stylers&quot;: [2384      {2385        &quot;color&quot;: &quot;#f5f5f5&quot;2386      }2387    ]2388  },2389  {2390    &quot;elementType&quot;: &quot;labels.icon&quot;,2391    &quot;stylers&quot;: [2392      {2393        &quot;visibility&quot;: &quot;off&quot;2394      }2395    ]2396  },2397  {2398    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2399    &quot;stylers&quot;: [2400      {2401        &quot;color&quot;: &quot;#616161&quot;2402      }2403    ]2404  },2405  {2406    &quot;elementType&quot;: &quot;labels.text.stroke&quot;,2407    &quot;stylers&quot;: [2408      {2409        &quot;color&quot;: &quot;#f5f5f5&quot;2410      }2411    ]2412  },2413  {2414    &quot;featureType&quot;: &quot;administrative.land_parcel&quot;,2415    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2416    &quot;stylers&quot;: [2417      {2418        &quot;color&quot;: &quot;#bdbdbd&quot;2419      }2420    ]2421  },2422  {2423    &quot;featureType&quot;: &quot;poi&quot;,2424    &quot;elementType&quot;: &quot;geometry&quot;,2425    &quot;stylers&quot;: [2426      {2427        &quot;color&quot;: &quot;#eeeeee&quot;2428      }2429    ]2430  },2431  {2432    &quot;featureType&quot;: &quot;poi&quot;,2433    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2434    &quot;stylers&quot;: [2435      {2436        &quot;color&quot;: &quot;#757575&quot;2437      }2438    ]2439  },2440  {2441    &quot;featureType&quot;: &quot;poi.park&quot;,2442    &quot;elementType&quot;: &quot;geometry&quot;,2443    &quot;stylers&quot;: [2444      {2445        &quot;color&quot;: &quot;#e5e5e5&quot;2446      }2447    ]2448  },2449  {2450    &quot;featureType&quot;: &quot;poi.park&quot;,2451    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2452    &quot;stylers&quot;: [2453      {2454        &quot;color&quot;: &quot;#9e9e9e&quot;2455      }2456    ]2457  },2458  {2459    &quot;featureType&quot;: &quot;road&quot;,2460    &quot;elementType&quot;: &quot;geometry&quot;,2461    &quot;stylers&quot;: [2462      {2463        &quot;color&quot;: &quot;#ffffff&quot;2464      }2465    ]2466  },2467  {2468    &quot;featureType&quot;: &quot;road.arterial&quot;,2469    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2470    &quot;stylers&quot;: [2471      {2472        &quot;color&quot;: &quot;#757575&quot;2473      }2474    ]2475  },2476  {2477    &quot;featureType&quot;: &quot;road.highway&quot;,2478    &quot;elementType&quot;: &quot;geometry&quot;,2479    &quot;stylers&quot;: [2480      {2481        &quot;color&quot;: &quot;#dadada&quot;2482      }2483    ]2484  },2485  {2486    &quot;featureType&quot;: &quot;road.highway&quot;,2487    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2488    &quot;stylers&quot;: [2489      {2490        &quot;color&quot;: &quot;#616161&quot;2491      }2492    ]2493  },2494  {2495    &quot;featureType&quot;: &quot;road.local&quot;,2496    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2497    &quot;stylers&quot;: [2498      {2499        &quot;color&quot;: &quot;#9e9e9e&quot;2500      }2501    ]2502  },2503  {2504    &quot;featureType&quot;: &quot;transit.line&quot;,2505    &quot;elementType&quot;: &quot;geometry&quot;,2506    &quot;stylers&quot;: [2507      {2508        &quot;color&quot;: &quot;#e5e5e5&quot;2509      }2510    ]2511  },2512  {2513    &quot;featureType&quot;: &quot;transit.station&quot;,2514    &quot;elementType&quot;: &quot;geometry&quot;,2515    &quot;stylers&quot;: [2516      {2517        &quot;color&quot;: &quot;#eeeeee&quot;2518      }2519    ]2520  },2521  {2522    &quot;featureType&quot;: &quot;water&quot;,2523    &quot;elementType&quot;: &quot;geometry&quot;,2524    &quot;stylers&quot;: [2525      {2526        &quot;color&quot;: &quot;#c0e3f2&quot;2527      }2528    ]2529  },2530  {2531    &quot;featureType&quot;: &quot;water&quot;,2532    &quot;elementType&quot;: &quot;labels.text.fill&quot;,2533    &quot;stylers&quot;: [2534      {2535        &quot;color&quot;: &quot;#9e9e9e&quot;2536      }2537    ]2538  }2539]25402541</template>25422543<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>2544<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>2545<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>2546<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>2547<script2548    src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000&region=CA&language=fr&libraries=places&callback=initMap">2549</script>25502551</body>2552</html>2553