SPB Git

spb/lou-ka Public

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

HTML 99.7%
101.0 KB · 2,877 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/82" />24<meta name="title" content="Logement a louer - 20, rue Lockwell">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>20, rue Lockwell - 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#c1a8afa7ae81ada0a7b3a0afa2a4ecaca0b5a9a8a4b4efa2aeac" 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="0960676f664965686f7b68676a6c2464687d61606c7c276a6664">[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; Québec</p>930        <h2 id="building-address-1">20, rue Lockwell</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G1R1V7935        </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 - 20, rue Lockwell`, `https://lafrance-mathieu.com/logement/82`)">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/-PPD008_6740282c-8006-11ea-b282-1275881fc0b8.jpg" alt="Façade">964        965    </div>966    <div class="slider slider-nav mt-2">967        968        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_6740282c-8006-11ea-b282-1275881fc0b8.jpg" alt="Façade">969        970    </div>971</div>972973        974    </div>975    <div class="col-lg-8 d-block d-md-none">976        977        978979980981<div class="">982    <div class="single-item-arrow--left ml-3"></div>983    <div class="single-item">984        985            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_6740282c-8006-11ea-b282-1275881fc0b8.jpg" alt="Façade" style="object-fit: cover" height="auto">986        987    </div>988    <div class="single-item-arrow--right mr-3"></div>989</div>990991        992    </div>993    994    <div class="col-12 col-lg-4 order-lg-2">995        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">996            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>997            99899910001001<div class="inquire-step-1 container p-0 mb-5 position-relative">1002    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1003    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1004    <p>418-626-3070</p>1005    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7d11121e1c091412133d111c1b0f1c131e1850101c0915141808531e1210">[email&#160;protected]</a></p>1006    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1007    <p class="text-gray-light">Intéressé par ces unités</p>10081009    <div class="d-inline-flex flex-wrap">1010        1011        1012        <button1013            class="inquire-room btn btn-normal mb-3"1014            data-unit_room="1½"1015            data-toggle="button"1016        >10171018        </button>1019        1020        1021    </div>10221023    <div class="dropdown mb-4">1024        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1025            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1026            <p class="inquire-units-label-title text-uppercase mb-0">1027                Unité(s) spécifique(s)1028            </p>1029            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1030                Aucune choisie1031            </p>1032            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1033        </div>1034        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1035            1036            1037            <button class="inquire-units-choice dropdown-item" data-unit="4"1038                data-unit_room="1½">1039                41040            </button>1041            1042            <button class="inquire-units-choice dropdown-item" data-unit="12B"1043                data-unit_room="1½">1044                12B1045            </button>1046            1047            1048        </div>1049    </div>105010511052    <p class="text-gray-light">Date de déménagement prévue</p>1053    <div id="inquire-datepicker" class="input-group date mt-1">1054        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1055        <div class="input-group-addon">1056            <span class="glyphicon glyphicon-th"></span>1057        </div>1058    </div>1059</div>10601061<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1062    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1063    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1064    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1065    <form id="inquire-form">1066        <div class="form-group">1067            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1068                placeholder="Prénom"></input>1069        </div>1070        <div class="form-group">1071            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1072                placeholder="Nom de famille"></input>1073        </div>1074        <div class="form-group">1075            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1076                <option id="email" value="email" selected>Courriel</option>1077                <option id="phone" value="phone">Téléphone</option>1078            </select>1079        </div>1080        <div id="inquireForm-contact-email" class="form-group">1081            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1082                placeholder="Adresse courriel"></input>1083        </div>1084        <div id="inquireForm-contact-phone" class="form-group d-none">1085            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1086                placeholder="Numéro de téléphone"></input>1087        </div>1088        <div class="form-group">1089            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1090                placeholder="Questions ou notes"></textarea>1091        </div>1092        <div id="g-recaptcha-error"></div>1093        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1094    </form>1095</div>10961097<div class="inquire-step-3 d-none position-relative">1098    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1099    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1100        height="66px">1101    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1102    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1103</div>11041105<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1106    Continuer1107</button>1108<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1109    Soumettre1110</button>1111<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1112    var recaptcha_response = '';1113    window.isCondo = "False" == "True";1114    document.getElementById("inquire-datepicker-input").value = "";1115    1116    function scrollToTopOfForm() {1117        const top = document.getElementById("inquire-step-1");1118        top.scrollIntoView();1119    }1120    function submitForm() {1121        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1122            onContinue2Click('qnG7ndg9LgtZV92Gz0Gj4mjU2Wz9W22y26YOF1MKruIvKseHLbfDqJ8IP2VUr3kV');1123            const confirmation = document.getElementById("inquire-confirmation");1124            confirmation.scrollIntoView();1125        }1126        else {1127            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1128        }1129    }11301131    function verifyCaptcha(token) {1132        recaptcha_response = token;1133        document.getElementById('g-recaptcha-error').innerHTML = '';1134    }1135</script>11361137        </div>1138    </div>1139    1140</div>11411142<div class="row mt-4">1143    <div class="col-md-8">1144        <h2 class="convenience-header">Commodités de l'immeuble</h2>1145        <div class="row mb-4">1146            <div class="col-md-12">1147                1148114911501151    1152    <ul class="list-unstyled d-flex flex-wrap mb-1">1153        1154            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1155                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1156                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1157            </li>1158        1159            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1160                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1161                <p class="attribute-description mb-0">Service de buanderie</p>1162            </li>1163        1164    </ul>116511661167            </div>1168        </div>1169    </div>1170</div>117111721173</div>117411751176117711781179<script>1180function scrollToId(unitRoomId) {1181    removeAllActive();11821183    const scrollOptions = {1184        behavior: "smooth",1185        block: "start"1186    };11871188    const defaultFilter = document.getElementById("unit-room-filter-all");1189    if (unitRoomId === "all") {1190        defaultFilter.classList.add("active");1191        defaultFilter.scrollIntoView(scrollOptions);1192    } else {1193        const element = document.getElementById(`unit-room-${unitRoomId}`);1194        if (!!element) {1195            element.scrollIntoView(scrollOptions);1196            const defaultFilter = document.getElementById("unit-room-filter-all");1197            defaultFilter.classList.remove("active");1198            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1199            filter.classList.add("active");12001201        }1202    }1203}12041205function removeAllActive() {1206    const elements = document.getElementsByClassName("unit-room-filter");1207    for (element of elements) element.classList.remove("active");1208}1209</script>12101211<div class="container">1212    <div class="row mt-5">1213        <div class="col-md-12">1214            <h2 id="anchor-units" class="mb-3">Unités</h2>1215            1216            <ul class="list-inline mb-0 position-relative">1217                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1218                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1219                        <span>Toutes</span>1220                    </button>1221                </li>1222                1223                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-191">1224                    <button onclick="scrollToId('191');" class="unit-room-filter-button btn btn-no-outline">1225                        <span class="text-primary">1½</span> <span class="text-gray-light">(2)</span>1226                    </button>1227                </li>1228                1229            </ul>1230            1231        </div>1232    </div>1233</div>1234<div class="bg-background-gray pb-3">1235    <div class="container">1236        <div class="row">1237            <div class="col-12 p-0">1238                1239                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1240                    <div style="position: absolute; top: -134px;" id="unit-room-191"></div>1241                    <div id="modal-details-191" class="modal">1242                        124312441245<div class="container mt-5">1246    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1247        12481249<div class="row">1250    <div class="col-9">1251    <h2>1252        1253            1½ from $850 to $8501254        1255    </h2>1256    </div>1257    <div class="col-3 text-right">1258        <button class="btn-close" data-toggle="modal" data-target="#modal-details-191"></button>1259    </div>1260</div>1261<div class="row">1262    <div class="col-9">1263        12641265<p class="">1266    2 1267    <span class="text-lowercase">1268        1269            Unités1270        1271    </span>1272</p>1273    </div>1274    <div class="col-3 text-right">1275        1276    </div>1277</div>1278<div class="row">1279    <div class="col-12" id="unit-modal-carousel-191">1280        12811282<div class="unit-detail-carousel">1283    <div class="slider slider-for">1284        1285        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0959_d471e3f8-7089-11eb-8e8a-127ec6393897.jpg" alt="cuisine">1286        1287        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0960_d85ef942-7089-11eb-8e8a-127ec6393897.JPG" alt="cuisine2">1288        1289        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_db5434aa-7089-11eb-8e8a-127ec6393897.jpg" alt="salon">1290        1291        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_de7d3f6e-7089-11eb-8e8a-127ec6393897.jpg" alt="salon">1292        1293        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e1c1412a-7089-11eb-8e8a-127ec6393897.jpg" alt="piece">1294        1295        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e4bb140a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb">1296        1297        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_cd67eefe-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="sb">1298        1299        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_d096e71a-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="pièce">1300        1301        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e7cd8b0a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb">1302        1303        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_eb059948-7089-11eb-8e8a-127ec6393897.jpg" alt="pièce">1304        1305    </div>1306    <div class="slider slider-nav mt-2">1307        1308        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0959_d471e3f8-7089-11eb-8e8a-127ec6393897.jpg" alt="cuisine">1309        1310        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0960_d85ef942-7089-11eb-8e8a-127ec6393897.JPG" alt="cuisine2">1311        1312        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_db5434aa-7089-11eb-8e8a-127ec6393897.jpg" alt="salon">1313        1314        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_de7d3f6e-7089-11eb-8e8a-127ec6393897.jpg" alt="salon">1315        1316        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e1c1412a-7089-11eb-8e8a-127ec6393897.jpg" alt="piece">1317        1318        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e4bb140a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb">1319        1320        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_cd67eefe-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="sb">1321        1322        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_d096e71a-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="pièce">1323        1324        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e7cd8b0a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb">1325        1326        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_eb059948-7089-11eb-8e8a-127ec6393897.jpg" alt="pièce">1327        1328    </div>1329</div>13301331    </div>1332</div>1333<div class="row mt-3">1334    <div class="col-12 unit-commodities">1335        1336        1337133813391340    1341        <p class="small-header pb-1">1342            Commodités de l'unité1343        </p>1344    1345    <ul class="list-unstyled d-flex flex-wrap mb-1">1346        1347            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1348                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1349                <p class="attribute-description mb-0">Eau Chaude</p>1350            </li>1351        1352            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1353                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1354                <p class="attribute-description mb-0">Chauffage</p>1355            </li>1356        1357            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1358                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1359                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1360            </li>1361        1362            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1363                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances.png" alt="icon" height="15px" width="15px">1364                <p class="attribute-description mb-0">Semi-meublé</p>1365            </li>1366        1367    </ul>136813691370    </div>1371</div>1372<div class="row mt-3">1373    <div class="col-12 unit-characteristics">1374        1375        13761377137813791380    </div>1381</div>138213831384        <div class="units-detail mt-5">1385            <h2>Unités</h2>1386            1387138813891390<div class="row" id="units-for-unit-room-191">1391    1392    1393    <div class="col-12 h-100  ">1394        <div class="h-100 border-bottom">1395            <div class="row mt-3">1396                <div class="col-sm-6 col-md-4">1397                    <p class="small-header">unité</p>1398                    <p>1399                        41400                        1401                        <span>&middot; 1er étage</span>1402                        1403                    </p>1404                </div>1405                <div class="col-sm-6 col-md-4">1406                    <p class="small-header">Disponibilité</p>1407                    <p class="text-primary">1408                        Libre immédiatement1409                    </p>1410                </div>1411                <div class="col-sm-6 col-md-4">1412                    <p class="small-header">À partir de</p>1413                    <p>850,00$</p>1414                </div>1415                1416            </div>1417            <div class="row">1418            </div>1419            1420            <div class="row">1421                <div class="col-md-6">1422                    <p class="small-header">Informations</p>1423                    <p>Le logement doit être loué pour avril 2022</p>1424                </div>1425            </div>1426            1427        </div>1428    </div>1429    1430    1431    1432    <div class="col-12 h-100  ">1433        <div class="h-100 border-bottom">1434            <div class="row mt-3">1435                <div class="col-sm-6 col-md-4">1436                    <p class="small-header">unité</p>1437                    <p>1438                        12B1439                        1440                        <span>&middot; 2e étage</span>1441                        1442                    </p>1443                </div>1444                <div class="col-sm-6 col-md-4">1445                    <p class="small-header">Disponibilité</p>1446                    <p class="text-primary">1447                        Libre immédiatement1448                    </p>1449                </div>1450                <div class="col-sm-6 col-md-4">1451                    <p class="small-header">À partir de</p>1452                    <p>850,00$</p>1453                </div>1454                1455            </div>1456            <div class="row">1457            </div>1458            1459        </div>1460    </div>1461    1462    1463</div>14641465        </div>1466        1467    </div>1468</div>1469                    </div>1470                    <div class="row">1471                        <div class="col-6">1472                            <h4>1473                                1474                                1½ à partir de 850,00$1475                            1476                            </h4>1477                        </div>1478                        <div class="col-6 d-flex justify-content-end">1479                            1480                            1481                            1482                            <button1483    class="btn text-primary share-button-small"1484    data-toggle="modal"1485    data-target="#modal-share"1486    onclick="configureShareWidget(`1½ à louer - 20, rue Lockwell`, `https://lafrance-mathieu.com/logement/82`)">1487    <i class="fas fa-share-square mr-1"></i>1488    <span>Partager</span>1489</button>14901491                            1492                        </div>1493                    </div>1494                    <div class="row">1495                        <div class="col-md-4">1496                            <div class="row">1497                                <div class="col-12">1498                                    14991500                                    150115021503<div class="unit-image-counter d-flex align-items-center">1504    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1505    <span class="ml-1 text-white small">10</span>1506</div>150715081509<div class="single-item-small">1510    <div class="single-item-arrow--left ml-3"></div>1511    <div class="single-item">1512        1513            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0959_d471e3f8-7089-11eb-8e8a-127ec6393897.jpg" alt="cuisine" style="object-fit: cover" height="auto">1514        1515            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0960_d85ef942-7089-11eb-8e8a-127ec6393897.JPG" alt="cuisine2" style="object-fit: cover" height="auto">1516        1517            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_db5434aa-7089-11eb-8e8a-127ec6393897.jpg" alt="salon" style="object-fit: cover" height="auto">1518        1519            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_de7d3f6e-7089-11eb-8e8a-127ec6393897.jpg" alt="salon" style="object-fit: cover" height="auto">1520        1521            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e1c1412a-7089-11eb-8e8a-127ec6393897.jpg" alt="piece" style="object-fit: cover" height="auto">1522        1523            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e4bb140a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb" style="object-fit: cover" height="auto">1524        1525            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_cd67eefe-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="sb" style="object-fit: cover" height="auto">1526        1527            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_d096e71a-7089-11eb-98ca-0ebd7c1ee107.jpg" alt="pièce" style="object-fit: cover" height="auto">1528        1529            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e7cd8b0a-7089-11eb-8e8a-127ec6393897.jpg" alt="sb" style="object-fit: cover" height="auto">1530        1531            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_eb059948-7089-11eb-8e8a-127ec6393897.jpg" alt="pièce" style="object-fit: cover" height="auto">1532        1533    </div>1534    <div class="single-item-arrow--right mr-3"></div>1535</div>15361537                                    1538                                </div>1539                            </div>1540                            1541                        </div>1542                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1543                            <div class="row flex-grow-1">1544                                1545                                <div class="unit-commodities unit-specs col-sm-6">1546                                    1547                                    1548154915501551    1552        <p class="small-header pb-1">1553            Commodités de l'unité1554        </p>1555    1556    <ul class="list-unstyled d-flex flex-wrap mb-1">1557        1558            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1559                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1560                <p class="attribute-description mb-0">Eau Chaude</p>1561            </li>1562        1563            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1564                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1565                <p class="attribute-description mb-0">Chauffage</p>1566            </li>1567        1568            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1569                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1570                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1571            </li>1572        1573            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1574                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances.png" alt="icon" height="15px" width="15px">1575                <p class="attribute-description mb-0">Semi-meublé</p>1576            </li>1577        1578    </ul>157915801581                                </div>1582                                1583                                1584                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1585                                    1586                                    1587158815891590    1591        <p class="small-header pb-1">1592            Caractéristiques de l'unité1593        </p>1594    1595    <ul class="list-unstyled d-flex flex-wrap mb-1">1596        1597            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1598                <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">1599                <p class="attribute-description mb-0">Chat accepté</p>1600            </li>1601        1602            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1603                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1604                <p class="attribute-description mb-0">Conciergerie sur place</p>1605            </li>1606        1607            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1608                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_2d9d04ce-7ff6-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1609                <p class="attribute-description mb-0">Grande fenestration</p>1610            </li>1611        1612    </ul>161316141615                                </div>1616                                1617                            </div>1618                            1619                        </div>1620                    </div>1621                    <div class="row mt-3">1622                        <div class="col-md-4">1623                            <button1624                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1625                                data-unit_room="1½">1626                                S'informer1627                            </button>1628                            <button1629                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1630                              data-unit_room="1½" onclick="displayInquiryAndScroll();">1631                                S'informer1632                            </button>1633                        </div>1634                    </div>1635                    <div class="units-detail">1636                      16371638<p class="mb-0 mt-4">1639    2 1640    <span class="text-lowercase">1641        1642            Unités1643        1644    </span>1645</p>1646                        1647164816491650<div class="row" id="units-for-unit-room-191">1651    1652    1653    <div class="col-12 h-100  ">1654        <div class="h-100 border-bottom">1655            <div class="row mt-3">1656                <div class="col-sm-6 col-md-4">1657                    <p class="small-header">unité</p>1658                    <p>1659                        41660                        1661                        <span>&middot; 1er étage</span>1662                        1663                    </p>1664                </div>1665                <div class="col-sm-6 col-md-4">1666                    <p class="small-header">Disponibilité</p>1667                    <p class="text-primary">1668                        Libre immédiatement1669                    </p>1670                </div>1671                <div class="col-sm-6 col-md-4">1672                    <p class="small-header">À partir de</p>1673                    <p>850,00$</p>1674                </div>1675                1676            </div>1677            <div class="row">1678            </div>1679            1680            <div class="row">1681                <div class="col-md-6">1682                    <p class="small-header">Informations</p>1683                    <p>Le logement doit être loué pour avril 2022</p>1684                </div>1685            </div>1686            1687        </div>1688    </div>1689    1690    1691    1692    <div class="col-12 h-100  ">1693        <div class="h-100 border-bottom">1694            <div class="row mt-3">1695                <div class="col-sm-6 col-md-4">1696                    <p class="small-header">unité</p>1697                    <p>1698                        12B1699                        1700                        <span>&middot; 2e étage</span>1701                        1702                    </p>1703                </div>1704                <div class="col-sm-6 col-md-4">1705                    <p class="small-header">Disponibilité</p>1706                    <p class="text-primary">1707                        Libre immédiatement1708                    </p>1709                </div>1710                <div class="col-sm-6 col-md-4">1711                    <p class="small-header">À partir de</p>1712                    <p>850,00$</p>1713                </div>1714                1715            </div>1716            <div class="row">1717            </div>1718            1719        </div>1720    </div>1721    1722    1723</div>17241725                    </div>1726                    1727                </div>1728                1729            </div>1730        </div>1731    </div>1732</div>17331734<div id="modal-video" class="modal">1735    <div class="modal-dialog modal-lg" role="document">1736        <div class="modal-content">1737            <div id="modal-video-body" class="modal-body">1738            </div>1739        </div>1740    </div>1741</div>17421743<script type="text/javascript">1744    const toggleHiddenUnits = (unitRoomId) => {1745        if (unitRoomId) {1746            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1747            for (unit of hiddenUnits) {1748                unit.classList.toggle("d-none");1749            }17501751            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1752            if (seeMoreButton.textContent === "Voir plus")1753                seeMoreButton.textContent = "Voir moins";1754            else1755                seeMoreButton.textContent = "Voir plus";1756        }1757    }17581759    const playVideo = (el) => {1760        const list = el.getElementsByTagName('video');1761        if (!list || !list.length)1762            return;17631764        const video = list[0];1765        const container = document.getElementById('modal-video-body');1766        container.appendChild(video);1767        video.play();17681769        el.classList.add('show-placeholder');17701771        $("#modal-video").modal();1772        $("#modal-video").on('hidden.bs.modal', () => {1773            el.classList.remove('show-placeholder');1774            el.insertBefore(video, el.children[0]);1775            video.currentTime = 0;1776            video.pause();1777        });1778    }17791780    function displayInquiryAndScroll() {1781        displayInquiry();1782        const form = document.getElementById("inquire-form-anchor");1783        form.scrollIntoView();1784    }1785</script>178617871788<div class="container">1789    <div class="row mt-5">1790        <div class="col-md-6">1791            <div class="row">1792                <div class="col-12">1793                    <h2>À propos de l'immeuble</h2>1794                </div>1795            </div>1796            <div class="row">1797                <div class="col-12">1798                    <p class="mb-1"><strong>Adresse</strong></p>1799                    18001801<script id="building-coordinates" type="application/json">[{"loc": ["46.806572", "-71.226653"], "id": 82}]</script>18021803<div id="map-container" class="footer mb-2 mt-1">1804    <div id="interactive-map" style="height: 100%;" class="rounded">1805    </div>1806</div>18071808                    <p class="mb-0">20, rue Lockwell</p>1809                    <p class="mb-0">Québec, Québec</p>1810                    <p class="mb-3">G1R1V7</p>1811                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%2020%20rue%20Lockwell%20Quebec%20G1R1V7" target="_blank">1812                        Ouvrir sur Google Maps1813                    </a>1814                </div>1815            </div>1816            <hr>1817            <div class="row">1818                <div class="col-12">1819                    <p><strong>Plus d'informations</strong></p>1820                    <div class="row">1821                        1822                        <div class="col-md-4">1823                            <p class="subtext">Nombre d'étages</p>1824                            <p class="d-md-none">1825                                1826                                4 étage(s)1827                                1828                            </p>1829                        </div>1830                        1831                        <div class="col-md-4">1832                            <p class="subtext">Nombre total d'unités</p>1833                            <p class="d-md-none">1834                                1835                            38 unités1836                        1837                            </p>1838                        </div>1839                        1840                        <div class="col-md-4">1841                            <p class="subtext">Année de construction</p>1842                            <p class="d-md-none">1955</p>1843                        </div>1844                        1845                    </div>1846                    <div class="row mb-3 d-none d-md-flex">1847                        1848                        <div class="col-md-4">1849                            <p class="">1850                                1851                                4 étage(s)1852                                1853                            </p>1854                        </div>1855                        1856                        <div class="col-md-4">1857                            <p class="">1858                                1859                            38 unités1860                        1861                            </p>1862                        </div>1863                        1864                        <div class="col-md-4">1865                            <p class="">1955</p>1866                        </div>1867                        1868                    </div>1869                    1870                </div>1871            </div>1872            1873            <hr>1874            <div class="row">1875                <div class="col-12">1876                    <p><strong>Commodités de l'immeuble</strong></p>1877                    <div class="row">1878                        <div class="col-12">1879                            1880188118821883    1884    <ul class="list-unstyled d-flex flex-wrap mb-1">1885        1886            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1887                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1888                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1889            </li>1890        1891            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1892                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1893                <p class="attribute-description mb-0">Service de buanderie</p>1894            </li>1895        1896    </ul>189718981899                        </div>1900                    </div>1901                </div>1902            </div>1903            1904            1905            <hr>1906            <div class="row">1907                <div class="col-12">1908                    <p><strong>Frais additionnels</strong></p>1909                    <div class="row">1910                        <div class="col-12">1911                            1912191319141915    1916    <ul class="list-unstyled d-flex flex-wrap mb-1">1917        1918            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1919                <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">1920                <p class="attribute-description mb-0">Service de buanderie</p>1921            </li>1922        1923    </ul>192419251926                        </div>1927                    </div>1928                </div>1929            </div>1930            1931            1932            <hr>1933            <div class="row">1934                <div class="col-12">1935                    <p><strong>Accès et services</strong></p>1936                    <div class="row">1937                        <div class="col-12">1938                            1939194019411942    1943    <ul class="list-unstyled d-flex flex-wrap mb-1">1944        1945            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1946                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1947                <p class="attribute-description mb-0">École</p>1948            </li>1949        1950            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1951                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1952                <p class="attribute-description mb-0">Épicerie</p>1953            </li>1954        1955            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1956                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1957                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1958            </li>1959        1960            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1961                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1962                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1963            </li>1964        1965            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1966                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1967                <p class="attribute-description mb-0">Dépanneur</p>1968            </li>1969        1970            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1971                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1972                <p class="attribute-description mb-0">Banque</p>1973            </li>1974        1975            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1976                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1977                <p class="attribute-description mb-0">Pharmacie</p>1978            </li>1979        1980            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1981                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1982                <p class="attribute-description mb-0">Parc</p>1983            </li>1984        1985    </ul>198619871988                        </div>1989                    </div>1990                </div>1991            </div>1992            1993        </div>1994        1995        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1996            <div class="shadow">1997                <img 1998                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg"1999                    alt="Borough image"2000                    width="100%"2001                    height="200px"2002                    class="object-fit-cover">2003                <div class="row p-4">2004                    <div class="col-12">2005                        <p class="small-header">À propos du quartier</p>2006                        <h3>Québec</h3>2007                        <p>Québec offre de merveilleux attraits tels que le château Frontenac, les plaines d’Abraham, la place Royale et le Vieux-Québec.</p>2008                        <p>Le centre-ville de compte également des commerces et restaurants situés sur les principales artères (Grande-Allée, boulevard Laurier, les rues Cartier et Myrand) et dans le quartier Petit-Champlain et sur la rue Saint-Jean. Nombreux également sont les musées, les lieux d’exposition, les parcs et jardins publics.</p>2009                        <a href="/louer-appartement-quebec/quebec">2010                            2011                  Voir les appartements à Québec2012                  2013                        </a>2014                    </div>2015                </div>2016            </div>2017        </div>2018        2019    </div>2020    <div class="row">2021        <div class="col-12">2022            2023202420252026    <div class="row mt-5 ">2027        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2028        <div class="col-12 mb-3">2029            203020312032<div class="row">2033    2034    <a 2035        href="/logement/312"2036        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2037        data-type="3"2038        data-borough="10"2039    >2040        2041204220432044<script>2045    function displayNowAvailableBubble(buildingId) {2046        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2047        nowAvailableBubble.classList.remove("d-none");2048    }2049</script>20502051<div class="row">2052    2053    2054    2055    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2056    2057    2058    2059    2060    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2061        <p class="text-white m-0">En vedette</p>2062    </div>2063    2064    2065    <div class="col-6 apartment-col">2066        <div class="row">2067            <div class="col-12 pr-0">2068                2069                <img 2070                    class="rounded-left apartment-image" 2071                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2072                    alt="unit image"2073                    width=100%2074                    height=232px2075                />2076                2077            </div>2078        </div>2079    </div>2080    2081    2082    <div class="col-6 apartment-col">2083        <div class="row">2084            <div class="col-12 pl-0">2085                <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"2086                   alt="unit image" width="100%" height="116px">2087            </div>2088        </div>2089        2090        <div class="row">2091            <div class="col-12 pl-0">2092                <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"2093                    alt="unit image" width=100% height=116px>2094            </div>2095        </div>2096        2097    </div>2098    2099    2100    2101</div>21022103        2104210521062107<div class="row mt-4">2108    <div class="col-12">2109        <div class="card-body p-0 text-left">2110            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2111            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2112            2113                2114                    <div class="row">2115                        <div class="col-7">2116                            <p class="apartment-infos mb-0">2117                                2118                                    4½ à partir de 1595$2119                                2120                            </p>2121                            <p class="apartment-availability footnotes">2122                                octobre 20262123                            </p>2124                        </div>2125                        <div class="col-5 text-right">2126                            2127                                2128                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2129                                2130                            2131                                2132                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2133                                2134                            2135                                2136                                    <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>2137                                2138                            2139                            2140                        </div>2141                    </div>2142                2143            2144            2145        </div>2146    </div>2147</div>21482149    </a>2150    2151    <a 2152        href="/logement/160"2153        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2154        data-type="3"2155        data-borough="6"2156    >2157        2158215921602161<script>2162    function displayNowAvailableBubble(buildingId) {2163        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2164        nowAvailableBubble.classList.remove("d-none");2165    }2166</script>21672168<div class="row">2169    2170    2171    2172    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2173    2174    2175    2176    2177    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2178        <p class="text-white m-0">En vedette</p>2179    </div>2180    2181    2182    <div class="col-6 apartment-col">2183        <div class="row">2184            <div class="col-12 pr-0">2185                2186                <img 2187                    class="rounded-left apartment-image" 2188                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2189                    alt="unit image"2190                    width=100%2191                    height=232px2192                />2193                2194            </div>2195        </div>2196    </div>2197    2198    2199    <div class="col-6 apartment-col">2200        <div class="row">2201            <div class="col-12 pl-0">2202                <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"2203                   alt="unit image" width="100%" height="116px">2204            </div>2205        </div>2206        2207        <div class="row">2208            <div class="col-12 pl-0">2209                <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"2210                    alt="unit image" width=100% height=116px>2211            </div>2212        </div>2213        2214    </div>2215    2216    2217    2218</div>22192220        2221222222232224<div class="row mt-4">2225    <div class="col-12">2226        <div class="card-body p-0 text-left">2227            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2228            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2229            2230                2231                    <div class="row">2232                        <div class="col-7">2233                            <p class="apartment-infos mb-0">2234                                2235                                    4½ à partir de 1250$2236                                2237                            </p>2238                            <p class="apartment-availability footnotes">2239                                Libre immédiatement2240                            </p>2241                        </div>2242                        <div class="col-5 text-right">2243                            2244                                2245                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2246                                2247                            2248                                2249                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2250                                2251                            2252                                2253                                    <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>2254                                2255                            2256                                2257                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2258                                2259                            2260                            2261                        </div>2262                    </div>2263                2264            2265            2266        </div>2267    </div>2268</div>22692270    </a>2271    2272    <a 2273        href="/logement/18"2274        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2275        data-type="3"2276        data-borough="3"2277    >2278        2279228022812282<script>2283    function displayNowAvailableBubble(buildingId) {2284        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2285        nowAvailableBubble.classList.remove("d-none");2286    }2287</script>22882289<div class="row">2290    2291    2292    2293    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2294    2295    2296    2297    2298    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2299        <p class="text-white m-0">En vedette</p>2300    </div>2301    2302    2303    <div class="col-6 apartment-col">2304        <div class="row">2305            <div class="col-12 pr-0">2306                2307                <img 2308                    class="rounded-left apartment-image" 2309                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2310                    alt="unit image"2311                    width=100%2312                    height=232px2313                />2314                2315            </div>2316        </div>2317    </div>2318    2319    2320    <div class="col-6 apartment-col">2321        <div class="row">2322            <div class="col-12 pl-0">2323                <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"2324                   alt="unit image" width="100%" height="116px">2325            </div>2326        </div>2327        2328        <div class="row">2329            <div class="col-12 pl-0">2330                <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"2331                    alt="unit image" width=100% height=116px>2332            </div>2333        </div>2334        2335    </div>2336    2337    2338    2339</div>23402341        2342234323442345<div class="row mt-4">2346    <div class="col-12">2347        <div class="card-body p-0 text-left">2348            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2349            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2350            2351                2352                    <div class="row">2353                        <div class="col-7">2354                            <p class="apartment-infos mb-0">2355                                2356                                    1½ à partir de 799$2357                                2358                            </p>2359                            <p class="apartment-availability footnotes">2360                                Libre immédiatement2361                            </p>2362                        </div>2363                        <div class="col-5 text-right">2364                            2365                                2366                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2367                                2368                            2369                                2370                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2371                                2372                            2373                                2374                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2375                                2376                            2377                                2378                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2379                                2380                            2381                                2382                            2383                                2384                            2385                            2386                                <p class="footnotes d-inline"> +2</p>2387                            2388                        </div>2389                    </div>2390                2391            2392            2393        </div>2394    </div>2395</div>23962397    </a>2398    2399</div>24002401        </div>2402        2403    </div>240424052406        </div>2407    </div>2408</div>2409<div class="bg-primary py-5 mt-5">2410    <div class="container">2411        <div class="row justify-content-center">2412            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2413                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2414                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2415                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2416            </div>2417        </div>2418    </div>2419</div>2420<div id="modal-inquire" class="modal">2421    2422242324242425<div class="inquire-step-1 container p-0 mb-5 position-relative">2426    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2427    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2428    <p>418-626-3070</p>2429    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="93fffcf0f2e7fafcfdd3fff2f5e1f2fdf0f6befef2e7fbfaf6e6bdf0fcfe">[email&#160;protected]</a></p>2430    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2431    <p class="text-gray-light">Intéressé par ces unités</p>24322433    <div class="d-inline-flex flex-wrap">2434        2435        2436        <button2437            class="inquire-room btn btn-normal mb-3"2438            data-unit_room="1½"2439            data-toggle="button"2440        >24412442        </button>2443        2444        2445    </div>24462447    <div class="dropdown mb-4">2448        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2449            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2450            <p class="inquire-units-label-title text-uppercase mb-0">2451                Unité(s) spécifique(s)2452            </p>2453            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2454                Aucune choisie2455            </p>2456            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2457        </div>2458        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2459            2460            2461            <button class="inquire-units-choice dropdown-item" data-unit="4"2462                data-unit_room="1½">2463                42464            </button>2465            2466            <button class="inquire-units-choice dropdown-item" data-unit="12B"2467                data-unit_room="1½">2468                12B2469            </button>2470            2471            2472        </div>2473    </div>247424752476    <p class="text-gray-light">Date de déménagement prévue</p>2477    <div id="inquire-datepicker" class="input-group date mt-1">2478        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2479        <div class="input-group-addon">2480            <span class="glyphicon glyphicon-th"></span>2481        </div>2482    </div>2483</div>24842485<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2486    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2487    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2488    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2489    <form id="inquire-form">2490        <div class="form-group">2491            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2492                placeholder="Prénom"></input>2493        </div>2494        <div class="form-group">2495            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2496                placeholder="Nom de famille"></input>2497        </div>2498        <div class="form-group">2499            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2500                <option id="email" value="email" selected>Courriel</option>2501                <option id="phone" value="phone">Téléphone</option>2502            </select>2503        </div>2504        <div id="inquireForm-contact-email" class="form-group">2505            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2506                placeholder="Adresse courriel"></input>2507        </div>2508        <div id="inquireForm-contact-phone" class="form-group d-none">2509            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2510                placeholder="Numéro de téléphone"></input>2511        </div>2512        <div class="form-group">2513            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2514                placeholder="Questions ou notes"></textarea>2515        </div>2516        <div id="g-recaptcha-error"></div>2517        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2518    </form>2519</div>25202521<div class="inquire-step-3 d-none position-relative">2522    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2523    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2524        height="66px">2525    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2526    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2527</div>25282529<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2530    Continuer2531</button>2532<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2533    Soumettre2534</button>2535<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2536    var recaptcha_response = '';2537    window.isCondo = "False" == "True";2538    document.getElementById("inquire-datepicker-input").value = "";2539    2540    function scrollToTopOfForm() {2541        const top = document.getElementById("inquire-step-1");2542        top.scrollIntoView();2543    }2544    function submitForm() {2545        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2546            onContinue2Click('qnG7ndg9LgtZV92Gz0Gj4mjU2Wz9W22y26YOF1MKruIvKseHLbfDqJ8IP2VUr3kV');2547            const confirmation = document.getElementById("inquire-confirmation");2548            confirmation.scrollIntoView();2549        }2550        else {2551            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2552        }2553    }25542555    function verifyCaptcha(token) {2556        recaptcha_response = token;2557        document.getElementById('g-recaptcha-error').innerHTML = '';2558    }2559</script>25602561</div>2562256325642565<div id="modal-share" class="modal">2566    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2567        <div class="modal-content">2568            <div class="modal-body">2569                Partager ce logement2570                <div id="share-widget-container" class="d-flex justify-content-center"></div>2571            </div>2572        </div>2573    </div>2574</div>257525762577<script src="/static/js/share.js" defer></script>25782579258025812582            </main>2583            <footer>2584                258525862587<div class="footer row m-0 p-5 justify-content-center bg-black">2588    <div class="container m-0">2589        <div class="row mb-3">2590            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2591                height="80px" class="footer-logo">2592        </div>2593        <div class="row">2594            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2595                <p class="footer-title mb-2">Contactez-nous</p>2596                <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>2597                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2598                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2599                    <span class="footer-phone">418 626-5500</span>2600                </a>2601                <a href="/cdn-cgi/l/email-protection#cca5a2aaa38ca0adaabeada2afa9e1a1adb8a4a5a9b9e2afa3a1" target="_blank" class="mb-3 d-flex align-items-center">2602                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2603                    <span><span class="__cf_email__" data-cfemail="97fef9f1f8d7fbf6f1e5f6f9f4f2bafaf6e3fffef2e2b9f4f8fa">[email&#160;protected]</span></span>2604                </a>2605                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2606                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42607                </a>2608                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2609                <div class="d-flex">2610                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2611                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2612                            class="footer-social-icon mr-3" />2613                    </a>2614                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2615                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2616                            class="footer-social-icon" />2617                    </a>2618                </div>2619            </div>2620            <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">2621                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2622                <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>2623                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2624                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2625                    <span class="footer-phone">418-626-5500</span>2626                </a>2627                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2628                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2629                    <span>Se connecter à l’Espace client</span>2630                </a>2631                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2632                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2633                    <span>Se connecter à Sensaas</span>2634                </a>2635            </div>2636            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2637                <ul class="navbar-nav">2638                    2639                    26402641<li class="nav-item  ">2642    <a class="nav-link py-0 footer-main-navigation mb-3"2643        href="/">Accueil</a>2644    <hr class="my-1 border-gray-medium d-none">2645</li>264626472648                    2649                    26502651<li class="nav-item  ">2652    <a class="nav-link py-0 footer-main-navigation mb-3"2653        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2654    <hr class="my-1 border-gray-medium d-none">2655</li>265626572658                    2659                    26602661<li class="nav-item  ">2662    <a class="nav-link py-0 footer-main-navigation mb-3"2663        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2664    <hr class="my-1 border-gray-medium d-none">2665</li>266626672668                    2669                    26702671<li class="nav-item  ">2672    <a class="nav-link py-0 footer-main-navigation mb-3"2673        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2674    <hr class="my-1 border-gray-medium d-none">2675</li>267626772678                    2679                    26802681<li class="nav-item  ">2682    <a class="nav-link py-0 footer-main-navigation mb-3"2683        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2684    <hr class="my-1 border-gray-medium d-none">2685</li>268626872688                    2689                    26902691<li class="nav-item  ">2692    <a class="nav-link py-0 footer-main-navigation mb-3"2693        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2694    <hr class="my-1 border-gray-medium d-none">2695</li>269626972698                    2699                </ul>2700            </div>2701            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2702                <ul class="navbar-nav">2703                    2704                    27052706<li class="nav-item  ">2707    <a class="nav-link py-0 footer-main-navigation mb-3"2708        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2709    <hr class="my-1 border-gray-medium d-none">2710</li>271127122713                    2714                    27152716<li class="nav-item  ">2717    <a class="nav-link py-0 footer-main-navigation mb-3"2718        href="/blog">Blogue</a>2719    <hr class="my-1 border-gray-medium d-none">2720</li>272127222723                    2724                    27252726<li class="nav-item  ">2727    <a class="nav-link py-0 footer-main-navigation mb-3"2728        href="/faire-carriere/">Carrières</a>2729    <hr class="my-1 border-gray-medium d-none">2730</li>273127322733                    2734                </ul>2735            </div>2736        </div>2737    </div>2738</div>27392740274127422743<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">2744    <div class="d-flex justify-content-center">2745        <ul class="list-inline mb-1">2746            2747            <li class="list-inline-item">2748                <a href=/conditions-utilisation>2749                    Conditions d'utilisation2750                </a>2751            </li>2752            2753            2754            <li class="list-inline-item">2755                <a href=/politique-confidentialite>2756                    Politique de confidentialité2757                </a>2758            </li>2759            2760            2761            <li class="list-inline-item">2762                <a href=/protection-renseignements-personnels>2763                    Protection des renseignements personnels2764                </a>2765            </li>2766            2767            2768            <li class="list-inline-item">2769                <a href=/temoins-navigation>2770                    Gérer vos témoins de navigation2771                </a>2772            </li>2773            2774        </ul>2775    </div>2776    <div class="d-flex justify-content-center">2777        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2778    </div>2779</div>27802781            </footer>2782        27832784<!-- Cookie Banner -->2785<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2786    <div class="gilm-cookie-banner-container">2787        <div class="gilm-cookie-banner-text">2788            <p>2789                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2790                sites2791                Web2792                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2793                témoins,2794                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2795                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2796                l'utilisation2797                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2798            </p>2799            <p class="d-sm-none">2800                <a href=/temoins-navigation>2801                    Gérer vos témoins de navigation2802                </a>2803                <br/>2804                <a href=/politique-confidentialite>2805                    Politique de confidentialité2806                </a>2807                <br/>2808                <a href=/conditions-utilisation>2809                    Conditions d'utilisation2810                </a>2811            </p>2812            <p class="d-none d-sm-block">2813                <a href=/temoins-navigation>2814                    Gérer vos témoins de navigation2815                </a>2816                -2817                <a href=/politique-confidentialite>2818                    Politique de confidentialité2819                </a>2820                -2821                <a href=/conditions-utilisation>2822                    Conditions d'utilisation2823                </a>2824            </p>2825        </div>2826        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2827                onclick="window.gilm_hideCookieBanner()">2828            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2829        </button>2830    </div>2831</div>2832<!-- End of Cookie Banner -->2833        </div>2834        <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">2835        </script>2836        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2837        </script>2838        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2839        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2840        </script>2841        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2842        </script>2843        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2844        </script>2845        <script type="text/javascript" src="/static/js/carousel.js">2846        </script>2847        <script type="text/javascript" src="/static/js/cookie_banner.js">2848        </script>2849        <script id="search-script" type="text/javascript" src="/static/js/search.js">2850        </script>2851        <script type="text/javascript" src="/static/js/jssocials.min.js">2852        </script>2853        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2854        </script>2855        <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">2856        </script>2857        <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">2858        </script>2859        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2860        <script>2861            window.dataLayer = window.dataLayer || [];28622863            function gtag() {2864                dataLayer.push(arguments);2865            }2866            gtag('js', new Date());2867            gtag('config', 'UA-20687227-3');2868        </script>2869        2870<script src="/static/js/inquire.js"></script>2871<script src="/static/js/leaflet.js" is-building-details="true"></script>28722873        2874    </body>28752876    </html>2877