spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
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 | 332-338 Rue De La Salle</title>9<meta name="csrf-token" content="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z">10<meta name="domains" content="https://logis-experts.com">11<meta name="description" content="Appartements disponibles à 332-338 Rue De La Salle — 338 Rue de la Salle #332, Québec, QC G1K 2T6, Canada. Géré par Logis-Experts.">1213<link rel="canonical" href="https://logis-experts.com/immeuble/332-338-rue-de-la-salle" />1415<meta property="og:title" content="Logis-Experts | 332-338 Rue De La Salle"/>16<meta property="og:description" content="Appartements disponibles à 332-338 Rue De La Salle — 338 Rue de la Salle #332, Québec, QC G1K 2T6, Canada. Géré par Logis-Experts."/>17<meta property="og:url" content="https://logis-experts.com/immeuble/332-338-rue-de-la-salle"/>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 | 332-338 Rue De La Salle" />26<meta name="twitter:description" content="Appartements disponibles à 332-338 Rue De La Salle — 338 Rue de la Salle #332, Québec, QC G1K 2T6, 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/332-338-rue-de-la-salle",36 "url": "https://logis-experts.com/immeuble/332-338-rue-de-la-salle",37 "name": "Logis-Experts | 332-338 Rue De La Salle",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:20+00:00",43 "breadcrumb": {44 "@id": "https://logis-experts.com/immeuble/332-338-rue-de-la-salle/#breadcrumb"45 },46 "inLanguage": "fr-CA",47 "potentialAction": [48 {49 "@type": "ReadAction",50 "target": [51 "https://logis-experts.com/immeuble/332-338-rue-de-la-salle"52 ]53 }54 ]55 },56 {57 "@type": "BreadcrumbList",58 "@id": "https://logis-experts.com/immeuble/332-338-rue-de-la-salle/#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 332-338 Rue De La Salle",76 "item": "https://logis-experts.com/immeuble/332-338-rue-de-la-salle"77 },78 {79 "@type": "ListItem",80 "position": 4,81 "name": "Appartement #332-3",82 "item": "https://logis-experts.com/immeuble/332-338-rue-de-la-salle/appartement/332-3"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'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'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'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'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('332-338-rue-de-la-salle','1', '332-3', '[{"id":801,"uuid":"ab9c4b2d-1405-427d-88ae-0abaa5c0d4f1","level":1,"floor_plan_id":5627,"building_id":240,"created_at":"2025-06-05T06:01:17.000000Z","updated_at":"2025-06-05T06:01:17.000000Z"},{"id":800,"uuid":"a6765f57-ddb6-41fa-8054-db88d3ba00c6","level":2,"floor_plan_id":5625,"building_id":240,"created_at":"2025-06-05T06:01:17.000000Z","updated_at":"2025-06-05T06:01:17.000000Z"}]', '["332-3"]', '[]')">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 - 332-338 Rue De La Salle - 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-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362.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="240"/>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 | 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 | 571 </a>572 </li>573 <li>574 <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"575 href="/immeuble/332-338-rue-de-la-salle">576 Immeuble 332-338 Rue De La Salle577 | 578 </a>579 </li>580 <li>581 <a class="text-white uppercase font-normal text-12px md:text-15px whitespace-nowrap"582 href="/immeuble/332-338-rue-de-la-salle/appartement/332-3">583 Appartement #332-3584 </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">332-338 Rue De La Salle</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 338 Rue de la Salle #332, Québec, QC G1K 2T6, Canada615 </p>616 <p class="-small">617 (Quartier: Saint-Roch)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 945$ 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(240)" @click="onClick">651 <svg :class="isFavorite ? 'hidden' : ''" class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">652 <path fill="currentColor"653 d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.8-10.21,11.13A.46.46,0,0,1,15.9,25.62Zm-5-18.24a4.87,4.87,0,0,0-1.71.31,4.81,4.81,0,0,0-2.77,6.2c.79,2.06,6.79,8,9.44,10.55C18.59,22,24.68,16.06,25.51,14a4.8,4.8,0,0,0-8.91-3.57,2.42,2.42,0,0,0-.11.35.47.47,0,0,1-.49.37.5.5,0,0,1-.48-.37c0-.11-.06-.22-.09-.31A4.81,4.81,0,0,0,10.94,7.38Z"/>654 </svg>655 <svg :class="isFavorite ? '' : 'hidden'" x-cloak class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">656 <path fill="currentColor"657 d="M15.9,25.62a.51.51,0,0,1-.35-.13c-.36-.34-9-8.43-10-11.24A5.8,5.8,0,0,1,8.87,6.76,5.82,5.82,0,0,1,16,9.34a5.8,5.8,0,0,1,10.43,5c-1.13,2.82-9.84,10.79-10.21,11.13A.46.46,0,0,1,15.9,25.62Z"/>658 </svg>659</div>660 </div>661662 <div data-tippy-content="Partager sur facebook">663 <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareOnFacebook">664 <svg class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">665 <path fill="currentColor"666 d="M16,5.43A8.84,8.84,0,0,0,9.14,19.85a5.39,5.39,0,0,1-1.78,2.31.4.4,0,0,0-.16.39.42.42,0,0,0,.27.33,6.13,6.13,0,0,0,5-.48,8.74,8.74,0,0,0,3.5.72A8.85,8.85,0,0,0,16,5.43ZM16,22.3a7.87,7.87,0,0,1-3.35-.74.42.42,0,0,0-.39,0,5.32,5.32,0,0,1-2.8.8,4.62,4.62,0,0,1-1-.1A5.93,5.93,0,0,0,10,19.91a.43.43,0,0,0-.07-.41A8,8,0,1,1,16,22.3Zm2.37-10.64H17.2v-.38a.35.35,0,0,1,0-.06h1.13a.41.41,0,0,0,.41-.41V9.11a.41.41,0,0,0-.41-.41H16.81a2.35,2.35,0,0,0-2.5,2.49v.48h-.57a.42.42,0,0,0-.41.42v2a.42.42,0,0,0,.41.41h.58V19a.41.41,0,0,0,.41.41h2a.41.41,0,0,0,.42-.41V14.47h1.06a.4.4,0,0,0,.4-.38l.18-2a.36.36,0,0,0-.1-.31A.41.41,0,0,0,18.37,11.66Zm-.56,2h-1.1a.41.41,0,0,0-.41.41V18.6H15.15V14.06a.41.41,0,0,0-.42-.41h-.57V12.49h.57a.42.42,0,0,0,.41-.41v-.9a1.52,1.52,0,0,1,1.67-1.66h1.12v.88h-.7a.82.82,0,0,0-.85.88v.8a.41.41,0,0,0,.41.41h1.12Z"/>667 </svg>668 </div>669 </div>670 <div data-tippy-content="Partager par courriel">671 <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="shareByEmail">672 <svg class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">673 <path fill="currentColor"674 d="M25.09,7.11a.37.37,0,0,0-.19-.33.39.39,0,0,0-.38,0L7,17.77a.38.38,0,0,0-.17.38.37.37,0,0,0,.29.3l5.94,1.26L14.82,25a.57.57,0,0,0,.5.29.39.39,0,0,0,.15,0c.06,0,.1-.06.15-.09s.09.06.14.06a.37.37,0,0,0,.27-.12l3.78-3.95,4.89,1A.34.34,0,0,0,25,22.1a.37.37,0,0,0,.14-.29Zm-9.77,17L13.8,19.49l7.81-7.8L16.66,20a.06.06,0,0,1,0,0,.05.05,0,0,0,0,0Zm.87-.28,1-3.24L19,21ZM20,20.41h0a.35.35,0,0,0-.35-.07l-2.07-.44,5.12-8.57a.65.65,0,0,0-.16-.84.63.63,0,0,0-.85.06L13.25,19l-5-1.07L24.34,7.79l.06,13.55Z"/>675 </svg>676 </div>677 </div>678 <div data-tippy-content="Copier l'URL">679 <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="copyURL">680 <svg class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">681 <path fill="currentColor"682 d="M23.11,11.06H20.94V9.28a2.17,2.17,0,0,0-2.17-2.17H9.28A2.17,2.17,0,0,0,7.11,9.28v9.49a2.17,2.17,0,0,0,2.17,2.17h1.78v2.17a1.78,1.78,0,0,0,1.77,1.78H23.11a1.78,1.78,0,0,0,1.78-1.78V12.83A1.78,1.78,0,0,0,23.11,11.06ZM9.28,19.75a1,1,0,0,1-1-1V9.28a1,1,0,0,1,1-1h9.5a1,1,0,0,1,1,1v1.78H12.83a1.78,1.78,0,0,0-1.77,1.77v6.92ZM23.7,23.11a.58.58,0,0,1-.59.59H12.83a.59.59,0,0,1-.6-.59h0V12.83a.6.6,0,0,1,.6-.6H23.11a.59.59,0,0,1,.59.6h0Z"/>683 </svg>684 </div>685 </div>686 <div data-tippy-content="Imprimer">687 <div class="bg-blue-100 w-40px h-40px p-1 rounded-full u-flex-center cursor-pointer" @click="printPDF">688 <svg class="text-blue w-auto h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">689 <path fill="currentColor"690 d="M10.73,11.55a.5.5,0,0,0,.5-.5V7.61h9.53v3.44a.5.5,0,0,0,.5.5.5.5,0,0,0,.5-.5V7.11a.5.5,0,0,0-.5-.5H10.73a.5.5,0,0,0-.5.5v3.94A.5.5,0,0,0,10.73,11.55Zm12.92.14H8.35A1.31,1.31,0,0,0,7,13v8.54a1.31,1.31,0,0,0,1.31,1.31H9.6a.5.5,0,1,0,0-1H8.35A.31.31,0,0,1,8,21.54V13a.31.31,0,0,1,.31-.31h15.3A.31.31,0,0,1,24,13v8.54a.31.31,0,0,1-.31.31H22.4a.5.5,0,0,0,0,1h1.25A1.31,1.31,0,0,0,25,21.54V13A1.31,1.31,0,0,0,23.65,11.69Zm-2.39,4.45H10.73a.51.51,0,0,0-.5.5v8.25a.5.5,0,0,0,.5.5H21.26a.5.5,0,0,0,.5-.5V16.64A.5.5,0,0,0,21.26,16.14Zm-.5,8.25H11.23V17.14h9.53Zm-7.54-1.82h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,22.57Zm0-2.61h5.56a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H13.22a.5.5,0,0,0-.5.5A.5.5,0,0,0,13.22,20Zm8.39-5a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5H20.06a.5.5,0,0,0-.5.5.51.51,0,0,0,.5.5Z"/>691 </svg>692 </div>693 </div>694</div>695 </div>696 </div>697 </div>698 </div>699 </div>700 <div class="py-12">701 <h4>702 Plan des immeubles et détails des appartements703 </h4>704 <div class="flex flex-row flex-wrap justify-between items-stretch mt-6">705 <div class="w-full md:w-1/2 md:pr-12">706 <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">707 708 <h6 class="text-left">709 Plan de l'immeuble710 </h6>711 <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">712713 <div class="w-full h-full flex-1">714 <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">715 <img class="w-32 md:w-52 h-auto object-contain object-center block"716 alt="Logis-Experts - Plan à venir"717 src="/static/images/icons/no-plan@2x.png"/>718 <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>719</div>720 </div>721 </div>722 </div>723 </div>724 <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">725 <div class="border border-gray-200 h-full p-2 flex flex-col justify-start items-start">726 <h6 class="">727 Plan des étages728 </h6>729 <div class="flex-1 mt-2 h-full w-full flex flex-col justify-center items-center">730 <div class="w-full flex flex-row flex-wrap justify-start items-center gap-3 pb-12">731 <button name="button" class="btn -border-b"732 @click="changeFloorLevel('1')"733 :class="floorLevel === '1' ? '-active' :''">734 Rez-de-chaussée735 </button>736 <button name="button" class="btn -border-b"737 @click="changeFloorLevel('2')"738 :class="floorLevel === '2' ? '-active' :''">739 Étage 2740 </button>741 </div>742 <div class="w-full h-full flex-1">743 <div class="h-full w-full"744 :class="floorLevel !== '1' ? 'hidden' :''">745 <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">746 <img class="w-32 md:w-52 h-auto object-contain object-center block"747 alt="Logis-Experts - Plan à venir"748 src="/static/images/icons/no-plan@2x.png"/>749 <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>750</div>751 </div>752 <div class="h-full w-full"753 :class="floorLevel !== '2' ? 'hidden' :''">754 <div class="h-full flex flex-col justify-center items-center py-12 px-6 ">755 <img class="w-32 md:w-52 h-auto object-contain object-center block"756 alt="Logis-Experts - Plan à venir"757 src="/static/images/icons/no-plan@2x.png"/>758 <h4 class="text-gray-300 text-center pt-3">Plan à venir</h4>759</div>760 </div>761 </div>762 </div>763 </div>764765 </div>766 </div>767 </div>768 <div class="py-12">769 <h4>770 Appartements disponibles771 </h4>772 <div class="max-h-75vh md:max-h-50vh overflow-y-auto mt-4" x-ref="apartmentsList">773 <div class="w-full h-full border border-gray-200 grid grid-cols-1 auto-rows-fr">774 <div x-cloak775 :class="(apartmentType && apartmentType !== 'loft') ? 'hidden' : ''">776 <div777 id="apartment-list-item-4589"778 data-id="4589"779 data-number="332-3"780 class="apartment-list-item | p-3 block cursor-pointer h-full w-full transition duration-100 group hover:border-2 hover:border-blue"781 :class="`${apartmentNumber === '332-3' ? 'border-2 border-blue' : 'border-2 border-transparent'}`"782 @click.prevent="showApartment('332-3', '1')"783>784 <div class="w-full h-full flex flex-row flex-wrap md:flex-nowrap justify-between items-stretch">785 <p class="uppercase text-gray-500 font-bold block md:hidden">Appartement 332-3</p>786 <div class="flex flex-row md:flex-col justify-between items-center md:items-start w-full md:w-1/5">787788 <p class="font-semibold text-gray-500">789 Loft790 </p>791 <p>300 pi<sup>2</sup> brute</p>792 793 <p class="text-gray-500 font-semibold line-through">794 995$/mois795 </p>796 <p class="-small text-red-500 font-semibold">797 Rabais de 50$/mois798 </p>799 <p class="text-gray-500 font-semibold">800 945$/mois801 </p>802 803 </div>804 <div class="w-full md:w-2/5 mt-3 md:mt-0">805 <div class="u-flex-start relative mb-3 md:mb-0">806 <svg class="w-4 mr-2 h-auto text-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">807 <circle stroke="currentColor" fill="none"808 stroke-miterlimit="10" cx="13" cy="13" r="12.5"/>809 <polygon fill="currentColor"810 points="8.49 18.59 8.49 9.57 6.47 11.26 6.47 18.59 6.47 20.61 8.49 20.61 12.91 20.61 14.59 18.59 8.49 18.59"/>811 <polygon fill="currentColor"812 points="17.51 5.39 13.09 5.39 11.41 7.41 17.51 7.41 17.51 9.73 10.81 9.73 10.81 11.84 17.51 11.84 17.51 14.16 10.81 14.16 10.81 16.27 17.51 16.27 17.51 16.43 19.53 14.74 19.53 7.41 19.53 5.39 17.51 5.39"/>813 </svg>814 <p>Disponible à partir du815 <span class="font-bold">816 1 Juillet 2026817 </span>818 </p>819 </div>820 <p class="uppercase text-gray-500 font-bold hidden md:block">Appartement 332-3</p>821 <p class="hidden md:block">338 Rue de la Salle #332, Québec, QC G1K 2T6, Canada</p>822 <div class="u-flex-start">823 <div data-tippy-content="Chauffé / éclairé">824 <svg class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">825 <path fill="currentColor"826 d="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"/>827 </svg>828 </div>829 <div data-tippy-content="Électroménager">830 <svg class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">831 <path fill="currentColor"832 d="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"/>833 </svg>834 </div>835<!-- TODO: Add all icon -->836 </div>837 </div>838 <div class="u-flex-end w-full md:w-2/5 space-x-4 mt-3 md:mt-0">839 <!-- <a href="/comparer" class="btn -text u-flex-start">840 <svg class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">841 <path fill="currentColor"842 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"/>843 </svg>844 Comparer maintenant845 </a>846 <a href="#contact-form" class="hidden md:flex w-full md:w-auto btn -text u-flex-start">847 <svg class="block w-8 h-auto text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">848 <path fill="currentColor"849 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"/>850 </svg>851 Planifier votre visite852 </a>-->853 <a href="/immeuble/332-338-rue-de-la-salle/appartement/332-3"854 @click.prevent="showApartment('332-3', '1')"855 class="w-full md:w-auto btn -group-hover"856 :class="`${apartmentNumber === '332-3' ? '' : '-border'}`"857 >858 Voir les détails859 </a>860 </div>861 </div>862</div>863 <div class="h-px w-full bg-gray-200"></div>864 </div>865 </div>866 </div>867 </div>868 </div>869 <div class="" x-ref="apartmentDetails">870 <div class="container mx-auto">871 <!-- TODO: USe AJAX to not show all appartments ? -->872 <div x-cloak :class="apartmentNumber !== '332-3' ? 'hidden' : ''">873 <div id="apartment-details-332-3" data-id="4589"874 class="bg-blue-100 p-6 block"875 x-data="apartmentDetails()">876 <div class="flex flex-row flex-wrap justify-center items-stretch">877 <div class="w-full md:w-1/2 md:pr-12">878 <h4 class="text-gray-500">879 Détails: Appartement 332-3880 </h4>881 <p>882 Loft883 </p>884 <p class="">885 300 pi<sup>2</sup>886 </p>887 888 <p class="text-gray-500 font-semibold line-through">889 995$/mois890 </p>891 <p class="-small text-red-500 font-semibold">892 Rabais de 50$/mois893 </p>894 <p class="text-gray-500 font-semibold">895 945$/mois896 </p>897 898899 900 <div class="py-2 border-y border-gray-200 my-2 u-flex-start">901 <div data-tippy-content="Chauffé / éclairé">902 <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">903 <path fill="currentColor"904 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"/>905 </svg>906 </div>907 <div data-tippy-content="Électroménager">908 <svg class="text-gray-500 block w-8 md:w-10 h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">909 <path fill="currentColor"910 d="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"/>911 </svg>912 </div>913<!-- TODO: Add all icon -->914 </div>915 <ul class="pt-4 space-y-1 ">916917 <li class="u-flex-start-top">918 <h6 class="w-1/2 text-gray-300 leading-24px">919 Étage920 </h6>921 <p class="w-1/2">922 Rez-de-chaussée923 </p>924 </li>925 926 <li class="u-flex-start-top">927 <h6 class="w-1/2 text-gray-300 leading-24px">928 Disponibilité929 </h6>930 <p class="w-1/2">931 1 juillet 2026932 </p>933 </li>934 <li class="u-flex-start-top">935 <h6 class="w-1/2 text-gray-300 leading-24px">936 Superficie937 </h6>938 <p class="w-1/2">939 300 pi<sup>2</sup>940 </p>941 </li>942 <li class="u-flex-start-top">943 <h6 class="w-1/2 text-gray-300 leading-24px">944 Frais d'énergie945 </h6>946 <p class="w-1/2">947 Chauffé & Éclairé948 </p>949 </li>950 <li class="u-flex-start-top">951 <h6 class="w-1/2 text-gray-300 leading-24px">952 Eau chaude inclus953 </h6>954 <p class="w-1/2">955 Oui956 </p>957 </li>958 959 960 961 <li class="u-flex-start-top">962 <h6 class="w-1/2 text-gray-300 leading-24px">963 Aménagement inclus964 </h6>965 <p class="w-1/2">966 Électroménager967 </p>968 </li>969 970 971 972 <li class="u-flex-start-top">973 <h6 class="w-1/2 text-gray-300 leading-24px">974 Type de climatisation975 </h6>976 <p class="w-1/2">977 Aucun978 </p>979 </li>980981982 983 <li class="u-flex-start-top">984 <h6 class="w-1/2 text-gray-300 leading-24px">985 Internet inclus986 </h6>987 <p class="w-1/2">988 Oui989 </p>990 </li>991 992 993 994 995996 <li class="u-flex-start-top">997 <h6 class="w-1/2 text-gray-300 leading-24px">998 Balcon privée999 </h6>1000 <p class="w-1/2">1001 Non1002 </p>1003 </li>1004 1005 1006 1007 <li class="u-flex-start-top">1008 <h6 class="w-1/2 text-gray-300 leading-24px">1009 Électroménager inclus1010 </h6>1011 <p class="w-1/2">1012 Cuisinière Blanc, Réfrigérateur blanc1013 </p>1014 </li>1015 1016 10171018 </ul>10191020 10211022 <a href="#contact-form" class="btn -border u-flex-start mt-12">1023 Rejoindre l'agent de location1024 </a>1025 </div>1026 <div class="w-full md:w-1/2 md:pl-12 mt-12 md:mt-0">1027 <div class="h-full max-h-500px lg:max-h-600px relative">1028 <div class="h-full w-full flex flex-col justify-start items-start">1029 <div class="c_slider_images swiper | flex-1 w-full "1030 x-data="sliderImages(7,1,1, 1, 1, 1)">1031 <div class="swiper-wrapper">1032 <div class="swiper-slide">1033 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 7"1034 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1035 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07.jpg"/>1036 <div class="swiper-lazy-preloader"></div>1037 </div>1038 <div class="swiper-slide">1039 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 6"1040 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1041 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca.jpg"/>1042 <div class="swiper-lazy-preloader"></div>1043 </div>1044 <div class="swiper-slide">1045 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 5"1046 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1047 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07.jpg"/>1048 <div class="swiper-lazy-preloader"></div>1049 </div>1050 <div class="swiper-slide">1051 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 4"1052 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1053 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea.jpg"/>1054 <div class="swiper-lazy-preloader"></div>1055 </div>1056 <div class="swiper-slide">1057 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 3"1058 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1059 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008.jpg"/>1060 <div class="swiper-lazy-preloader"></div>1061 </div>1062 <div class="swiper-slide">1063 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 2"1064 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1065 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677.jpg"/>1066 <div class="swiper-lazy-preloader"></div>1067 </div>1068 <div class="swiper-slide">1069 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 1"1070 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1071 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce.jpg"/>1072 <div class="swiper-lazy-preloader"></div>1073 </div>1074 </div>10751076 <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1077 @click.stop.prevent="goPrev">1078 <svg class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1079 <path fill="currentColor"1080 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"/>1081 </svg>1082 </button>1083 <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1084 @click.stop.prevent="goNext">1085 <svg class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1086 <path fill="currentColor"1087 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"/>1088 </svg>1089 </button>1090 </div>10911092 <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1093 <div class="w-full h-40 md:h-24 cursor-pointer" @click.prevent="showModal = true">1094 <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca.jpg" alt=""1095 class="block object-cover object-center w-full h-full"/>1096 </div>1097 <div class="w-full h-40 md:h-24 cursor-pointer" @click.prevent="showModal = true">1098 <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07.jpg" alt=""1099 class="block object-cover object-center w-full h-full"/>1100 </div>1101 <div class="w-full h-40 md:h-24 cursor-pointer" @click.prevent="showModal = true">1102 <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea.jpg" alt=""1103 class="block object-cover object-center w-full h-full"/>1104 </div>1105 <div class="w-full h-40 md:h-24 cursor-pointer" @click.prevent="showModal = true">1106 <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008.jpg" alt=""1107 class="block object-cover object-center w-full h-full"/>1108 </div>1109 <div class="w-full h-40 md:h-24 hidden md:block cursor-pointer" @click.prevent="showModal = true">1110 <img loading="lazy" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677.jpg" alt=""1111 class="block object-cover object-center w-full h-full"/>1112 </div>1113 </div>1114 </div>11151116 <button aria-label="Montrer plus" type="button" class="absolute z-10 top-3 right-3 round-btn -small"1117 @click.prevent="showModal = true">1118 <svg class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1119 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1120 <path stroke-linecap="round" stroke-linejoin="round"1121 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"/>1122 </svg>1123 </button>1124 </div>1125 <template x-teleport="#modal-container">1126 <div x-show="showModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1127 <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1128 @click.away="showModal = false;document.body.classList.remove('-modal-open')"1129 x-effect="1130 if (showModal){1131 document.body.classList.add('-modal-open')1132 } else {1133 document.body.classList.remove('-modal-open')1134 }1135 "1136 x-transition:enter="ease-out duration-300"1137 x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1138 x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1139 x-transition:leave-end="opacity-0 scale-90">11401141 <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')">1142 <svg class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1143 viewBox="0 0 18 18">1144 <path1145 fill="currentColor"1146 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>1147 </svg>1148 </button>11491150 <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1151 <div class="flex-1 w-full h-full">1152 <div class="h-full w-full flex flex-col justify-start items-start">1153 <div class="c_slider_images swiper | flex-1 w-full "1154 x-data="sliderImages(7,1,1, 1, 1, 1)">1155 <div class="swiper-wrapper">1156 <div class="swiper-slide">1157 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 7"1158 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1159 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-254c3b62-2b98-4403-8ff2-9eec021f3a6c-66eba21f85e3124d01e344b28abe6e07.jpg"/>1160 <div class="swiper-lazy-preloader"></div>1161 </div>1162 <div class="swiper-slide">1163 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 6"1164 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1165 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-eeb56f19-e4e8-4030-bf60-4610bca25716-bd94e3d50d5ecae3c8bed7f9452a4fca.jpg"/>1166 <div class="swiper-lazy-preloader"></div>1167 </div>1168 <div class="swiper-slide">1169 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 5"1170 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1171 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cb54692a-020f-4e6f-b426-66d966f6c435-f020a981907408d203685313796e8c07.jpg"/>1172 <div class="swiper-lazy-preloader"></div>1173 </div>1174 <div class="swiper-slide">1175 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 4"1176 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1177 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-a33aed10-436e-4b0c-a22f-4d87a637f3ed-511b174978821d09fe8b2fbbd7d0cdea.jpg"/>1178 <div class="swiper-lazy-preloader"></div>1179 </div>1180 <div class="swiper-slide">1181 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 3"1182 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1183 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-16c313c5-9fdf-44a7-96a5-6e27b0daf87e-654823102ab088de05631a4b841f9008.jpg"/>1184 <div class="swiper-lazy-preloader"></div>1185 </div>1186 <div class="swiper-slide">1187 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 2"1188 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1189 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-598800f2-3cc2-4119-98c1-1cd41c05c808-c4ccff8f36b14ff523e6d4e4ff91a677.jpg"/>1190 <div class="swiper-lazy-preloader"></div>1191 </div>1192 <div class="swiper-slide">1193 <img alt="Logis-Experts - Appartements - 332-338 Rue De La Salle - 332-3 - 1"1194 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1195 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-323c3dbe-3e03-4d38-848c-8ed7ec7d43a6-3034d6aa90dfc24b200fd00a457ebcce.jpg"/>1196 <div class="swiper-lazy-preloader"></div>1197 </div>1198 </div>11991200 <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1201 <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1202 @click.stop.prevent="goPrev">1203 <svg class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1204 <path fill="currentColor"1205 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"/>1206 </svg>1207 </button>1208 <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1209 @click.stop.prevent="goNext">1210 <svg class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1211 <path fill="currentColor"1212 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"/>1213 </svg>1214 </button>1215 </div>12161217 </div>1218 </div>1219 </div>1220 </div>12211222</div>12231224 </template>1225 </div>1226 </div>1227</div>1228 </div>1229 <div x-cloak :class="noApartmentAvailable ? '' : 'hidden'">1230 <div class="p-3 block">1231 <h3>Cette appartement n'est plus disponible</h3>1232 </div>1233 </div>1234 </div>1235 </div>12361237 <div class="py-12 block md:hidden">1238 <div class="w-full h-full bg-white px-2 md:p-12" id="contact-form">1239 <h4>1240 Rejoindre l'équipe de location1241 </h4>12421243 <form class="h-full flex flex-col justify-between items-start py-3 | building-form"1244 action="/api/globals/apartments/contact-form" method="post">1245 <input type="hidden" name="_token" value="B6AFeAy2pDGr8vKwrfuCNQzJDW7DQ0wBVyc32N7Z"> <input type="hidden" name="building_id" value="240"/>1246 <input type="hidden" name="apartment_number" :value="apartmentNumber"/>124712481249 <div class="mt-2 w-full flex flex-nowrap flex-row justify-start items-center gap-2">1250 <div class="c_select h-[40.5px]">1251 <select name="salutation" class="w-full" value="M." required>1252 <option value="M.">M.</option>1253 <option value="Mme">Mme</option>1254 <option value="Mlle">Mlle</option>1255 <option value="Dr">Dr</option>1256 <option value="Pr">Pr</option>1257 </select>1258 </div>1259 <div class="c_input w-full">1260 <input class="w-full" type="text" name="first_name" value="" required placeholder="Prénom"/>1261 </div>1262 <div class="c_input w-full">1263 <input class="w-full" type="text" name="last_name" value="" required placeholder="Nom"/>1264 </div>1265 </div>126612671268 <div class="c_input mt-2">1269 <input type="email" name="email" value="" required placeholder="Courriel"/>1270 </div>1271 <div class="c_input mt-2">1272 <input type="text" name="phone" value="" placeholder="Téléphone"/>1273 </div>1274 <div class="c_input mt-2">1275 <textarea rows="3" class="resize-none" name="message"1276 placeholder="Message"></textarea>1277 </div>1278 1279 1280 <div class="u-flex-end mt-6 w-full">1281 <div class="cf-turnstile mb-4"1282 data-sitekey="0x4AAAAAACewV2gz0-ShTCkg"1283 data-refresh-expired="auto"1284 data-refresh-timeout="auto"1285 data-theme="light">1286 </div>1287 </div>1288 <div class="u-flex-end w-full">1289 <button type="submit" class="btn -text">1290 Envoyer1291 <svg class="-arrow-bold text-blue block w-4 ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1292 <path fill="currentColor"1293 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"/>1294 </svg>1295 </button>1296 </div>1297 </form>1298</div>1299 </div>13001301 <div class="py-12">1302 <div class="container mx-auto">1303 <div class="grid grid-cols-1 md:grid-cols-2 gap-12 pt-6">1304 <div class="relative">1305 <div class="h-full w-full flex flex-col justify-start items-start">1306 <div class="c_slider_images swiper | flex-1 w-full "1307 x-data="sliderImages(1,1,1, 1, 1, 1)">1308 <div class="swiper-wrapper">1309 <div class="swiper-slide">1310 <img alt="Logis-Experts - Immeubles - 332-338 Rue De La Salle - Image principale"1311 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-cover "1312 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362.jpg"/>1313 <div class="swiper-lazy-preloader"></div>1314 </div>1315 </div>13161317 <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -small" x-ref="prev"1318 @click.stop.prevent="goPrev">1319 <svg class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1320 <path fill="currentColor"1321 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1322 </svg>1323 </button>1324 <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -small" x-ref="next"1325 @click.stop.prevent="goNext">1326 <svg class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1327 <path fill="currentColor"1328 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"/>1329 </svg>1330 </button>1331 </div>13321333 <div class="c_slider_images__bottom | w-full grid grid-cols-2 md:grid-cols-5 gap-3 mt-3">1334 </div>1335 </div>13361337 <button aria-label="Montrer plus" type="button"1338 class="absolute z-10 top-3 right-3 round-btn -small"1339 @click.prevent="showBuildingModal = true">1340 <svg class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg" fill="none"1341 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">1342 <path stroke-linecap="round" stroke-linejoin="round"1343 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"/>1344 </svg>1345 </button>134613471348 <template x-teleport="#modal-container">1349 <div x-show="showBuildingModal" class="bg-black-transparent overflow-auto fixed inset-0 z-10 flex items-center justify-center">1350 <div class="bg-white w-11/12 lg:w-2/3 2xl:w-3/5 h-90vh mx-auto rounded relative shadow-lg"1351 @click.away="showBuildingModal = false;document.body.classList.remove('-modal-open')"1352 x-effect="1353 if (showBuildingModal){1354 document.body.classList.add('-modal-open')1355 } else {1356 document.body.classList.remove('-modal-open')1357 }1358 "1359 x-transition:enter="ease-out duration-300"1360 x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"1361 x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"1362 x-transition:leave-end="opacity-0 scale-90">13631364 <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')">1365 <svg class="text-black p-0.5" xmlns="http://www.w3.org/2000/svg"1366 viewBox="0 0 18 18">1367 <path1368 fill="currentColor"1369 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>1370 </svg>1371 </button>13721373 <div class="p-4 pt-12 flex flex-col justify-center items-center h-full">1374 <div class="flex-1 w-full h-full">1375 <div class="h-full w-full flex flex-col justify-start items-start">1376 <div class="c_slider_images swiper | flex-1 w-full "1377 x-data="sliderImages(1,1,1, 1, 1, 1)">1378 <div class="swiper-wrapper">1379 <div class="swiper-slide">1380 <img alt="Logis-Experts - Immeubles - 332-338 Rue De La Salle - Image principale"1381 class="swiper-lazy block w-full h-full select-none pointer-events-none object-center object-contain "1382 loading="lazy" data-srcset="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-512.jpg 512w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-768.jpg 768w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1024.jpg 1024w,https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362-1440.jpg 1440w" data-src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-show-the-top-of-the-building-nano-banana-2-30387-5b1ae4895d6a99aecb7b1e194889b362.jpg"/>1383 <div class="swiper-lazy-preloader"></div>1384 </div>1385 </div>13861387 <div class="swiper-pagination -black -normal" x-ref="pagination"></div>1388 <button aria-label="Précédent" type="button" class="swiper-button-prev round-btn -normal" x-ref="prev"1389 @click.stop.prevent="goPrev">1390 <svg class="-arrow-bold text-blue transform rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1391 <path fill="currentColor"1392 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1393 </svg>1394 </button>1395 <button aria-label="Suivant" type="button" class="swiper-button-next round-btn -normal" x-ref="next"1396 @click.stop.prevent="goNext">1397 <svg class="-arrow-bold text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1398 <path fill="currentColor"1399 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"/>1400 </svg>1401 </button>1402 </div>14031404 </div>1405 </div>1406 </div>1407 </div>14081409</div>14101411 </template>14121413 </div>1414 <div>1415 <h2 class="h1">1416 Bâtiment1417 </h2>14181419 <ul class="py-2 border-y border-gray-200 my-3">1420 <li class="u-flex-start">1421 <span class="uppercase w-1/2">1422 Quartier1423 </span>1424 <span class="text-blue font-semibold w-1/2">1425 Saint-Roch1426 </span>1427 </li>1428 1429 <li class="u-flex-start">1430 <span class="uppercase w-1/2">1431 Année de construction1432 </span>1433 <span class="text-blue font-semibold w-1/2">1434 19001435 </span>1436 </li>1437 <li class="u-flex-start">1438 <span class="uppercase w-1/2">1439 Nombre d'appartements1440 </span>1441 <span class="text-blue font-semibold w-1/2">1442 81443 </span>1444 </li>1445 </ul>14461447 <p class="uppercase font-semibold pt-4 border-b border-gray-200">1448 Services1449 </p>1450 <ul class="pt-2">1451 <li class="text-blue font-semibold">1452 - Buanderie1453 </li>1454 </ul>1455 1456 <p class="uppercase font-semibold pt-4 border-b border-gray-200">1457 Commodités1458 </p>1459 <ul class="pt-2">1460 <li class="text-blue font-semibold">1461 - Emtrée Sécurisée1462 </li>1463 </ul>1464 1465 <p class="uppercase font-semibold pt-4 border-b border-gray-200">1466 Télécommunications1467 </p>1468 <ul class="pt-2">1469 <li class="text-blue font-semibold">1470 - Wifi Inclus1471 </li>1472 </ul>1473 <p class="py-6">1474 1475 </p>1476 </div>1477 </div>1478 </div>1479 </div>14801481 1482 <div class="w-full p-building__map" x-data="staticMap(46.8148648, -71.2269142)">14831484</div>1485 </main>14861487<footer class=" w-full">1488 <div class="bg-gray-500">1489 <div class="container w-full">1490 <div class="grid grid-cols-1 md:grid-cols-3 gap-12 md:gap-0 py-12">1491 <div>1492 <a href="/" class="block">1493 <img alt="Logis-Experts - Logo" src="/static/images/logo-white-256.png"1494 class="w-32 h-auto block"/>1495 </a>1496 <div class="u-flex-start space-x-4 mt-6">1497 <p class="text-white font-brandon text-15px font-bold uppercase">1498 Suivez-nous1499 </p>1500 <div class="u-flex-start space-x-4">15011502 <a target="_blank" aria-label="Facebook" href="https://www.facebook.com/Logis.Experts"1503 class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1504 <svg class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1505 viewBox="0 0 10.28 19.8">1506 <path fill="currentColor"1507 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"/>1508 </svg>1509 </a>1510 <a target="_blank" aria-label="Instagram" href="https://www.instagram.com/logisexperts"1511 class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1512 <svg class="text-white h-4 w-auto" xmlns="http://www.w3.org/2000/svg"1513 viewBox="0 0 21.14 21.14">1514 <path fill="currentColor"1515 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"/>1516 <path fill="currentColor"1517 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"/>1518 <circle fill="currentColor" cx="16.21" cy="4.93" r="1.27"/>1519 </svg>1520 </a>1521 <a target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/company/logis-experts"1522 class="border border-white rounded-full w-34px h-34px p-2 u-flex-center">1523 <svg xmlns="http://www.w3.org/2000/svg"1524 class="text-white h-4 w-auto"1525 viewBox="0 0 310 310">1526 <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.731527 C77.16,101.969,74.922,99.73,72.16,99.73z"/>1528 <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.41529 c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>1530 <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.5991531 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.3191532 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.9951533 C310,145.43,300.549,94.761,230.454,94.761z"/>1534 </svg>1535 </a>15361537 </div>1538 </div>1539 <div class="mt-6 md:mt-12 md:pr-6">1540 <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"> 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: "Arial"; 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: "Arial"; 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>1541 </div>1542 </div>1543 <div class="md:pl-6 md:border-l border-white">15441545 1546 <nav>1547 <ul class="space-y-3">1548 <li class="">1549 <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"1550 target="_self"1551 href="/appartements">1552 <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">1553 <path fill="currentColor"1554 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"/>1555 </svg>1556 Appartements1557 </a>1558 </li>1559 <li class="">1560 <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"1561 target="_self"1562 href="/entreprise">1563 <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">1564 <path fill="currentColor"1565 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"/>1566 </svg>1567 L'entreprise1568 </a>1569 </li>1570 <li class="">1571 <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"1572 target="_self"1573 href="/projets">1574 <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">1575 <path fill="currentColor"1576 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"/>1577 </svg>1578 Projets et réalisations1579 </a>1580 </li>1581 <li class="">1582 <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"1583 target="_self"1584 href="/nouvelles">1585 <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">1586 <path fill="currentColor"1587 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"/>1588 </svg>1589 Nouvelles1590 </a>1591 </li>1592 <li class="block md:hidden">1593 <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"1594 target="_self"1595 href="/emplois">1596 <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">1597 <path fill="currentColor"1598 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"/>1599 </svg>1600 Offres d'emploi1601 </a>1602 </li>1603 </ul>1604 </nav>16051606 </div>1607 <div class="md:pl-6 md:border-l border-white">1608 <p class="text-white">1609 574, boul. des Capucins,<br/>1610 Québec (QC) G1J 3R81611 <br/>1612 <br/>1613 </p>1614 <p class="text-white">1615 <a href="tel:+15813099094" class="text-white inline-block font-bold">581-309-9094</a>1616 </p>1617 <p>1618 <a href="/cdn-cgi/l/email-protection#325b5c545d725e5d555b411f574a42574046411c515d5f" class="inline-block text-white"><span class="__cf_email__" data-cfemail="ef86818980af838088869cc28a979f8a9d9b9cc18c8082">[email protected]</span></a>1619 </p>1620 </div>1621 </div>162216231624 <div class="py-6 md:py-12">1625 <h3 class="text-white">Projets futurs</h3>1626 <div class="grid grid-cols-1 md:grid-cols-4 gap-6 pt-4">1627 <div class="bg-white">1628 <div>1629 <img alt="Logis-Experts - Projets - L'Attisée - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-cam01-4456dee44884782ae9aab6b929845998-512.jpg"1630 class="w-full block h-40 object-center object-cover"/>1631 </div>1632 <div class="border-t-2 border-blue p-3">1633 <h5 class="">L'Attisée</h5>1634 <p class="-small pt-2">1635 1636 1637 <a class="inline text-blue font-semibold" href="/projets/lattisee">1638 Voir plus1639 <svg class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1640 <path fill="currentColor"1641 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1642 </svg>1643 </a>1644 </p>1645 </div>1646</div>1647 <div class="bg-white">1648 <div>1649 <img alt="Logis-Experts - Projets - Le Brave 2 - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-braves-ext-nouveau-pm-hautarbres-03-62e6883e8f53e3c0f2cfb7423c414f9b-512.jpg"1650 class="w-full block h-40 object-center object-cover"/>1651 </div>1652 <div class="border-t-2 border-blue p-3">1653 <h5 class="">Le Brave 2</h5>1654 <p class="-small pt-2">1655 1656 1657 <a class="inline text-blue font-semibold" href="/projets/le-brave-2">1658 Voir plus1659 <svg class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1660 <path fill="currentColor"1661 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1662 </svg>1663 </a>1664 </p>1665 </div>1666</div>1667 <div class="bg-white">1668 <div>1669 <img alt="Logis-Experts - Projets - Galiléo 5 - 1" src="https://dkkmxhlt20gis.cloudfront.net/dev/uploads/logis-experts-galileo-5-ext-rue-03-min-22f37404c57e189d87fda9d4ada020c4-512.jpg"1670 class="w-full block h-40 object-center object-cover"/>1671 </div>1672 <div class="border-t-2 border-blue p-3">1673 <h5 class="">Galiléo 5</h5>1674 <p class="-small pt-2">1675 1676 1677 <a class="inline text-blue font-semibold" href="/projets/galileo-5">1678 Voir plus1679 <svg class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1680 <path fill="currentColor"1681 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1682 </svg>1683 </a>1684 </p>1685 </div>1686</div>1687 <div class="bg-white">1688 <div>1689 <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"1690 class="w-full block h-40 object-center object-cover"/>1691 </div>1692 <div class="border-t-2 border-blue p-3">1693 <h5 class="">Place du Chateau</h5>1694 <p class="-small pt-2">1695 1696 1697 <a class="inline text-blue font-semibold" href="/projets/place-du-chateau">1698 Voir plus1699 <svg class="-arrow-bold w-6 text-blue ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1700 <path fill="currentColor"1701 d="M25.74,16h.5a1.56,1.56,0,0,0,0-.2l-7.73-8a1,1,0,0,0-1.41,1.41L22.85,15H6.74a1,1,0,0,0,0,2H22.85l-5.76,5.76a1,1,0,0,0,1.41,1.41L26,16.71a.51.51,0,0,0,.12-.16.49.49,0,0,0,.1-.16l.05-.13V16.2a1.42,1.42,0,0,0,0-.19Z"/>1702 </svg>1703 </a>1704 </p>1705 </div>1706</div>1707 </div>1708 </div>1709 <p class="text-white text-center py-3 -small">1710 Tous droits réservés © 2026 – Logis Experts – Réalisé par <a1711 class="inline-block text-white"1712 target="_blank"1713 href="https://hebertcommunication.com">Hebertcommunication.com</a>1714 <span class="hidden">1715 Code: <a1716 class="inline-block font-semibold text-gray-500 "1717 target="_blank"1718 href="https://gilcode.com">Gilcode</a>1719 </span>1720 </p>1721 </div>1722 </div>1723 <div class="bg-gray-700 w-full py-6 md:py-3 p-3">1724 <div class="w-full">1725 <div class="md:flex flex-row justify-between items-center space-y-6 md:space-y-0">1726 <nav>1727 <ul class="space-y-3 md:space-y-0 md:space-x-3 md:flex flex-row justify-center items-center">1728 <li>1729 <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1730 aria-label="POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS"1731 href="https://logis-experts.com/pages/protection">1732 POLITIQUE DE PROTECTION DES RENSEIGNEMENTS PERSONNELS1733 </a>1734 </li>1735 <!-- <li>1736 <a class="text-white u-flex-center font-brandon font-bold text-11px uppercase"1737 aria-label="Politique de confidentialité"1738 href="/politique">1739 Politique de confidentialité1740 </a>1741 </li> -->1742 </ul>1743 </nav>1744 <nav>1745 <ul class="gap-4 flex flex-col md:flex-row justify-center items-center">1746 <li>1747 <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1748 aria-label="Mes favoris"1749 href="/favoris">1750 <svg class="w-6 block mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1751 <path fill="currentColor"1752 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"/>1753 </svg>1754 Mes favoris1755 </a>1756 </li>1757 <!-- <li>1758 <a class="text-white u-flex-center font-brandon font-bold text-13px uppercase"1759 aria-label="Partager"1760 href="/share">1761 <svg class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1762 <path fill="currentColor"1763 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"/>1764 </svg>17651766 Partager1767 </a>1768 </li> -->1769 <li>1770 <button type="button" class="text-white w-full md:w-auto cursor-pointer u-flex-center font-brandon font-bold text-13px uppercase"1771 aria-label="Imprimer"1772 onclick="window.print()"1773 >1774 <svg class="w-6 block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">1775 <path fill="currentColor"1776 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"/>1777 </svg>1778 <span class="block md:hidden">1779 Imprimer1780 </span>1781 </button>1782 </li>1783 </ul>1784 </nav>1785 </div>1786 </div>1787 </div>1788</footer>1789<div class="js-cookie-consent cookie-consent | fixed bottom-0 inset-x-0 z-10" style="display: none;">1790 <div class="p-4 bg-white shadow-xl borrder-t border-white">1791 <div class="flex items-center justify-center sm:space-x-6 flex-wrap">1792 <div class="">1793 <p class="cookie-consent__message | text-blue text-center -small font-semibold">1794 Ce site nécessite l'autorisation de cookies pour fonctionner correctement.1795 </p>1796 </div>1797 <div class="mt-3 sm:mt-0 flex flex-row justify-start items-center space-x-4">1798 <button class="js-cookie-accept | cookie-consent__agree | btn -border -small">1799 Accepter1800 </button>1801 <button class="js-cookie-refuse | cookie-consent__refuse | btn -text">1802 Refuser1803 </button>1804 </div>1805 </div>1806 </div>1807 </div>18081809 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>18101811 window.laravelCookieConsent = (function () {1812 const COOKIE_DOMAIN = '.logis-experts.com';18131814 function acceptWithCookies() {1815 setCookie('cookieConsent', "accept", 7300);181618171818 Array.from(document.getElementsByClassName('js-cookie-remove-on-accept')).forEach((_node) => {1819 _node.style.display = 'none';1820 })18211822 hideCookieDialog();1823 }18241825 function refuseWithCookies() {1826 setCookie('cookieConsent', "refuse", 7300);1827 hideCookieDialog();1828 }18291830 function getCookie(name) {1831 const value = `; ${document.cookie}`;1832 const parts = value.split(`; ${name}=`);1833 if (parts.length === 2) {1834 return parts.pop().split(';').shift();1835 }1836 return null1837 }18381839 function hideCookieDialog() {1840 Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1841 _node.style.display = 'none';1842 })1843 }18441845 function showCookieDialog() {1846 Array.from(document.getElementsByClassName('js-cookie-consent')).forEach((_node) => {1847 _node.style.display = 'block';1848 })1849 }18501851 function setCookie(name, value, expirationInDays) {1852 const date = new Date();1853 date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));1854 document.cookie = name + '=' + value1855 + ';expires=' + date.toUTCString()1856 + ';domain=' + COOKIE_DOMAIN1857 + ';path=/'1858 + ';samesite=lax';1859 }18601861 var currentCookie = getCookie('cookieConsent');1862 if (currentCookie === "accept" || currentCookie === "refuse") {1863 hideCookieDialog();1864 } else {1865 showCookieDialog();1866 }18671868 Array.from(document.getElementsByClassName('js-cookie-accept')).forEach(_btn => {1869 _btn.addEventListener('click', acceptWithCookies);1870 })18711872 Array.from(document.getElementsByClassName('js-cookie-refuse')).forEach(_btn => {1873 _btn.addEventListener('click', refuseWithCookies);1874 })18751876 return true1877 })();1878 </script>187918801881<div id="modal-container"></div>18821883<template id="google-map-styles">1884 [1885 {1886 "elementType": "geometry",1887 "stylers": [1888 {1889 "color": "#f5f5f5"1890 }1891 ]1892 },1893 {1894 "elementType": "labels.icon",1895 "stylers": [1896 {1897 "visibility": "off"1898 }1899 ]1900 },1901 {1902 "elementType": "labels.text.fill",1903 "stylers": [1904 {1905 "color": "#616161"1906 }1907 ]1908 },1909 {1910 "elementType": "labels.text.stroke",1911 "stylers": [1912 {1913 "color": "#f5f5f5"1914 }1915 ]1916 },1917 {1918 "featureType": "administrative.land_parcel",1919 "elementType": "labels.text.fill",1920 "stylers": [1921 {1922 "color": "#bdbdbd"1923 }1924 ]1925 },1926 {1927 "featureType": "poi",1928 "elementType": "geometry",1929 "stylers": [1930 {1931 "color": "#eeeeee"1932 }1933 ]1934 },1935 {1936 "featureType": "poi",1937 "elementType": "labels.text.fill",1938 "stylers": [1939 {1940 "color": "#757575"1941 }1942 ]1943 },1944 {1945 "featureType": "poi.park",1946 "elementType": "geometry",1947 "stylers": [1948 {1949 "color": "#e5e5e5"1950 }1951 ]1952 },1953 {1954 "featureType": "poi.park",1955 "elementType": "labels.text.fill",1956 "stylers": [1957 {1958 "color": "#9e9e9e"1959 }1960 ]1961 },1962 {1963 "featureType": "road",1964 "elementType": "geometry",1965 "stylers": [1966 {1967 "color": "#ffffff"1968 }1969 ]1970 },1971 {1972 "featureType": "road.arterial",1973 "elementType": "labels.text.fill",1974 "stylers": [1975 {1976 "color": "#757575"1977 }1978 ]1979 },1980 {1981 "featureType": "road.highway",1982 "elementType": "geometry",1983 "stylers": [1984 {1985 "color": "#dadada"1986 }1987 ]1988 },1989 {1990 "featureType": "road.highway",1991 "elementType": "labels.text.fill",1992 "stylers": [1993 {1994 "color": "#616161"1995 }1996 ]1997 },1998 {1999 "featureType": "road.local",2000 "elementType": "labels.text.fill",2001 "stylers": [2002 {2003 "color": "#9e9e9e"2004 }2005 ]2006 },2007 {2008 "featureType": "transit.line",2009 "elementType": "geometry",2010 "stylers": [2011 {2012 "color": "#e5e5e5"2013 }2014 ]2015 },2016 {2017 "featureType": "transit.station",2018 "elementType": "geometry",2019 "stylers": [2020 {2021 "color": "#eeeeee"2022 }2023 ]2024 },2025 {2026 "featureType": "water",2027 "elementType": "geometry",2028 "stylers": [2029 {2030 "color": "#c0e3f2"2031 }2032 ]2033 },2034 {2035 "featureType": "water",2036 "elementType": "labels.text.fill",2037 "stylers": [2038 {2039 "color": "#9e9e9e"2040 }2041 ]2042 }2043]20442045</template>20462047<script src="/js/site/manifest.js?id=f8df6ec872210bcef28909d3094dd506"></script>2048<script src="/js/site/vendor.js?id=2848a2594d2e92b4fe857fda4c0c8cd3"></script>2049<script src="/js/site/site.js?id=c80280305601b3297c9a74a74bb405b7"></script>2050<script src="/static/js/markerclusterer.min.js?ver=2.0.15"></script>2051<script2052 src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000®ion=CA&language=fr&libraries=places&callback=initMap">2053</script>20542055</body>2056</html>2057