SPB Git

spb/lou-ka Public

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

HTML 99.7%
117.6 KB · 3,257 lines html
Raw Blame History
12345    <!DOCTYPE html>6    <html lang="fr" class="building-detail">78    <head>9        10        <meta charset="utf-8">11        <meta name="viewport" content="width=device-width, initial-scale=1.0" />12        <meta name="format-detection" content="telephone=no" />13        <link rel="alternate" href="https://lafrance-mathieu.com" hreflang="fr-ca" />14        <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />15        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />16        <link rel="stylesheet" href="/static/styling/index.css" />17        <script src="https://kit.fontawesome.com/72880f5a8c.js" crossorigin="anonymous"></script>18        <link rel="stylesheet" href="/static/styling/vendor/jssocials.css" />19        <link rel="stylesheet" href="/static/styling/vendor/jssocials-theme-flat.css" />20        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />21        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha256-siyOpF/pBWUPgIcQi17TLBkjvNgNQArcmwJB8YvkAgg=" crossorigin="anonymous" />22        23<link rel="alternate" hreflang="fr-ca" href="/logement/291" />24<meta name="title" content="Logement a louer - 9977 St-Maurice">25<meta name="description" content="Trouvez votre appartement chez Lafrance et Mathieu. Louez un logement.">26<meta name="keywords"27    content="appartement a louer,logement a louer, alouer, studio a louer, appartement meublé, appartement, louer, logement vacant, condo à louer,condo locatif, condo a louer lebourgneuf, condo a louer neufchatel, condo a louer charlesbourg, condo locatif Québec, logement, Québec, ville de québec, limoilou, charlesbourg, beauport, location, lafrance, mathieu, 1 et demi, 2 et demi, 3 et demi, 4 et demi, 5 et demi, 6 et demi, 7 et demi">28<meta name="robots" content="index, follow">29<title>9977 St-Maurice - Lafrance & Mathieu</title>30<script src="https://www.google.com/recaptcha/api.js?hl=fr" async defer></script>3132        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">33        <meta name="language" content="French">34        <link rel="icon" type="image/ico" href="/static/images/favicon.ico" />35        3637        <!-- Google Tag Manager -->38            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':39            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],40            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=41            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);42            })(window,document,'script','dataLayer','GTM-T675TG3');</script>43        <!-- End Google Tag Manager -->44    </head>4546    <body>47        <!-- Google Tag Manager (noscript) -->48            <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T675TG349            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>50        <!-- End Google Tag Manager (noscript) -->51        52        <div class="main-container">53            <header id="gilm-header" class>54                55565758<nav class="nav desktop-nav">59    <div class="desktop-nav-top">60        <a class="desktop-nav-top-link" href="/faire-carriere/">61            <p>Carrières</p>62        </a>63        64        <a class="desktop-nav-top-link" href="/blog">65            <p>Lafrance et Mathieu: Blogue</p>66        </a>67        68        <a class="desktop-nav-top-link" href="https://espace-client.lafrance-mathieu.com" target="_blank">69            <p class="text-primary">Connexion</p>70        </a>71    </div>72    <div class="desktop-nav-bottom ">73        <ul class="desktop-nav-bottom-content left">74            75            76            7778798081<li82    class="nav-item dropdown  "83    href="#"84>85    <a86        class="nav-link py-0 dropdown-toggle header-main-navigation"87        href="#"88        id="navbardrop"89        data-toggle="dropdown"90    >91        Services de gestion <br class='nav-item-translation'>immobilière92        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">93    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>94</svg>9596    </a>97    <ul98        class="dropdown-menu dark dropdown-submenu"99    >100            101            102            <li class="nav-item">103                <a104                    class="dropdown-item header-main-navigation text-wrap "105                    href="/services-de-gestion-immobiliere"106                >107                    Présentation de nos services108                </a>109            </li>110            111            112            113            <li class="nav-item">114                <a115                    class="dropdown-item header-main-navigation text-wrap "116                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"117                >118                    Gestion d’immeubles en copropriété119                </a>120            </li>121            122            123            124            <li class="nav-item">125                <a126                    class="dropdown-item header-main-navigation text-wrap "127                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"128                >129                    Gestion immobilière d&#x27;appartements en location130                </a>131            </li>132            133            134            135            <li class="nav-item">136                <a137                    class="dropdown-item header-main-navigation text-wrap "138                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"139                >140                    Gestion immobilière commerciale141                </a>142            </li>143            144            145            146            <li class="nav-item">147                <a148                    class="dropdown-item header-main-navigation text-wrap "149                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"150                >151                    Service de courtage immobilier152                </a>153            </li>154            155            156            157            <li class="nav-item">158                <a159                    class="dropdown-item header-main-navigation text-wrap "160                    href="/services-de-gestion-immobiliere/gilm-renovation"161                >162                    GILM Rénovation163                </a>164            </li>165            166            167    </ul>168    <hr class="my-1 border-gray-medium d-none">169</li>170171172173            174            175            176            177178<li class="nav-item  ">179    <a class="nav-link py-0 header-main-navigation"180        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>181    <hr class="my-1 border-gray-medium d-none">182</li>183184185            186            187            188            189190<li class="nav-item  ">191    <a class="nav-link py-0 header-main-navigation"192        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>193    <hr class="my-1 border-gray-medium d-none">194</li>195196197            198            199        </ul>200            201        <ul class="desktop-nav-bottom-content">202            <li class="desktop-nav-logo">203                <a href="/">204                    <img src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" class="desktop-nav-logo-horizontal " />205                    <img src="/static/images/logos/sansfond_vertical_blanc.png" alt="L&M Logo" class="desktop-nav-logo-vertical d-none" />206                </a>207            </li>208        </ul>209210        <ul class="desktop-nav-bottom-content right">211            212            213            214215<li class="nav-item  order-5">216    <a class="nav-link py-0 header-main-navigation"217        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>218    <hr class="my-1 border-gray-medium d-none">219</li>220221222            223            224            225            226227228229230<li231    class="nav-item dropdown  order-6"232    href="#"233>234    <a235        class="nav-link py-0 dropdown-toggle header-main-navigation"236        href="#"237        id="navbardrop"238        data-toggle="dropdown"239    >240        À propos de <br class='nav-item-translation'>Lafrance & Mathieu241        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">242    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>243</svg>244245    </a>246    <ul247        class="dropdown-menu dark dropdown-submenu"248    >249            250            251            <li class="nav-item">252                <a253                    class="dropdown-item header-main-navigation text-wrap "254                    href="/qui-sommes-nous/?tab=1"255                >256                    Qui sommes-nous257                </a>258            </li>259            260            261            262            <li class="nav-item">263                <a264                    class="dropdown-item header-main-navigation text-wrap "265                    href="/qui-sommes-nous/?tab=2"266                >267                    Mission et valeurs268                </a>269            </li>270            271            272            273            <li class="nav-item">274                <a275                    class="dropdown-item header-main-navigation text-wrap "276                    href="/qui-sommes-nous/?tab=3"277                >278                    Équipe de direction279                </a>280            </li>281            282            283    </ul>284    <hr class="my-1 border-gray-medium d-none">285</li>286287288289            290            291            292            293294<li class="nav-item  order-7">295    <a class="nav-link py-0 header-main-navigation"296        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>297    <hr class="my-1 border-gray-medium d-none">298</li>299300301            302            303        </ul>304    </div>305</nav>306<nav class="nav mobile-nav">307    <div class="nav-bottom nav-d-none order-2" id="navbarSupportedContent">308        <ul class="nav-main-links">309            310            311            312313<li class="nav-item  ">314    <a class="nav-link py-0 header-main-navigation"315        href="/">Accueil</a>316    <hr class="my-1 border-gray-medium d-none">317</li>318319320            321            322            323            324325326327328<li329    class="nav-item dropdown  "330    href="#"331>332    <a333        class="nav-link py-0 dropdown-toggle header-main-navigation"334        href="#"335        id="navbardrop"336        data-toggle="dropdown"337    >338        Services de gestion <br class='nav-item-translation'>immobilière339        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">340    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>341</svg>342343    </a>344    <ul345        class="dropdown-menu bg-gray-blue dropdown-submenu"346    >347            348            349            <li class="nav-item">350                <a351                    class="dropdown-item header-main-navigation text-wrap "352                    href="/services-de-gestion-immobiliere"353                >354                    Présentation de nos services355                </a>356            </li>357            358            359            360            <li class="nav-item">361                <a362                    class="dropdown-item header-main-navigation text-wrap "363                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"364                >365                    Gestion d’immeubles en copropriété366                </a>367            </li>368            369            370            371            <li class="nav-item">372                <a373                    class="dropdown-item header-main-navigation text-wrap "374                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"375                >376                    Gestion immobilière d&#x27;appartements en location377                </a>378            </li>379            380            381            382            <li class="nav-item">383                <a384                    class="dropdown-item header-main-navigation text-wrap "385                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"386                >387                    Gestion immobilière commerciale388                </a>389            </li>390            391            392            393            <li class="nav-item">394                <a395                    class="dropdown-item header-main-navigation text-wrap "396                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"397                >398                    Service de courtage immobilier399                </a>400            </li>401            402            403            404            <li class="nav-item">405                <a406                    class="dropdown-item header-main-navigation text-wrap "407                    href="/services-de-gestion-immobiliere/gilm-renovation"408                >409                    GILM Rénovation410                </a>411            </li>412            413            414    </ul>415    <hr class="my-1 border-gray-medium d-none">416</li>417418419420            421            422            423            424425<li class="nav-item  ">426    <a class="nav-link py-0 header-main-navigation"427        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>428    <hr class="my-1 border-gray-medium d-none">429</li>430431432            433            434            435            436437<li class="nav-item  ">438    <a class="nav-link py-0 header-main-navigation"439        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>440    <hr class="my-1 border-gray-medium d-none">441</li>442443444            445            446            447            448449<li class="nav-item  ">450    <a class="nav-link py-0 header-main-navigation"451        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>452    <hr class="my-1 border-gray-medium d-none">453</li>454455456            457            458            459            460461462463464<li465    class="nav-item dropdown  "466    href="#"467>468    <a469        class="nav-link py-0 dropdown-toggle header-main-navigation"470        href="#"471        id="navbardrop"472        data-toggle="dropdown"473    >474        À propos de <br class='nav-item-translation'>Lafrance & Mathieu475        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">476    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>477</svg>478479    </a>480    <ul481        class="dropdown-menu bg-gray-blue dropdown-submenu"482    >483            484            485            <li class="nav-item">486                <a487                    class="dropdown-item header-main-navigation text-wrap "488                    href="/qui-sommes-nous/?tab=1"489                >490                    Qui sommes-nous491                </a>492            </li>493            494            495            496            <li class="nav-item">497                <a498                    class="dropdown-item header-main-navigation text-wrap "499                    href="/qui-sommes-nous/?tab=2"500                >501                    Mission et valeurs502                </a>503            </li>504            505            506            507            <li class="nav-item">508                <a509                    class="dropdown-item header-main-navigation text-wrap "510                    href="/qui-sommes-nous/?tab=3"511                >512                    Équipe de direction513                </a>514            </li>515            516            517    </ul>518    <hr class="my-1 border-gray-medium d-none">519</li>520521522523            524            525        </ul>526        <ul class="nav-quick-links mobile d-flex d-lg-none">527            528            529<div class="nav-item">530    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>531</div>532533534            535            536<div class="nav-item">537    <a class="header-secondary-navigation" href="/blog">Blogue</a>538</div>539540541            542            543<div class="nav-item">544    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>545</div>546547548            549            <li class="nav-item nav-client-space">550                551552<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>553            </li>554        </ul>555        <div class="w-100 my-3 d-flex d-lg-none flex-wrap">556            <div class="mb-4 p-0 pr-4 d-flex flex-column">557                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">558                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />559                    <span class="text-gray-light">418 626-5500</span>560                </a>561                <a href="/cdn-cgi/l/email-protection#177e797178577b767165767974723a7a76637f7e72623974787a" target="_blank" class="mb-3 d-flex align-items-center">562                    <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />563                    <span><span class="__cf_email__" data-cfemail="4821262e270824292e3a29262b2d6525293c20212d3d662b2725">[email&#160;protected]</span></span>564                </a>565                <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>566                <div class="d-flex">567                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">568                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"569                            class="footer-social-icon mr-3" />570                    </a>571                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">572                        <img src=/static/images/icons/facebook.svg alt="facebook icon"573                            class="footer-social-icon" />574                    </a>575                </div>576            </div>577            <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">578                <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>579                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">580                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />581                    <span class="text-gray-light">418 626-5500</span>582                </a>583            </div>584        </div>585    </div>586    <div class="nav-top order-1">587        <ul class="nav-main-links nav-main-links-top">588            589            590            591592<li class="nav-item  ">593    <a class="nav-link py-0 header-main-navigation"594        href="/">Accueil</a>595    <hr class="my-1 border-gray-medium d-none">596</li>597598599            600            601            602            603604605606607<li608    class="nav-item dropdown  "609    href="#"610>611    <a612        class="nav-link py-0 dropdown-toggle header-main-navigation"613        href="#"614        id="navbardrop"615        data-toggle="dropdown"616    >617        Services de gestion <br class='nav-item-translation'>immobilière618        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">619    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>620</svg>621622    </a>623    <ul624        class="dropdown-menu bg-gray-blue dropdown-submenu"625    >626            627            628            <li class="nav-item">629                <a630                    class="dropdown-item header-main-navigation text-wrap "631                    href="/services-de-gestion-immobiliere"632                >633                    Présentation de nos services634                </a>635            </li>636            637            638            639            <li class="nav-item">640                <a641                    class="dropdown-item header-main-navigation text-wrap "642                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"643                >644                    Gestion d’immeubles en copropriété645                </a>646            </li>647            648            649            650            <li class="nav-item">651                <a652                    class="dropdown-item header-main-navigation text-wrap "653                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"654                >655                    Gestion immobilière d&#x27;appartements en location656                </a>657            </li>658            659            660            661            <li class="nav-item">662                <a663                    class="dropdown-item header-main-navigation text-wrap "664                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"665                >666                    Gestion immobilière commerciale667                </a>668            </li>669            670            671            672            <li class="nav-item">673                <a674                    class="dropdown-item header-main-navigation text-wrap "675                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"676                >677                    Service de courtage immobilier678                </a>679            </li>680            681            682            683            <li class="nav-item">684                <a685                    class="dropdown-item header-main-navigation text-wrap "686                    href="/services-de-gestion-immobiliere/gilm-renovation"687                >688                    GILM Rénovation689                </a>690            </li>691            692            693    </ul>694    <hr class="my-1 border-gray-medium d-none">695</li>696697698699            700            701            702            703704<li class="nav-item  ">705    <a class="nav-link py-0 header-main-navigation"706        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>707    <hr class="my-1 border-gray-medium d-none">708</li>709710711            712            713            714            715716<li class="nav-item  ">717    <a class="nav-link py-0 header-main-navigation"718        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>719    <hr class="my-1 border-gray-medium d-none">720</li>721722723            724            725            726            727728<li class="nav-item  ">729    <a class="nav-link py-0 header-main-navigation"730        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>731    <hr class="my-1 border-gray-medium d-none">732</li>733734735            736            737            738            739740741742743<li744    class="nav-item dropdown  "745    href="#"746>747    <a748        class="nav-link py-0 dropdown-toggle header-main-navigation"749        href="#"750        id="navbardrop"751        data-toggle="dropdown"752    >753        À propos de <br class='nav-item-translation'>Lafrance & Mathieu754        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">755    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>756</svg>757758    </a>759    <ul760        class="dropdown-menu bg-gray-blue dropdown-submenu"761    >762            763            764            <li class="nav-item">765                <a766                    class="dropdown-item header-main-navigation text-wrap "767                    href="/qui-sommes-nous/?tab=1"768                >769                    Qui sommes-nous770                </a>771            </li>772            773            774            775            <li class="nav-item">776                <a777                    class="dropdown-item header-main-navigation text-wrap "778                    href="/qui-sommes-nous/?tab=2"779                >780                    Mission et valeurs781                </a>782            </li>783            784            785            786            <li class="nav-item">787                <a788                    class="dropdown-item header-main-navigation text-wrap "789                    href="/qui-sommes-nous/?tab=3"790                >791                    Équipe de direction792                </a>793            </li>794            795            796    </ul>797    <hr class="my-1 border-gray-medium d-none">798</li>799800801802            803            804        </ul>805        <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">806            <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">807            <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">808        </button>809        <ul class="nav-quick-links">810            811            812<div class="nav-item">813    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>814</div>815816817            818            819<div class="nav-item">820    <a class="header-secondary-navigation" href="/blog">Blogue</a>821</div>822823824            825            826<div class="nav-item">827    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>828</div>829830831            832            <li class="nav-item nav-client-space">833                834835<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>836            </li>837        </ul>838        <a class="nav-logo-link" href="/">839            <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"840                alt="L&M Logo">841            <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"842                alt="L&M Logo">843        </a>844    </div>845    846    847    848    849    850    851    852    853</nav>854855<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>856    function toggleMenu() {857        scrollPosition = window.scrollY;858859        const menu = document.getElementById("navbarSupportedContent");860        menu.classList.toggle("nav-d-none");861        862        const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];863        if (mobileTabs && mobileTabs.classList) {864            mobileTabs.classList.toggle("d-none");865        }866867        if (!menu.classList.contains("nav-d-none")) {868            makeHeaderDark();869        } else {870            makeHeaderClear();871        }872    }873874    window.addEventListener('touchmove', function (_e) {875        onScroll();876    });877    window.addEventListener('scroll', function (_e) {878        onScroll();879    });880881    function makeHeaderDark() {882        const header = document.getElementById("gilm-header");883        if (!header.classList.contains("top")) header.classList.add("top");884885        const lightIcons = document.getElementsByClassName("icon-top");886        const darkIcons = document.getElementsByClassName("icon-sticky");887        for (icon of lightIcons) {888            icon.classList.contains("d-none") && icon.classList.remove("d-none");889        }890        for (icon of darkIcons) {891            !icon.classList.contains("d-none") && icon.classList.add("d-none");892        }893    }894895    function makeHeaderClear() {896        const header = document.getElementById("gilm-header");897        if (header.classList.contains("top")) header.classList.remove("top");898899        const lightIcons = document.getElementsByClassName("icon-top");900        const darkIcons = document.getElementsByClassName("icon-sticky");901        for (icon of lightIcons) {902            !icon.classList.contains("d-none") && icon.classList.add("d-none");903        }904        for (icon of darkIcons) {905            icon.classList.contains("d-none") && icon.classList.remove("d-none");906        }907    }908    909    function onScroll() {910        911    }912</script>913914            </header>915            <main class="overflow-y-hidden  ">916                917918<div class="container">919    <nav class="mb-4 pt-4" aria-label="breadcrumb">920        <a class="breadcrumb-primary" href="/">Accueil</a>921        <a class="breadcrumb-primary" href="/louer-appartement-quebec/">Logements à louer</a>922    </nav>923    924925926927<div class="row">928    <div class="col-md-10">929        <p class="text-gray-light">Appartements &middot; Les Saules</p>930        <h2 id="building-address-1">9977 St-Maurice</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G2B3J9935        </p>936    </div>937    <div class="col-md-2 col-sm-12 d-flex align-items-end flex-row-reverse pb-3">938        939        940        941        942        <button943    class="btn text-primary "944    data-toggle="modal"945    data-target="#modal-share"946    onclick="configureShareWidget(`Logements à louer - 9977 St-Maurice`, `https://lafrance-mathieu.com/logement/291`)">947    <i class="fas fa-share-square mr-1"></i>948    <span>Partager</span>949</button>950951        952        953    </div>954</div>955<div class="row">956    <div class="col-lg-8 d-none d-md-block">957        958        959960<div class="building-slideshow">961    <div class="slider slider-for">962        963        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-14_bf913bf0-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-13_c3f76a7a-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade2">966        967        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-12_c7f0ea8e-82d0-11ec-a0bc-127ec6393897.jpg" alt="cote">968        969    </div>970    <div class="slider slider-nav mt-2">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-14_bf913bf0-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade">973        974        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-13_c3f76a7a-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade2">975        976        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-12_c7f0ea8e-82d0-11ec-a0bc-127ec6393897.jpg" alt="cote">977        978    </div>979</div>980981        982    </div>983    <div class="col-lg-8 d-block d-md-none">984        985        986987988989<div class="">990    <div class="single-item-arrow--left ml-3"></div>991    <div class="single-item">992        993            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-14_bf913bf0-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade" style="object-fit: cover" height="auto">994        995            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-13_c3f76a7a-82d0-11ec-a0bc-127ec6393897.jpg" alt="facade2" style="object-fit: cover" height="auto">996        997            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-12_c7f0ea8e-82d0-11ec-a0bc-127ec6393897.jpg" alt="cote" style="object-fit: cover" height="auto">998        999    </div>1000    <div class="single-item-arrow--right mr-3"></div>1001</div>10021003        1004    </div>1005    1006    <div class="col-12 col-lg-4 order-lg-2">1007        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1008            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1009            1010101110121013<div class="inquire-step-1 container p-0 mb-5 position-relative">1014    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1015    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1016    <p>418-626-3070</p>1017    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ef83808c8e9b868081af838e899d8e818c8ac2828e9b87868a9ac18c8082">[email&#160;protected]</a></p>1018    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1019    <p class="text-gray-light">Intéressé par ces unités</p>10201021    <div class="d-inline-flex flex-wrap">1022        1023        1024        <button1025            class="inquire-room btn btn-normal mb-3"1026            data-unit_room="2½"1027            data-toggle="button"1028        >10291030        </button>1031        1032        <button1033            class="inquire-room btn btn-normal mb-3"1034            data-unit_room="4½"1035            data-toggle="button"1036        >10371038        </button>1039        1040        1041    </div>10421043    <div class="dropdown mb-4">1044        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1045            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1046            <p class="inquire-units-label-title text-uppercase mb-0">1047                Unité(s) spécifique(s)1048            </p>1049            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1050                Aucune choisie1051            </p>1052            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1053        </div>1054        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1055            1056            1057            <button class="inquire-units-choice dropdown-item" data-unit="3"1058                data-unit_room="2½">1059                31060            </button>1061            1062            1063            1064            <button class="inquire-units-choice dropdown-item" data-unit="16"1065                data-unit_room="4½">1066                161067            </button>1068            1069            1070        </div>1071    </div>107210731074    <p class="text-gray-light">Date de déménagement prévue</p>1075    <div id="inquire-datepicker" class="input-group date mt-1">1076        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1077        <div class="input-group-addon">1078            <span class="glyphicon glyphicon-th"></span>1079        </div>1080    </div>1081</div>10821083<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1084    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1085    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1086    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1087    <form id="inquire-form">1088        <div class="form-group">1089            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1090                placeholder="Prénom"></input>1091        </div>1092        <div class="form-group">1093            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1094                placeholder="Nom de famille"></input>1095        </div>1096        <div class="form-group">1097            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1098                <option id="email" value="email" selected>Courriel</option>1099                <option id="phone" value="phone">Téléphone</option>1100            </select>1101        </div>1102        <div id="inquireForm-contact-email" class="form-group">1103            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1104                placeholder="Adresse courriel"></input>1105        </div>1106        <div id="inquireForm-contact-phone" class="form-group d-none">1107            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1108                placeholder="Numéro de téléphone"></input>1109        </div>1110        <div class="form-group">1111            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1112                placeholder="Questions ou notes"></textarea>1113        </div>1114        <div id="g-recaptcha-error"></div>1115        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1116    </form>1117</div>11181119<div class="inquire-step-3 d-none position-relative">1120    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1121    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1122        height="66px">1123    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1124    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1125</div>11261127<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1128    Continuer1129</button>1130<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1131    Soumettre1132</button>1133<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1134    var recaptcha_response = '';1135    window.isCondo = "False" == "True";1136    document.getElementById("inquire-datepicker-input").value = "";1137    1138    function scrollToTopOfForm() {1139        const top = document.getElementById("inquire-step-1");1140        top.scrollIntoView();1141    }1142    function submitForm() {1143        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1144            onContinue2Click('JjHdSoORuydhezOGghuGUgnya70qB03ml2ZUacksaMsN3S0Hss30gDcmXdmb61lJ');1145            const confirmation = document.getElementById("inquire-confirmation");1146            confirmation.scrollIntoView();1147        }1148        else {1149            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1150        }1151    }11521153    function verifyCaptcha(token) {1154        recaptcha_response = token;1155        document.getElementById('g-recaptcha-error').innerHTML = '';1156    }1157</script>11581159        </div>1160    </div>1161    1162</div>11631164<div class="row mt-4">1165    <div class="col-md-8">1166        <h2 class="convenience-header">Commodités de l'immeuble</h2>1167        <div class="row mb-4">1168            <div class="col-md-12">1169                1170117111721173    1174    <ul class="list-unstyled d-flex flex-wrap mb-1">1175        1176            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1177                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1178                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1179            </li>1180        1181            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1182                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1183                <p class="attribute-description mb-0">Stationnement</p>1184            </li>1185        1186    </ul>118711881189            </div>1190        </div>1191    </div>1192</div>119311941195</div>119611971198119912001201<script>1202function scrollToId(unitRoomId) {1203    removeAllActive();12041205    const scrollOptions = {1206        behavior: "smooth",1207        block: "start"1208    };12091210    const defaultFilter = document.getElementById("unit-room-filter-all");1211    if (unitRoomId === "all") {1212        defaultFilter.classList.add("active");1213        defaultFilter.scrollIntoView(scrollOptions);1214    } else {1215        const element = document.getElementById(`unit-room-${unitRoomId}`);1216        if (!!element) {1217            element.scrollIntoView(scrollOptions);1218            const defaultFilter = document.getElementById("unit-room-filter-all");1219            defaultFilter.classList.remove("active");1220            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1221            filter.classList.add("active");12221223        }1224    }1225}12261227function removeAllActive() {1228    const elements = document.getElementsByClassName("unit-room-filter");1229    for (element of elements) element.classList.remove("active");1230}1231</script>12321233<div class="container">1234    <div class="row mt-5">1235        <div class="col-md-12">1236            <h2 id="anchor-units" class="mb-3">Unités</h2>1237            1238            <ul class="list-inline mb-0 position-relative">1239                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1240                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1241                        <span>Toutes</span>1242                    </button>1243                </li>1244                1245                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-36488">1246                    <button onclick="scrollToId('36488');" class="unit-room-filter-button btn btn-no-outline">1247                        <span class="text-primary">2½</span> <span class="text-gray-light">(1)</span>1248                    </button>1249                </li>1250                1251                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-36487">1252                    <button onclick="scrollToId('36487');" class="unit-room-filter-button btn btn-no-outline">1253                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1254                    </button>1255                </li>1256                1257            </ul>1258            1259        </div>1260    </div>1261</div>1262<div class="bg-background-gray pb-3">1263    <div class="container">1264        <div class="row">1265            <div class="col-12 p-0">1266                1267                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1268                    <div style="position: absolute; top: -134px;" id="unit-room-36488"></div>1269                    <div id="modal-details-36488" class="modal">1270                        127112721273<div class="container mt-5">1274    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1275        12761277<div class="row">1278    <div class="col-9">1279    <h2>1280        1281            2½ from $785 to $7851282        1283    </h2>1284    </div>1285    <div class="col-3 text-right">1286        <button class="btn-close" data-toggle="modal" data-target="#modal-details-36488"></button>1287    </div>1288</div>1289<div class="row">1290    <div class="col-9">1291        12921293<p class="">1294    1 1295    <span class="text-lowercase">1296        1297            unité1298        1299    </span>1300</p>1301    </div>1302    <div class="col-3 text-right">1303        1304    </div>1305</div>1306<div class="row">1307    <div class="col-12" id="unit-modal-carousel-36488">1308        13091310<div class="unit-detail-carousel">1311    <div class="slider slider-for">1312        1313        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003066_3e209f1e-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine">1314        1315        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003067_3ff22768-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="salon">1316        1317        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003068_41c923d4-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine">1318        1319        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003065_43a409f8-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="entrée">1320        1321        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003064_f2a3186e-3d59-11f0-adce-12177a6ab54d.jpg" alt="sb">1322        1323    </div>1324    <div class="slider slider-nav mt-2">1325        1326        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003066_3e209f1e-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine">1327        1328        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003067_3ff22768-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="salon">1329        1330        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003068_41c923d4-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine">1331        1332        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003065_43a409f8-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="entrée">1333        1334        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003064_f2a3186e-3d59-11f0-adce-12177a6ab54d.jpg" alt="sb">1335        1336    </div>1337</div>13381339    </div>1340</div>1341<div class="row mt-3">1342    <div class="col-12 unit-commodities">1343        1344        1345134613471348    1349        <p class="small-header pb-1">1350            Commodités de l'unité1351        </p>1352    1353    <ul class="list-unstyled d-flex flex-wrap mb-1">1354        1355            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1356                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1357                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1358            </li>1359        1360            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1361                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1362                <p class="attribute-description mb-0">Stationnement extérieur</p>1363            </li>1364        1365    </ul>136613671368    </div>1369</div>1370<div class="row mt-3">1371    <div class="col-12 unit-characteristics">1372        1373        13741375137613771378    </div>1379</div>138013811382        <div class="units-detail mt-5">1383            <h2>Unités</h2>1384            1385138613871388<div class="row" id="units-for-unit-room-36488">1389    1390    1391    <div class="col-12 h-100  ">1392        <div class="h-100 border-bottom">1393            <div class="row mt-3">1394                <div class="col-sm-6 col-md-4">1395                    <p class="small-header">unité</p>1396                    <p>1397                        31398                        1399                        <span>&middot; SSe étage</span>1400                        1401                    </p>1402                </div>1403                <div class="col-sm-6 col-md-4">1404                    <p class="small-header">Disponibilité</p>1405                    <p class="text-primary">1406                        Libre immédiatement1407                    </p>1408                </div>1409                <div class="col-sm-6 col-md-4">1410                    <p class="small-header">À partir de</p>1411                    <p>785,00$</p>1412                </div>1413                1414            </div>1415            <div class="row">1416            </div>1417            1418        </div>1419    </div>1420    1421    1422</div>14231424        </div>1425        1426    </div>1427</div>1428                    </div>1429                    <div class="row">1430                        <div class="col-6">1431                            <h4>1432                                1433                                2½ à partir de 785,00$1434                            1435                            </h4>1436                        </div>1437                        <div class="col-6 d-flex justify-content-end">1438                            1439                            1440                            1441                            <button1442    class="btn text-primary share-button-small"1443    data-toggle="modal"1444    data-target="#modal-share"1445    onclick="configureShareWidget(`2½ à louer - 9977 St-Maurice`, `https://lafrance-mathieu.com/logement/291`)">1446    <i class="fas fa-share-square mr-1"></i>1447    <span>Partager</span>1448</button>14491450                            1451                        </div>1452                    </div>1453                    <div class="row">1454                        <div class="col-md-4">1455                            <div class="row">1456                                <div class="col-12">1457                                    14581459                                    146014611462<div class="unit-image-counter d-flex align-items-center">1463    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1464    <span class="ml-1 text-white small">5</span>1465</div>146614671468<div class="single-item-small">1469    <div class="single-item-arrow--left ml-3"></div>1470    <div class="single-item">1471        1472            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003066_3e209f1e-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine" style="object-fit: cover" height="auto">1473        1474            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003067_3ff22768-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="salon" style="object-fit: cover" height="auto">1475        1476            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003068_41c923d4-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="cuisine" style="object-fit: cover" height="auto">1477        1478            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003065_43a409f8-3d5a-11f0-aa87-12177a6ab54d.jpg" alt="entrée" style="object-fit: cover" height="auto">1479        1480            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1000003064_f2a3186e-3d59-11f0-adce-12177a6ab54d.jpg" alt="sb" style="object-fit: cover" height="auto">1481        1482    </div>1483    <div class="single-item-arrow--right mr-3"></div>1484</div>14851486                                    1487                                </div>1488                            </div>1489                            1490                        </div>1491                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1492                            <div class="row flex-grow-1">1493                                1494                                <div class="unit-commodities unit-specs col-sm-6">1495                                    1496                                    1497149814991500    1501        <p class="small-header pb-1">1502            Commodités de l'unité1503        </p>1504    1505    <ul class="list-unstyled d-flex flex-wrap mb-1">1506        1507            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1508                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1509                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1510            </li>1511        1512            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1513                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1514                <p class="attribute-description mb-0">Stationnement extérieur</p>1515            </li>1516        1517    </ul>151815191520                                </div>1521                                1522                                1523                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1524                                    1525                                    1526152715281529    1530        <p class="small-header pb-1">1531            Caractéristiques de l'unité1532        </p>1533    1534    <ul class="list-unstyled d-flex flex-wrap mb-1">1535        1536            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1537                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_4afd9f16-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1538                <p class="attribute-description mb-0">Chat accepté</p>1539            </li>1540        1541    </ul>154215431544                                </div>1545                                1546                            </div>1547                            1548                        </div>1549                    </div>1550                    <div class="row mt-3">1551                        <div class="col-md-4">1552                            <button1553                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1554                                data-unit_room="2½">1555                                S'informer1556                            </button>1557                            <button1558                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1559                              data-unit_room="2½" onclick="displayInquiryAndScroll();">1560                                S'informer1561                            </button>1562                        </div>1563                    </div>1564                    <div class="units-detail">1565                      15661567<p class="mb-0 mt-4">1568    1 1569    <span class="text-lowercase">1570        1571            unité1572        1573    </span>1574</p>1575                        1576157715781579<div class="row" id="units-for-unit-room-36488">1580    1581    1582    <div class="col-12 h-100  ">1583        <div class="h-100 border-bottom">1584            <div class="row mt-3">1585                <div class="col-sm-6 col-md-4">1586                    <p class="small-header">unité</p>1587                    <p>1588                        31589                        1590                        <span>&middot; SSe étage</span>1591                        1592                    </p>1593                </div>1594                <div class="col-sm-6 col-md-4">1595                    <p class="small-header">Disponibilité</p>1596                    <p class="text-primary">1597                        Libre immédiatement1598                    </p>1599                </div>1600                <div class="col-sm-6 col-md-4">1601                    <p class="small-header">À partir de</p>1602                    <p>785,00$</p>1603                </div>1604                1605            </div>1606            <div class="row">1607            </div>1608            1609        </div>1610    </div>1611    1612    1613</div>16141615                    </div>1616                    1617                </div>1618                1619                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1620                    <div style="position: absolute; top: -134px;" id="unit-room-36487"></div>1621                    <div id="modal-details-36487" class="modal">1622                        162316241625<div class="container mt-5">1626    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1627        16281629<div class="row">1630    <div class="col-9">1631    <h2>1632        1633            4½ from $1290 to $12901634        1635    </h2>1636    </div>1637    <div class="col-3 text-right">1638        <button class="btn-close" data-toggle="modal" data-target="#modal-details-36487"></button>1639    </div>1640</div>1641<div class="row">1642    <div class="col-9">1643        16441645<p class="">1646    1 1647    <span class="text-lowercase">1648        1649            unité1650        1651    </span>1652</p>1653    </div>1654    <div class="col-3 text-right">1655        1656    </div>1657</div>1658<div class="row">1659    <div class="col-12" id="unit-modal-carousel-36487">1660        16611662<div class="unit-detail-carousel">1663    <div class="slider slider-for">1664        1665        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_3be5d44e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1666        1667        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_3f5a335e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1668        1669        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_428e3d5e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1670        1671        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_46456134-835e-11ec-b07a-127ec6393897.jpg" alt="salon">1672        1673        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_49916086-835e-11ec-b07a-127ec6393897.jpg" alt="sb">1674        1675        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_4ce19314-835e-11ec-b07a-127ec6393897.jpg" alt="salon">1676        1677        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_5066db2a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre">1678        1679        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_5397202a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre">1680        1681        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_570d9306-835e-11ec-b07a-127ec6393897.jpg" alt="chambre2">1682        1683        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_5a6bd51c-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1684        1685        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_5d9d9d10-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1686        1687        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_6128f16e-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1688        1689        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_6459de84-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon">1690        1691        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_679d6e3a-835e-11ec-b7e5-12b315c17fb3.jpg" alt="sb">1692        1693        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_6b002086-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon">1694        1695        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_6e25ae70-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre">1696        1697        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_719723fe-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre">1698        1699        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_74ee83c6-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre2">1700        1701    </div>1702    <div class="slider slider-nav mt-2">1703        1704        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_3be5d44e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1705        1706        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_3f5a335e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1707        1708        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_428e3d5e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine">1709        1710        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_46456134-835e-11ec-b07a-127ec6393897.jpg" alt="salon">1711        1712        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_49916086-835e-11ec-b07a-127ec6393897.jpg" alt="sb">1713        1714        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_4ce19314-835e-11ec-b07a-127ec6393897.jpg" alt="salon">1715        1716        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_5066db2a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre">1717        1718        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_5397202a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre">1719        1720        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_570d9306-835e-11ec-b07a-127ec6393897.jpg" alt="chambre2">1721        1722        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_5a6bd51c-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1723        1724        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_5d9d9d10-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1725        1726        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_6128f16e-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine">1727        1728        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_6459de84-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon">1729        1730        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_679d6e3a-835e-11ec-b7e5-12b315c17fb3.jpg" alt="sb">1731        1732        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_6b002086-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon">1733        1734        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_6e25ae70-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre">1735        1736        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_719723fe-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre">1737        1738        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_74ee83c6-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre2">1739        1740    </div>1741</div>17421743    </div>1744</div>1745<div class="row mt-3">1746    <div class="col-12 unit-commodities">1747        1748        1749175017511752    1753        <p class="small-header pb-1">1754            Commodités de l'unité1755        </p>1756    1757    <ul class="list-unstyled d-flex flex-wrap mb-1">1758        1759            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1760                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1761                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1762            </li>1763        1764            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1765                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1766                <p class="attribute-description mb-0">Stationnement extérieur</p>1767            </li>1768        1769    </ul>177017711772    </div>1773</div>1774<div class="row mt-3">1775    <div class="col-12 unit-characteristics">1776        1777        17781779178017811782    </div>1783</div>178417851786        <div class="units-detail mt-5">1787            <h2>Unités</h2>1788            1789179017911792<div class="row" id="units-for-unit-room-36487">1793    1794    1795    <div class="col-12 h-100  ">1796        <div class="h-100 border-bottom">1797            <div class="row mt-3">1798                <div class="col-sm-6 col-md-4">1799                    <p class="small-header">unité</p>1800                    <p>1801                        161802                        1803                        <span>&middot; 3e étage</span>1804                        1805                    </p>1806                </div>1807                <div class="col-sm-6 col-md-4">1808                    <p class="small-header">Disponibilité</p>1809                    <p class="text-primary">1810                        Libre immédiatement1811                    </p>1812                </div>1813                <div class="col-sm-6 col-md-4">1814                    <p class="small-header">À partir de</p>1815                    <p>1290,00$</p>1816                </div>1817                1818            </div>1819            <div class="row">1820            </div>1821            1822        </div>1823    </div>1824    1825    1826</div>18271828        </div>1829        1830    </div>1831</div>1832                    </div>1833                    <div class="row">1834                        <div class="col-6">1835                            <h4>1836                                1837                                4½ à partir de 1290,00$1838                            1839                            </h4>1840                        </div>1841                        <div class="col-6 d-flex justify-content-end">1842                            1843                            1844                            1845                            <button1846    class="btn text-primary share-button-small"1847    data-toggle="modal"1848    data-target="#modal-share"1849    onclick="configureShareWidget(`4½ à louer - 9977 St-Maurice`, `https://lafrance-mathieu.com/logement/291`)">1850    <i class="fas fa-share-square mr-1"></i>1851    <span>Partager</span>1852</button>18531854                            1855                        </div>1856                    </div>1857                    <div class="row">1858                        <div class="col-md-4">1859                            <div class="row">1860                                <div class="col-12">1861                                    18621863                                    186418651866<div class="unit-image-counter d-flex align-items-center">1867    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1868    <span class="ml-1 text-white small">18</span>1869</div>187018711872<div class="single-item-small">1873    <div class="single-item-arrow--left ml-3"></div>1874    <div class="single-item">1875        1876            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_3be5d44e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine" style="object-fit: cover" height="auto">1877        1878            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_3f5a335e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine" style="object-fit: cover" height="auto">1879        1880            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_428e3d5e-835e-11ec-b07a-127ec6393897.jpg" alt="cuisine" style="object-fit: cover" height="auto">1881        1882            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_46456134-835e-11ec-b07a-127ec6393897.jpg" alt="salon" style="object-fit: cover" height="auto">1883        1884            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_49916086-835e-11ec-b07a-127ec6393897.jpg" alt="sb" style="object-fit: cover" height="auto">1885        1886            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_4ce19314-835e-11ec-b07a-127ec6393897.jpg" alt="salon" style="object-fit: cover" height="auto">1887        1888            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_5066db2a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre" style="object-fit: cover" height="auto">1889        1890            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_5397202a-835e-11ec-b07a-127ec6393897.jpg" alt="chambre" style="object-fit: cover" height="auto">1891        1892            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_570d9306-835e-11ec-b07a-127ec6393897.jpg" alt="chambre2" style="object-fit: cover" height="auto">1893        1894            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_5a6bd51c-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine" style="object-fit: cover" height="auto">1895        1896            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_5d9d9d10-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine" style="object-fit: cover" height="auto">1897        1898            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_6128f16e-835e-11ec-b7e5-12b315c17fb3.jpg" alt="cuisine" style="object-fit: cover" height="auto">1899        1900            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-7_6459de84-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon" style="object-fit: cover" height="auto">1901        1902            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_679d6e3a-835e-11ec-b7e5-12b315c17fb3.jpg" alt="sb" style="object-fit: cover" height="auto">1903        1904            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-6_6b002086-835e-11ec-b7e5-12b315c17fb3.jpg" alt="salon" style="object-fit: cover" height="auto">1905        1906            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-9_6e25ae70-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre" style="object-fit: cover" height="auto">1907        1908            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_719723fe-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre" style="object-fit: cover" height="auto">1909        1910            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-11_74ee83c6-835e-11ec-b7e5-12b315c17fb3.jpg" alt="chambre2" style="object-fit: cover" height="auto">1911        1912    </div>1913    <div class="single-item-arrow--right mr-3"></div>1914</div>19151916                                    1917                                </div>1918                            </div>1919                            1920                        </div>1921                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1922                            <div class="row flex-grow-1">1923                                1924                                <div class="unit-commodities unit-specs col-sm-6">1925                                    1926                                    1927192819291930    1931        <p class="small-header pb-1">1932            Commodités de l'unité1933        </p>1934    1935    <ul class="list-unstyled d-flex flex-wrap mb-1">1936        1937            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1938                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1939                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1940            </li>1941        1942            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1943                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1944                <p class="attribute-description mb-0">Stationnement extérieur</p>1945            </li>1946        1947    </ul>194819491950                                </div>1951                                1952                                1953                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1954                                    1955                                    1956195719581959    1960        <p class="small-header pb-1">1961            Caractéristiques de l'unité1962        </p>1963    1964    <ul class="list-unstyled d-flex flex-wrap mb-1">1965        1966            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1967                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_4afd9f16-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1968                <p class="attribute-description mb-0">Chat accepté</p>1969            </li>1970        1971            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1972                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1973                <p class="attribute-description mb-0">Balcon</p>1974            </li>1975        1976            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1977                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1978                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1979            </li>1980        1981            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1982                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1983                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1984            </li>1985        1986            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1987                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1988                <p class="attribute-description mb-0">Espace de rangement</p>1989            </li>1990        1991    </ul>199219931994                                </div>1995                                1996                            </div>1997                            1998                        </div>1999                    </div>2000                    <div class="row mt-3">2001                        <div class="col-md-4">2002                            <button2003                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"2004                                data-unit_room="4½">2005                                S'informer2006                            </button>2007                            <button2008                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"2009                              data-unit_room="4½" onclick="displayInquiryAndScroll();">2010                                S'informer2011                            </button>2012                        </div>2013                    </div>2014                    <div class="units-detail">2015                      20162017<p class="mb-0 mt-4">2018    1 2019    <span class="text-lowercase">2020        2021            unité2022        2023    </span>2024</p>2025                        2026202720282029<div class="row" id="units-for-unit-room-36487">2030    2031    2032    <div class="col-12 h-100  ">2033        <div class="h-100 border-bottom">2034            <div class="row mt-3">2035                <div class="col-sm-6 col-md-4">2036                    <p class="small-header">unité</p>2037                    <p>2038                        162039                        2040                        <span>&middot; 3e étage</span>2041                        2042                    </p>2043                </div>2044                <div class="col-sm-6 col-md-4">2045                    <p class="small-header">Disponibilité</p>2046                    <p class="text-primary">2047                        Libre immédiatement2048                    </p>2049                </div>2050                <div class="col-sm-6 col-md-4">2051                    <p class="small-header">À partir de</p>2052                    <p>1290,00$</p>2053                </div>2054                2055            </div>2056            <div class="row">2057            </div>2058            2059        </div>2060    </div>2061    2062    2063</div>20642065                    </div>2066                    2067                </div>2068                2069            </div>2070        </div>2071    </div>2072</div>20732074<div id="modal-video" class="modal">2075    <div class="modal-dialog modal-lg" role="document">2076        <div class="modal-content">2077            <div id="modal-video-body" class="modal-body">2078            </div>2079        </div>2080    </div>2081</div>20822083<script type="text/javascript">2084    const toggleHiddenUnits = (unitRoomId) => {2085        if (unitRoomId) {2086            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);2087            for (unit of hiddenUnits) {2088                unit.classList.toggle("d-none");2089            }20902091            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);2092            if (seeMoreButton.textContent === "Voir plus")2093                seeMoreButton.textContent = "Voir moins";2094            else2095                seeMoreButton.textContent = "Voir plus";2096        }2097    }20982099    const playVideo = (el) => {2100        const list = el.getElementsByTagName('video');2101        if (!list || !list.length)2102            return;21032104        const video = list[0];2105        const container = document.getElementById('modal-video-body');2106        container.appendChild(video);2107        video.play();21082109        el.classList.add('show-placeholder');21102111        $("#modal-video").modal();2112        $("#modal-video").on('hidden.bs.modal', () => {2113            el.classList.remove('show-placeholder');2114            el.insertBefore(video, el.children[0]);2115            video.currentTime = 0;2116            video.pause();2117        });2118    }21192120    function displayInquiryAndScroll() {2121        displayInquiry();2122        const form = document.getElementById("inquire-form-anchor");2123        form.scrollIntoView();2124    }2125</script>212621272128<div class="container">2129    <div class="row mt-5">2130        <div class="col-md-6">2131            <div class="row">2132                <div class="col-12">2133                    <h2>À propos de l'immeuble</h2>2134                </div>2135            </div>2136            <div class="row">2137                <div class="col-12">2138                    <p class="mb-1"><strong>Adresse</strong></p>2139                    21402141<script id="building-coordinates" type="application/json">[]</script>21422143<div id="map-container" class="footer mb-2 mt-1">2144    <div id="interactive-map" style="height: 100%;" class="rounded">2145    </div>2146</div>21472148                    <p class="mb-0">9977 St-Maurice</p>2149                    <p class="mb-0">Québec, Québec</p>2150                    <p class="mb-3">G2B3J9</p>2151                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%209977%20St-Maurice%20Quebec%20G2B3J9" target="_blank">2152                        Ouvrir sur Google Maps2153                    </a>2154                </div>2155            </div>2156            <hr>2157            <div class="row">2158                <div class="col-12">2159                    <p><strong>Plus d'informations</strong></p>2160                    <div class="row">2161                        2162                        <div class="col-md-4">2163                            <p class="subtext">Nombre d'étages</p>2164                            <p class="d-md-none">2165                                2166                                4 étage(s)2167                                2168                            </p>2169                        </div>2170                        2171                        <div class="col-md-4">2172                            <p class="subtext">Nombre total d'unités</p>2173                            <p class="d-md-none">2174                                2175                            20 unités2176                        2177                            </p>2178                        </div>2179                        2180                        <div class="col-md-4">2181                            <p class="subtext">Année de construction</p>2182                            <p class="d-md-none">1972</p>2183                        </div>2184                        2185                    </div>2186                    <div class="row mb-3 d-none d-md-flex">2187                        2188                        <div class="col-md-4">2189                            <p class="">2190                                2191                                4 étage(s)2192                                2193                            </p>2194                        </div>2195                        2196                        <div class="col-md-4">2197                            <p class="">2198                                2199                            20 unités2200                        2201                            </p>2202                        </div>2203                        2204                        <div class="col-md-4">2205                            <p class="">1972</p>2206                        </div>2207                        2208                    </div>2209                    2210                </div>2211            </div>2212            2213            <hr>2214            <div class="row">2215                <div class="col-12">2216                    <p><strong>Commodités de l'immeuble</strong></p>2217                    <div class="row">2218                        <div class="col-12">2219                            2220222122222223    2224    <ul class="list-unstyled d-flex flex-wrap mb-1">2225        2226            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2227                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2228                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>2229            </li>2230        2231            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2232                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2233                <p class="attribute-description mb-0">Stationnement</p>2234            </li>2235        2236    </ul>223722382239                        </div>2240                    </div>2241                </div>2242            </div>2243            2244            2245            <hr>2246            <div class="row">2247                <div class="col-12">2248                    <p><strong>Frais additionnels</strong></p>2249                    <div class="row">2250                        <div class="col-12">2251                            2252225322542255    2256    <ul class="list-unstyled d-flex flex-wrap mb-1">2257        2258            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2259                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/test.png" alt="icon" height="15px" width="15px">2260                <p class="attribute-description mb-0">Stationnement</p>2261            </li>2262        2263            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2264                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2265                <p class="attribute-description mb-0">Service de déneigement</p>2266            </li>2267        2268            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2269                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_ac417a76-7ff6-11ea-a7e4-1275881fc0b8.png" alt="icon" height="15px" width="15px">2270                <p class="attribute-description mb-0">Service de buanderie</p>2271            </li>2272        2273    </ul>227422752276                        </div>2277                    </div>2278                </div>2279            </div>2280            2281            2282            <hr>2283            <div class="row">2284                <div class="col-12">2285                    <p><strong>Accès et services</strong></p>2286                    <div class="row">2287                        <div class="col-12">2288                            2289229022912292    2293    <ul class="list-unstyled d-flex flex-wrap mb-1">2294        2295            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2296                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2297                <p class="attribute-description mb-0">École</p>2298            </li>2299        2300            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2301                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2302                <p class="attribute-description mb-0">Épicerie</p>2303            </li>2304        2305            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2306                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2307                <p class="attribute-description mb-0">Commerces</p>2308            </li>2309        2310            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2311                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2312                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>2313            </li>2314        2315            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2316                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2317                <p class="attribute-description mb-0">Service d&#x27;autobus</p>2318            </li>2319        2320            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2321                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2322                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>2323            </li>2324        2325            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2326                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2327                <p class="attribute-description mb-0">Dépanneur</p>2328            </li>2329        2330            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2331                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2332                <p class="attribute-description mb-0">Garderies</p>2333            </li>2334        2335            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2336                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2337                <p class="attribute-description mb-0">Clinique médicale</p>2338            </li>2339        2340            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2341                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2342                <p class="attribute-description mb-0">Banque</p>2343            </li>2344        2345            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2346                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2347                <p class="attribute-description mb-0">Pharmacie</p>2348            </li>2349        2350            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2351                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2352                <p class="attribute-description mb-0">Parc</p>2353            </li>2354        2355    </ul>235623572358                        </div>2359                    </div>2360                </div>2361            </div>2362            2363        </div>2364        2365        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">2366            <div class="shadow">2367                <img 2368                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG"2369                    alt="Borough image"2370                    width="100%"2371                    height="200px"2372                    class="object-fit-cover">2373                <div class="row p-4">2374                    <div class="col-12">2375                        <p class="small-header">À propos du quartier</p>2376                        <h3>Les Saules</h3>2377                        <p>Les Saules</p>2378                        <p>Les Saules</p>2379                        <a href="/louer-appartement-quebec/les-saules">2380                            2381                  Voir les appartements à Les Saules2382                  2383                        </a>2384                    </div>2385                </div>2386            </div>2387        </div>2388        2389    </div>2390    <div class="row">2391        <div class="col-12">2392            2393239423952396    <div class="row mt-5 ">2397        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2398        <div class="col-12 mb-3">2399            240024012402<div class="row">2403    2404    <a 2405        href="/logement/312"2406        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2407        data-type="3"2408        data-borough="10"2409    >2410        2411241224132414<script>2415    function displayNowAvailableBubble(buildingId) {2416        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2417        nowAvailableBubble.classList.remove("d-none");2418    }2419</script>24202421<div class="row">2422    2423    2424    2425    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2426    2427    2428    2429    2430    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2431        <p class="text-white m-0">En vedette</p>2432    </div>2433    2434    2435    <div class="col-6 apartment-col">2436        <div class="row">2437            <div class="col-12 pr-0">2438                2439                <img 2440                    class="rounded-left apartment-image" 2441                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2442                    alt="unit image"2443                    width=100%2444                    height=232px2445                />2446                2447            </div>2448        </div>2449    </div>2450    2451    2452    <div class="col-6 apartment-col">2453        <div class="row">2454            <div class="col-12 pl-0">2455                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_a99b01fe-5811-11f0-8a5b-0e9b4be91035.jpg"2456                   alt="unit image" width="100%" height="116px">2457            </div>2458        </div>2459        2460        <div class="row">2461            <div class="col-12 pl-0">2462                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/SALON_aa37903c-5811-11f0-8a5b-0e9b4be91035.jpg"2463                    alt="unit image" width=100% height=116px>2464            </div>2465        </div>2466        2467    </div>2468    2469    2470    2471</div>24722473        2474247524762477<div class="row mt-4">2478    <div class="col-12">2479        <div class="card-body p-0 text-left">2480            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2481            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2482            2483                2484                    <div class="row">2485                        <div class="col-7">2486                            <p class="apartment-infos mb-0">2487                                2488                                    4½ à partir de 1595$2489                                2490                            </p>2491                            <p class="apartment-availability footnotes">2492                                octobre 20262493                            </p>2494                        </div>2495                        <div class="col-5 text-right">2496                            2497                                2498                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2499                                2500                            2501                                2502                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2503                                2504                            2505                                2506                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2507                                2508                            2509                            2510                        </div>2511                    </div>2512                2513            2514            2515        </div>2516    </div>2517</div>25182519    </a>2520    2521    <a 2522        href="/logement/160"2523        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2524        data-type="3"2525        data-borough="6"2526    >2527        2528252925302531<script>2532    function displayNowAvailableBubble(buildingId) {2533        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2534        nowAvailableBubble.classList.remove("d-none");2535    }2536</script>25372538<div class="row">2539    2540    2541    2542    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2543    2544    2545    2546    2547    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2548        <p class="text-white m-0">En vedette</p>2549    </div>2550    2551    2552    <div class="col-6 apartment-col">2553        <div class="row">2554            <div class="col-12 pr-0">2555                2556                <img 2557                    class="rounded-left apartment-image" 2558                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2559                    alt="unit image"2560                    width=100%2561                    height=232px2562                />2563                2564            </div>2565        </div>2566    </div>2567    2568    2569    <div class="col-6 apartment-col">2570        <div class="row">2571            <div class="col-12 pl-0">2572                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD2_5554869e-bfa3-11ea-9b14-0e226705be53.jpg"2573                   alt="unit image" width="100%" height="116px">2574            </div>2575        </div>2576        2577        <div class="row">2578            <div class="col-12 pl-0">2579                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD3_562eca5c-bfa3-11ea-9b14-0e226705be53.jpg"2580                    alt="unit image" width=100% height=116px>2581            </div>2582        </div>2583        2584    </div>2585    2586    2587    2588</div>25892590        2591259225932594<div class="row mt-4">2595    <div class="col-12">2596        <div class="card-body p-0 text-left">2597            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2598            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2599            2600                2601                    <div class="row">2602                        <div class="col-7">2603                            <p class="apartment-infos mb-0">2604                                2605                                    4½ à partir de 1250$2606                                2607                            </p>2608                            <p class="apartment-availability footnotes">2609                                Libre immédiatement2610                            </p>2611                        </div>2612                        <div class="col-5 text-right">2613                            2614                                2615                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2616                                2617                            2618                                2619                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2620                                2621                            2622                                2623                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2624                                2625                            2626                                2627                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2628                                2629                            2630                            2631                        </div>2632                    </div>2633                2634            2635            2636        </div>2637    </div>2638</div>26392640    </a>2641    2642    <a 2643        href="/logement/18"2644        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2645        data-type="3"2646        data-borough="3"2647    >2648        2649265026512652<script>2653    function displayNowAvailableBubble(buildingId) {2654        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2655        nowAvailableBubble.classList.remove("d-none");2656    }2657</script>26582659<div class="row">2660    2661    2662    2663    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2664    2665    2666    2667    2668    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2669        <p class="text-white m-0">En vedette</p>2670    </div>2671    2672    2673    <div class="col-6 apartment-col">2674        <div class="row">2675            <div class="col-12 pr-0">2676                2677                <img 2678                    class="rounded-left apartment-image" 2679                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2680                    alt="unit image"2681                    width=100%2682                    height=232px2683                />2684                2685            </div>2686        </div>2687    </div>2688    2689    2690    <div class="col-6 apartment-col">2691        <div class="row">2692            <div class="col-12 pl-0">2693                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.jpg"2694                   alt="unit image" width="100%" height="116px">2695            </div>2696        </div>2697        2698        <div class="row">2699            <div class="col-12 pl-0">2700                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.jpg"2701                    alt="unit image" width=100% height=116px>2702            </div>2703        </div>2704        2705    </div>2706    2707    2708    2709</div>27102711        2712271327142715<div class="row mt-4">2716    <div class="col-12">2717        <div class="card-body p-0 text-left">2718            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2719            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2720            2721                2722                    <div class="row">2723                        <div class="col-7">2724                            <p class="apartment-infos mb-0">2725                                2726                                    1½ à partir de 799$2727                                2728                            </p>2729                            <p class="apartment-availability footnotes">2730                                Libre immédiatement2731                            </p>2732                        </div>2733                        <div class="col-5 text-right">2734                            2735                                2736                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2737                                2738                            2739                                2740                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2741                                2742                            2743                                2744                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2745                                2746                            2747                                2748                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2749                                2750                            2751                                2752                            2753                                2754                            2755                            2756                                <p class="footnotes d-inline"> +2</p>2757                            2758                        </div>2759                    </div>2760                2761            2762            2763        </div>2764    </div>2765</div>27662767    </a>2768    2769</div>27702771        </div>2772        2773    </div>277427752776        </div>2777    </div>2778</div>2779<div class="bg-primary py-5 mt-5">2780    <div class="container">2781        <div class="row justify-content-center">2782            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2783                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2784                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2785                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2786            </div>2787        </div>2788    </div>2789</div>2790<div id="modal-inquire" class="modal">2791    2792279327942795<div class="inquire-step-1 container p-0 mb-5 position-relative">2796    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2797    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2798    <p>418-626-3070</p>2799    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1a7675797b6e7375745a767b7c687b74797f37777b6e72737f6f34797577">[email&#160;protected]</a></p>2800    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2801    <p class="text-gray-light">Intéressé par ces unités</p>28022803    <div class="d-inline-flex flex-wrap">2804        2805        2806        <button2807            class="inquire-room btn btn-normal mb-3"2808            data-unit_room="2½"2809            data-toggle="button"2810        >28112812        </button>2813        2814        <button2815            class="inquire-room btn btn-normal mb-3"2816            data-unit_room="4½"2817            data-toggle="button"2818        >28192820        </button>2821        2822        2823    </div>28242825    <div class="dropdown mb-4">2826        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2827            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2828            <p class="inquire-units-label-title text-uppercase mb-0">2829                Unité(s) spécifique(s)2830            </p>2831            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2832                Aucune choisie2833            </p>2834            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2835        </div>2836        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2837            2838            2839            <button class="inquire-units-choice dropdown-item" data-unit="3"2840                data-unit_room="2½">2841                32842            </button>2843            2844            2845            2846            <button class="inquire-units-choice dropdown-item" data-unit="16"2847                data-unit_room="4½">2848                162849            </button>2850            2851            2852        </div>2853    </div>285428552856    <p class="text-gray-light">Date de déménagement prévue</p>2857    <div id="inquire-datepicker" class="input-group date mt-1">2858        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2859        <div class="input-group-addon">2860            <span class="glyphicon glyphicon-th"></span>2861        </div>2862    </div>2863</div>28642865<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2866    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2867    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2868    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2869    <form id="inquire-form">2870        <div class="form-group">2871            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2872                placeholder="Prénom"></input>2873        </div>2874        <div class="form-group">2875            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2876                placeholder="Nom de famille"></input>2877        </div>2878        <div class="form-group">2879            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2880                <option id="email" value="email" selected>Courriel</option>2881                <option id="phone" value="phone">Téléphone</option>2882            </select>2883        </div>2884        <div id="inquireForm-contact-email" class="form-group">2885            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2886                placeholder="Adresse courriel"></input>2887        </div>2888        <div id="inquireForm-contact-phone" class="form-group d-none">2889            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2890                placeholder="Numéro de téléphone"></input>2891        </div>2892        <div class="form-group">2893            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2894                placeholder="Questions ou notes"></textarea>2895        </div>2896        <div id="g-recaptcha-error"></div>2897        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2898    </form>2899</div>29002901<div class="inquire-step-3 d-none position-relative">2902    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2903    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2904        height="66px">2905    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2906    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2907</div>29082909<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2910    Continuer2911</button>2912<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2913    Soumettre2914</button>2915<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2916    var recaptcha_response = '';2917    window.isCondo = "False" == "True";2918    document.getElementById("inquire-datepicker-input").value = "";2919    2920    function scrollToTopOfForm() {2921        const top = document.getElementById("inquire-step-1");2922        top.scrollIntoView();2923    }2924    function submitForm() {2925        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2926            onContinue2Click('JjHdSoORuydhezOGghuGUgnya70qB03ml2ZUacksaMsN3S0Hss30gDcmXdmb61lJ');2927            const confirmation = document.getElementById("inquire-confirmation");2928            confirmation.scrollIntoView();2929        }2930        else {2931            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2932        }2933    }29342935    function verifyCaptcha(token) {2936        recaptcha_response = token;2937        document.getElementById('g-recaptcha-error').innerHTML = '';2938    }2939</script>29402941</div>2942294329442945<div id="modal-share" class="modal">2946    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2947        <div class="modal-content">2948            <div class="modal-body">2949                Partager ce logement2950                <div id="share-widget-container" class="d-flex justify-content-center"></div>2951            </div>2952        </div>2953    </div>2954</div>295529562957<script src="/static/js/share.js" defer></script>29582959296029612962            </main>2963            <footer>2964                296529662967<div class="footer row m-0 p-5 justify-content-center bg-black">2968    <div class="container m-0">2969        <div class="row mb-3">2970            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2971                height="80px" class="footer-logo">2972        </div>2973        <div class="row">2974            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2975                <p class="footer-title mb-2">Contactez-nous</p>2976                <p class="footer-text mb-3">Pour toute question concercant nos services de gestion immobilière, nos logements à louer ou pour en savoir plus sur nos offres et services.</p>2977                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2978                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2979                    <span class="footer-phone">418 626-5500</span>2980                </a>2981                <a href="/cdn-cgi/l/email-protection#cfa6a1a9a08fa3aea9bdaea1acaae2a2aebba7a6aabae1aca0a2" target="_blank" class="mb-3 d-flex align-items-center">2982                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2983                    <span><span class="__cf_email__" data-cfemail="a1c8cfc7cee1cdc0c7d3c0cfc2c48cccc0d5c9c8c4d48fc2cecc">[email&#160;protected]</span></span>2984                </a>2985                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2986                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42987                </a>2988                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2989                <div class="d-flex">2990                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2991                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2992                            class="footer-social-icon mr-3" />2993                    </a>2994                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2995                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2996                            class="footer-social-icon" />2997                    </a>2998                </div>2999            </div>3000            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">3001                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>3002                <p class="footer-text mb-3">Pour toute urgence n’hésitez pas à nous contacter ou connectez vous à l’Espace client pour toute question ou demande moins urgente.</p>3003                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3004                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3005                    <span class="footer-phone">418-626-5500</span>3006                </a>3007                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">3008                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />3009                    <span>Se connecter à l’Espace client</span>3010                </a>3011                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">3012                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />3013                    <span>Se connecter à Sensaas</span>3014                </a>3015            </div>3016            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">3017                <ul class="navbar-nav">3018                    3019                    30203021<li class="nav-item  ">3022    <a class="nav-link py-0 footer-main-navigation mb-3"3023        href="/">Accueil</a>3024    <hr class="my-1 border-gray-medium d-none">3025</li>302630273028                    3029                    30303031<li class="nav-item  ">3032    <a class="nav-link py-0 footer-main-navigation mb-3"3033        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3034    <hr class="my-1 border-gray-medium d-none">3035</li>303630373038                    3039                    30403041<li class="nav-item  ">3042    <a class="nav-link py-0 footer-main-navigation mb-3"3043        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3044    <hr class="my-1 border-gray-medium d-none">3045</li>304630473048                    3049                    30503051<li class="nav-item  ">3052    <a class="nav-link py-0 footer-main-navigation mb-3"3053        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3054    <hr class="my-1 border-gray-medium d-none">3055</li>305630573058                    3059                    30603061<li class="nav-item  ">3062    <a class="nav-link py-0 footer-main-navigation mb-3"3063        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3064    <hr class="my-1 border-gray-medium d-none">3065</li>306630673068                    3069                    30703071<li class="nav-item  ">3072    <a class="nav-link py-0 footer-main-navigation mb-3"3073        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3074    <hr class="my-1 border-gray-medium d-none">3075</li>307630773078                    3079                </ul>3080            </div>3081            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3082                <ul class="navbar-nav">3083                    3084                    30853086<li class="nav-item  ">3087    <a class="nav-link py-0 footer-main-navigation mb-3"3088        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3089    <hr class="my-1 border-gray-medium d-none">3090</li>309130923093                    3094                    30953096<li class="nav-item  ">3097    <a class="nav-link py-0 footer-main-navigation mb-3"3098        href="/blog">Blogue</a>3099    <hr class="my-1 border-gray-medium d-none">3100</li>310131023103                    3104                    31053106<li class="nav-item  ">3107    <a class="nav-link py-0 footer-main-navigation mb-3"3108        href="/faire-carriere/">Carrières</a>3109    <hr class="my-1 border-gray-medium d-none">3110</li>311131123113                    3114                </ul>3115            </div>3116        </div>3117    </div>3118</div>31193120312131223123<div class="footer-notices d-flex flex-column w-100 m-0 px-5 py-4 align-items-start align-items-sm-center bg-darker">3124    <div class="d-flex justify-content-center">3125        <ul class="list-inline mb-1">3126            3127            <li class="list-inline-item">3128                <a href=/conditions-utilisation>3129                    Conditions d'utilisation3130                </a>3131            </li>3132            3133            3134            <li class="list-inline-item">3135                <a href=/politique-confidentialite>3136                    Politique de confidentialité3137                </a>3138            </li>3139            3140            3141            <li class="list-inline-item">3142                <a href=/protection-renseignements-personnels>3143                    Protection des renseignements personnels3144                </a>3145            </li>3146            3147            3148            <li class="list-inline-item">3149                <a href=/temoins-navigation>3150                    Gérer vos témoins de navigation3151                </a>3152            </li>3153            3154        </ul>3155    </div>3156    <div class="d-flex justify-content-center">3157        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3158    </div>3159</div>31603161            </footer>3162        31633164<!-- Cookie Banner -->3165<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3166    <div class="gilm-cookie-banner-container">3167        <div class="gilm-cookie-banner-text">3168            <p>3169                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3170                sites3171                Web3172                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3173                témoins,3174                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3175                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3176                l'utilisation3177                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3178            </p>3179            <p class="d-sm-none">3180                <a href=/temoins-navigation>3181                    Gérer vos témoins de navigation3182                </a>3183                <br/>3184                <a href=/politique-confidentialite>3185                    Politique de confidentialité3186                </a>3187                <br/>3188                <a href=/conditions-utilisation>3189                    Conditions d'utilisation3190                </a>3191            </p>3192            <p class="d-none d-sm-block">3193                <a href=/temoins-navigation>3194                    Gérer vos témoins de navigation3195                </a>3196                -3197                <a href=/politique-confidentialite>3198                    Politique de confidentialité3199                </a>3200                -3201                <a href=/conditions-utilisation>3202                    Conditions d'utilisation3203                </a>3204            </p>3205        </div>3206        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3207                onclick="window.gilm_hideCookieBanner()">3208            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3209        </button>3210    </div>3211</div>3212<!-- End of Cookie Banner -->3213        </div>3214        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">3215        </script>3216        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3217        </script>3218        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3219        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3220        </script>3221        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3222        </script>3223        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3224        </script>3225        <script type="text/javascript" src="/static/js/carousel.js">3226        </script>3227        <script type="text/javascript" src="/static/js/cookie_banner.js">3228        </script>3229        <script id="search-script" type="text/javascript" src="/static/js/search.js">3230        </script>3231        <script type="text/javascript" src="/static/js/jssocials.min.js">3232        </script>3233        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3234        </script>3235        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha256-bqVeqGdJ7h/lYPq6xrPv/YGzMEb6dNxlfiTUHSgRCp8=" crossorigin="anonymous">3236        </script>3237        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js" charset="UTF-8">3238        </script>3239        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3240        <script>3241            window.dataLayer = window.dataLayer || [];32423243            function gtag() {3244                dataLayer.push(arguments);3245            }3246            gtag('js', new Date());3247            gtag('config', 'UA-20687227-3');3248        </script>3249        3250<script src="/static/js/inquire.js"></script>3251<script src="/static/js/leaflet.js" is-building-details="true"></script>32523253        3254    </body>32553256    </html>3257