SPB Git

spb/lou-ka Public

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

HTML 99.7%
97.6 KB · 2,777 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/19" />24<meta name="title" content="Logement a louer - 89, rue Dartois">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>89, rue Dartois - 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#81e8efe7eec1ede0e7f3e0efe2e4acece0f5e9e8e4f4afe2eeec" 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="7c15121a133c101d1a0e1d121f1951111d0814151909521f1311">[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; Beauport</p>930        <h2 id="building-address-1">89, rue Dartois</h2>931        <p id="building-address-2" class="subtext">932            Québec ,933            (Québec), 934            G1C3C8935        </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 - 89, rue Dartois`, `https://lafrance-mathieu.com/logement/19`)">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/-PPD025_905df678-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_9134ba00-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade2">966        967    </div>968    <div class="slider slider-nav mt-2">969        970        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD025_905df678-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_9134ba00-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade2">973        974    </div>975</div>976977        978    </div>979    <div class="col-lg-8 d-block d-md-none">980        981        982983984985<div class="">986    <div class="single-item-arrow--left ml-3"></div>987    <div class="single-item">988        989            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD025_905df678-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade" style="object-fit: cover" height="auto">990        991            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_9134ba00-93b8-11eb-a9b8-0ebd7c1ee107.jpg" alt="Façade2" style="object-fit: cover" height="auto">992        993    </div>994    <div class="single-item-arrow--right mr-3"></div>995</div>996997        998    </div>999    1000    <div class="col-12 col-lg-4 order-lg-2">1001        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1002            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1003            1004100510061007<div class="inquire-step-1 container p-0 mb-5 position-relative">1008    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1009    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1010    <p>418-626-3070</p>1011    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="620e0d0103160b0d0c220e030410030c01074f0f03160a0b07174c010d0f">[email&#160;protected]</a></p>1012    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1013    <p class="text-gray-light">Intéressé par ces unités</p>10141015    <div class="d-inline-flex flex-wrap">1016        1017        1018        <button1019            class="inquire-room btn btn-normal mb-3"1020            data-unit_room="4½"1021            data-toggle="button"1022        >10231024        </button>1025        1026        1027    </div>10281029    <div class="dropdown mb-4">1030        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1031            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1032            <p class="inquire-units-label-title text-uppercase mb-0">1033                Unité(s) spécifique(s)1034            </p>1035            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1036                Aucune choisie1037            </p>1038            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1039        </div>1040        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1041            1042            1043            <button class="inquire-units-choice dropdown-item" data-unit="10"1044                data-unit_room="4½">1045                101046            </button>1047            1048            1049        </div>1050    </div>105110521053    <p class="text-gray-light">Date de déménagement prévue</p>1054    <div id="inquire-datepicker" class="input-group date mt-1">1055        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1056        <div class="input-group-addon">1057            <span class="glyphicon glyphicon-th"></span>1058        </div>1059    </div>1060</div>10611062<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1063    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1064    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1065    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1066    <form id="inquire-form">1067        <div class="form-group">1068            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1069                placeholder="Prénom"></input>1070        </div>1071        <div class="form-group">1072            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1073                placeholder="Nom de famille"></input>1074        </div>1075        <div class="form-group">1076            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1077                <option id="email" value="email" selected>Courriel</option>1078                <option id="phone" value="phone">Téléphone</option>1079            </select>1080        </div>1081        <div id="inquireForm-contact-email" class="form-group">1082            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1083                placeholder="Adresse courriel"></input>1084        </div>1085        <div id="inquireForm-contact-phone" class="form-group d-none">1086            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1087                placeholder="Numéro de téléphone"></input>1088        </div>1089        <div class="form-group">1090            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1091                placeholder="Questions ou notes"></textarea>1092        </div>1093        <div id="g-recaptcha-error"></div>1094        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1095    </form>1096</div>10971098<div class="inquire-step-3 d-none position-relative">1099    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1100    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1101        height="66px">1102    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1103    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1104</div>11051106<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1107    Continuer1108</button>1109<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1110    Soumettre1111</button>1112<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1113    var recaptcha_response = '';1114    window.isCondo = "False" == "True";1115    document.getElementById("inquire-datepicker-input").value = "";1116    1117    function scrollToTopOfForm() {1118        const top = document.getElementById("inquire-step-1");1119        top.scrollIntoView();1120    }1121    function submitForm() {1122        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1123            onContinue2Click('Fj8vQ9pSRSDZgaR4QmIa2Tyq1rnvF1Jch2qc8XVtx6Sv5t352xhuogneOxJga21z');1124            const confirmation = document.getElementById("inquire-confirmation");1125            confirmation.scrollIntoView();1126        }1127        else {1128            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1129        }1130    }11311132    function verifyCaptcha(token) {1133        recaptcha_response = token;1134        document.getElementById('g-recaptcha-error').innerHTML = '';1135    }1136</script>11371138        </div>1139    </div>1140    1141</div>11421143<div class="row mt-4">1144    <div class="col-md-8">1145        <h2 class="convenience-header">Commodités de l'immeuble</h2>1146        <div class="row mb-4">1147            <div class="col-md-12">1148                1149115011511152    1153    <ul class="list-unstyled d-flex flex-wrap mb-1">1154        1155            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1156                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1157                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1158            </li>1159        1160            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1161                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1162                <p class="attribute-description mb-0">Service de buanderie</p>1163            </li>1164        1165            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1166                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1167                <p class="attribute-description mb-0">Stationnement</p>1168            </li>1169        1170            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1171                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1172                <p class="attribute-description mb-0">Secteur paisible</p>1173            </li>1174        1175    </ul>117611771178            </div>1179        </div>1180    </div>1181</div>118211831184</div>118511861187118811891190<script>1191function scrollToId(unitRoomId) {1192    removeAllActive();11931194    const scrollOptions = {1195        behavior: "smooth",1196        block: "start"1197    };11981199    const defaultFilter = document.getElementById("unit-room-filter-all");1200    if (unitRoomId === "all") {1201        defaultFilter.classList.add("active");1202        defaultFilter.scrollIntoView(scrollOptions);1203    } else {1204        const element = document.getElementById(`unit-room-${unitRoomId}`);1205        if (!!element) {1206            element.scrollIntoView(scrollOptions);1207            const defaultFilter = document.getElementById("unit-room-filter-all");1208            defaultFilter.classList.remove("active");1209            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1210            filter.classList.add("active");12111212        }1213    }1214}12151216function removeAllActive() {1217    const elements = document.getElementsByClassName("unit-room-filter");1218    for (element of elements) element.classList.remove("active");1219}1220</script>12211222<div class="container">1223    <div class="row mt-5">1224        <div class="col-md-12">1225            <h2 id="anchor-units" class="mb-3">Unités</h2>1226            1227            <ul class="list-inline mb-0 position-relative">1228                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1229                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1230                        <span>Toutes</span>1231                    </button>1232                </li>1233                1234                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-24">1235                    <button onclick="scrollToId('24');" class="unit-room-filter-button btn btn-no-outline">1236                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1237                    </button>1238                </li>1239                1240            </ul>1241            1242        </div>1243    </div>1244</div>1245<div class="bg-background-gray pb-3">1246    <div class="container">1247        <div class="row">1248            <div class="col-12 p-0">1249                1250                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1251                    <div style="position: absolute; top: -134px;" id="unit-room-24"></div>1252                    <div id="modal-details-24" class="modal">1253                        125412551256<div class="container mt-5">1257    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1258        12591260<div class="row">1261    <div class="col-9">1262    <h2>1263        1264            4½ from $1090 to $10901265        1266    </h2>1267    </div>1268    <div class="col-3 text-right">1269        <button class="btn-close" data-toggle="modal" data-target="#modal-details-24"></button>1270    </div>1271</div>1272<div class="row">1273    <div class="col-9">1274        12751276<p class="">1277    1 1278    <span class="text-lowercase">1279        1280            unité1281        1282    </span>1283</p>1284    </div>1285    <div class="col-3 text-right">1286        1287    </div>1288</div>1289<div class="row">1290    <div class="col-12" id="unit-modal-carousel-24">1291        12921293<div class="unit-detail-carousel">1294    <div class="slider slider-for">1295        1296        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD016_64ee21b8-ff5a-11ef-a3ed-123a044ec477.jpg" alt="cuisine">1297        1298        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_6591752a-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon2">1299        1300        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_662c2e4e-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon">1301        1302        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD017_66cbeaf6-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon">1303        1304        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD018_67651726-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre">1305        1306        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD019_67f56182-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre">1307        1308        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD020_687ced82-ff5a-11ef-a3ed-123a044ec477.jpg" alt="sb">1309        1310    </div>1311    <div class="slider slider-nav mt-2">1312        1313        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD016_64ee21b8-ff5a-11ef-a3ed-123a044ec477.jpg" alt="cuisine">1314        1315        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_6591752a-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon2">1316        1317        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_662c2e4e-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon">1318        1319        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD017_66cbeaf6-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon">1320        1321        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD018_67651726-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre">1322        1323        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD019_67f56182-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre">1324        1325        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD020_687ced82-ff5a-11ef-a3ed-123a044ec477.jpg" alt="sb">1326        1327    </div>1328</div>13291330    </div>1331</div>1332<div class="row mt-3">1333    <div class="col-12 unit-commodities">1334        1335        1336133713381339    1340        <p class="small-header pb-1">1341            Commodités de l'unité1342        </p>1343    1344    <ul class="list-unstyled d-flex flex-wrap mb-1">1345        1346            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1347                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1348                <p class="attribute-description mb-0">Chauffage</p>1349            </li>1350        1351            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1352                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1353                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1354            </li>1355        1356            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1357                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1358                <p class="attribute-description mb-0">Stationnement extérieur</p>1359            </li>1360        1361    </ul>136213631364    </div>1365</div>1366<div class="row mt-3">1367    <div class="col-12 unit-characteristics">1368        1369        13701371137213731374    </div>1375</div>137613771378        <div class="units-detail mt-5">1379            <h2>Unités</h2>1380            1381138213831384<div class="row" id="units-for-unit-room-24">1385    1386    1387    <div class="col-12 h-100  ">1388        <div class="h-100 border-bottom">1389            <div class="row mt-3">1390                <div class="col-sm-6 col-md-4">1391                    <p class="small-header">unité</p>1392                    <p>1393                        101394                        1395                        <span>&middot; 2e étage</span>1396                        1397                    </p>1398                </div>1399                <div class="col-sm-6 col-md-4">1400                    <p class="small-header">Disponibilité</p>1401                    <p class="text-primary">1402                        Libre immédiatement1403                    </p>1404                </div>1405                <div class="col-sm-6 col-md-4">1406                    <p class="small-header">À partir de</p>1407                    <p>1090,00$</p>1408                </div>1409                1410            </div>1411            <div class="row">1412            </div>1413            1414        </div>1415    </div>1416    1417    1418</div>14191420        </div>1421        1422    </div>1423</div>1424                    </div>1425                    <div class="row">1426                        <div class="col-6">1427                            <h4>1428                                1429                                4½ à partir de 1090,00$1430                            1431                            </h4>1432                        </div>1433                        <div class="col-6 d-flex justify-content-end">1434                            1435                            1436                            1437                            <button1438    class="btn text-primary share-button-small"1439    data-toggle="modal"1440    data-target="#modal-share"1441    onclick="configureShareWidget(`4½ à louer - 89, rue Dartois`, `https://lafrance-mathieu.com/logement/19`)">1442    <i class="fas fa-share-square mr-1"></i>1443    <span>Partager</span>1444</button>14451446                            1447                        </div>1448                    </div>1449                    <div class="row">1450                        <div class="col-md-4">1451                            <div class="row">1452                                <div class="col-12">1453                                    14541455                                    145614571458<div class="unit-image-counter d-flex align-items-center">1459    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1460    <span class="ml-1 text-white small">7</span>1461</div>146214631464<div class="single-item-small">1465    <div class="single-item-arrow--left ml-3"></div>1466    <div class="single-item">1467        1468            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD016_64ee21b8-ff5a-11ef-a3ed-123a044ec477.jpg" alt="cuisine" style="object-fit: cover" height="auto">1469        1470            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_6591752a-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon2" style="object-fit: cover" height="auto">1471        1472            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_662c2e4e-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon" style="object-fit: cover" height="auto">1473        1474            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD017_66cbeaf6-ff5a-11ef-a3ed-123a044ec477.jpg" alt="salon" style="object-fit: cover" height="auto">1475        1476            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD018_67651726-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre" style="object-fit: cover" height="auto">1477        1478            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD019_67f56182-ff5a-11ef-a3ed-123a044ec477.jpg" alt="chambre" style="object-fit: cover" height="auto">1479        1480            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD020_687ced82-ff5a-11ef-a3ed-123a044ec477.jpg" alt="sb" style="object-fit: cover" height="auto">1481        1482    </div>1483    <div class="single-item-arrow--right mr-3"></div>1484</div>14851486                                    1487                                </div>1488                            </div>1489                            1490                        </div>1491                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1492                            <div class="row flex-grow-1">1493                                1494                                <div class="unit-commodities unit-specs col-sm-6">1495                                    1496                                    1497149814991500    1501        <p class="small-header pb-1">1502            Commodités de l'unité1503        </p>1504    1505    <ul class="list-unstyled d-flex flex-wrap mb-1">1506        1507            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1508                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1509                <p class="attribute-description mb-0">Chauffage</p>1510            </li>1511        1512            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1513                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1514                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1515            </li>1516        1517            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1518                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1519                <p class="attribute-description mb-0">Stationnement extérieur</p>1520            </li>1521        1522    </ul>152315241525                                </div>1526                                1527                                1528                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1529                                    1530                                    1531153215331534    1535        <p class="small-header pb-1">1536            Caractéristiques de l'unité1537        </p>1538    1539    <ul class="list-unstyled d-flex flex-wrap mb-1">1540        1541            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1542                <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">1543                <p class="attribute-description mb-0">Chat accepté</p>1544            </li>1545        1546            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1547                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1548                <p class="attribute-description mb-0">Balcon</p>1549            </li>1550        1551            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1552                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_93e290ce-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1553                <p class="attribute-description mb-0">Espace de rangement au sous-sol</p>1554            </li>1555        1556            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1557                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1558                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1559            </li>1560        1561            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1562                <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">1563                <p class="attribute-description mb-0">Conciergerie sur place</p>1564            </li>1565        1566    </ul>156715681569                                </div>1570                                1571                            </div>1572                            1573                        </div>1574                    </div>1575                    <div class="row mt-3">1576                        <div class="col-md-4">1577                            <button1578                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1579                                data-unit_room="4½">1580                                S'informer1581                            </button>1582                            <button1583                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1584                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1585                                S'informer1586                            </button>1587                        </div>1588                    </div>1589                    <div class="units-detail">1590                      15911592<p class="mb-0 mt-4">1593    1 1594    <span class="text-lowercase">1595        1596            unité1597        1598    </span>1599</p>1600                        1601160216031604<div class="row" id="units-for-unit-room-24">1605    1606    1607    <div class="col-12 h-100  ">1608        <div class="h-100 border-bottom">1609            <div class="row mt-3">1610                <div class="col-sm-6 col-md-4">1611                    <p class="small-header">unité</p>1612                    <p>1613                        101614                        1615                        <span>&middot; 2e étage</span>1616                        1617                    </p>1618                </div>1619                <div class="col-sm-6 col-md-4">1620                    <p class="small-header">Disponibilité</p>1621                    <p class="text-primary">1622                        Libre immédiatement1623                    </p>1624                </div>1625                <div class="col-sm-6 col-md-4">1626                    <p class="small-header">À partir de</p>1627                    <p>1090,00$</p>1628                </div>1629                1630            </div>1631            <div class="row">1632            </div>1633            1634        </div>1635    </div>1636    1637    1638</div>16391640                    </div>1641                    1642                </div>1643                1644            </div>1645        </div>1646    </div>1647</div>16481649<div id="modal-video" class="modal">1650    <div class="modal-dialog modal-lg" role="document">1651        <div class="modal-content">1652            <div id="modal-video-body" class="modal-body">1653            </div>1654        </div>1655    </div>1656</div>16571658<script type="text/javascript">1659    const toggleHiddenUnits = (unitRoomId) => {1660        if (unitRoomId) {1661            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1662            for (unit of hiddenUnits) {1663                unit.classList.toggle("d-none");1664            }16651666            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1667            if (seeMoreButton.textContent === "Voir plus")1668                seeMoreButton.textContent = "Voir moins";1669            else1670                seeMoreButton.textContent = "Voir plus";1671        }1672    }16731674    const playVideo = (el) => {1675        const list = el.getElementsByTagName('video');1676        if (!list || !list.length)1677            return;16781679        const video = list[0];1680        const container = document.getElementById('modal-video-body');1681        container.appendChild(video);1682        video.play();16831684        el.classList.add('show-placeholder');16851686        $("#modal-video").modal();1687        $("#modal-video").on('hidden.bs.modal', () => {1688            el.classList.remove('show-placeholder');1689            el.insertBefore(video, el.children[0]);1690            video.currentTime = 0;1691            video.pause();1692        });1693    }16941695    function displayInquiryAndScroll() {1696        displayInquiry();1697        const form = document.getElementById("inquire-form-anchor");1698        form.scrollIntoView();1699    }1700</script>170117021703<div class="container">1704    <div class="row mt-5">1705        <div class="col-md-6">1706            <div class="row">1707                <div class="col-12">1708                    <h2>À propos de l'immeuble</h2>1709                </div>1710            </div>1711            <div class="row">1712                <div class="col-12">1713                    <p class="mb-1"><strong>Adresse</strong></p>1714                    17151716<script id="building-coordinates" type="application/json">[{"loc": ["46.884805", "-71.164130"], "id": 19}]</script>17171718<div id="map-container" class="footer mb-2 mt-1">1719    <div id="interactive-map" style="height: 100%;" class="rounded">1720    </div>1721</div>17221723                    <p class="mb-0">89, rue Dartois</p>1724                    <p class="mb-0">Québec , Québec</p>1725                    <p class="mb-3">G1C3C8</p>1726                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%2089%20rue%20Dartois%20Quebec%20%20G1C3C8" target="_blank">1727                        Ouvrir sur Google Maps1728                    </a>1729                </div>1730            </div>1731            <hr>1732            <div class="row">1733                <div class="col-12">1734                    <p><strong>Plus d'informations</strong></p>1735                    <div class="row">1736                        1737                        <div class="col-md-4">1738                            <p class="subtext">Nombre d'étages</p>1739                            <p class="d-md-none">1740                                1741                                3 étage(s)1742                                1743                            </p>1744                        </div>1745                        1746                        <div class="col-md-4">1747                            <p class="subtext">Nombre total d'unités</p>1748                            <p class="d-md-none">1749                                1750                            15 unités1751                        1752                            </p>1753                        </div>1754                        1755                        <div class="col-md-4">1756                            <p class="subtext">Année de construction</p>1757                            <p class="d-md-none">1972</p>1758                        </div>1759                        1760                    </div>1761                    <div class="row mb-3 d-none d-md-flex">1762                        1763                        <div class="col-md-4">1764                            <p class="">1765                                1766                                3 étage(s)1767                                1768                            </p>1769                        </div>1770                        1771                        <div class="col-md-4">1772                            <p class="">1773                                1774                            15 unités1775                        1776                            </p>1777                        </div>1778                        1779                        <div class="col-md-4">1780                            <p class="">1972</p>1781                        </div>1782                        1783                    </div>1784                    1785                </div>1786            </div>1787            1788            <hr>1789            <div class="row">1790                <div class="col-12">1791                    <p><strong>Commodités de l'immeuble</strong></p>1792                    <div class="row">1793                        <div class="col-12">1794                            1795179617971798    1799    <ul class="list-unstyled d-flex flex-wrap mb-1">1800        1801            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1802                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1803                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1804            </li>1805        1806            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1807                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1808                <p class="attribute-description mb-0">Service de buanderie</p>1809            </li>1810        1811            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1812                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1813                <p class="attribute-description mb-0">Stationnement</p>1814            </li>1815        1816            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1817                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1818                <p class="attribute-description mb-0">Secteur paisible</p>1819            </li>1820        1821    </ul>182218231824                        </div>1825                    </div>1826                </div>1827            </div>1828            1829            1830            <hr>1831            <div class="row">1832                <div class="col-12">1833                    <p><strong>Frais additionnels</strong></p>1834                    <div class="row">1835                        <div class="col-12">1836                            1837183818391840    1841    <ul class="list-unstyled d-flex flex-wrap mb-1">1842        1843            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1844                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1845                <p class="attribute-description mb-0">Stationnement supplémentaire</p>1846            </li>1847        1848            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1849                <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">1850                <p class="attribute-description mb-0">Service de buanderie</p>1851            </li>1852        1853    </ul>185418551856                        </div>1857                    </div>1858                </div>1859            </div>1860            1861            1862            <hr>1863            <div class="row">1864                <div class="col-12">1865                    <p><strong>Accès et services</strong></p>1866                    <div class="row">1867                        <div class="col-12">1868                            1869187018711872    1873    <ul class="list-unstyled d-flex flex-wrap mb-1">1874        1875            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1876                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1877                <p class="attribute-description mb-0">Dépanneur</p>1878            </li>1879        1880            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1881                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1882                <p class="attribute-description mb-0">Garderies</p>1883            </li>1884        1885            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1886                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1887                <p class="attribute-description mb-0">Parc</p>1888            </li>1889        1890    </ul>189118921893                        </div>1894                    </div>1895                </div>1896            </div>1897            1898        </div>1899        1900        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1901            <div class="shadow">1902                <img 1903                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg"1904                    alt="Borough image"1905                    width="100%"1906                    height="200px"1907                    class="object-fit-cover">1908                <div class="row p-4">1909                    <div class="col-12">1910                        <p class="small-header">À propos du quartier</p>1911                        <h3>Beauport</h3>1912                        <p>L’arrondissement de Beauport, ceinturé au nord par les Laurentides, au sud par le fleuve St-Laurent et à l’est par les chutes Montmorency, est l’endroit idéal pour quiconque est passionné par l’histoire et la nature.</p>1913                        <p>Avec plus de 550 bâtiments d’intérêt patrimonial, Beauport est un lieu où il fait bon vivre. De nombreuses familles s’y installent en raison de l’environnement exceptionnel (baie de Beauport, centre de plein air de Beauport, Parc de la rivière Beauport) et de la vie de quartier et de l’ensemble des services offerts.</p>1914                        <a href="/louer-appartement-quebec/beauport">1915                            1916                  Voir les appartements à Beauport1917                  1918                        </a>1919                    </div>1920                </div>1921            </div>1922        </div>1923        1924    </div>1925    <div class="row">1926        <div class="col-12">1927            1928192919301931    <div class="row mt-5 ">1932        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1933        <div class="col-12 mb-3">1934            193519361937<div class="row">1938    1939    <a 1940        href="/logement/18"1941        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1942        data-type="3"1943        data-borough="3"1944    >1945        1946194719481949<script>1950    function displayNowAvailableBubble(buildingId) {1951        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1952        nowAvailableBubble.classList.remove("d-none");1953    }1954</script>19551956<div class="row">1957    1958    1959    1960    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>1961    1962    1963    1964    1965    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">1966        <p class="text-white m-0">En vedette</p>1967    </div>1968    1969    1970    <div class="col-6 apartment-col">1971        <div class="row">1972            <div class="col-12 pr-0">1973                1974                <img 1975                    class="rounded-left apartment-image" 1976                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"1977                    alt="unit image"1978                    width=100%1979                    height=232px1980                />1981                1982            </div>1983        </div>1984    </div>1985    1986    1987    <div class="col-6 apartment-col">1988        <div class="row">1989            <div class="col-12 pl-0">1990                <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"1991                   alt="unit image" width="100%" height="116px">1992            </div>1993        </div>1994        1995        <div class="row">1996            <div class="col-12 pl-0">1997                <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"1998                    alt="unit image" width=100% height=116px>1999            </div>2000        </div>2001        2002    </div>2003    2004    2005    2006</div>20072008        2009201020112012<div class="row mt-4">2013    <div class="col-12">2014        <div class="card-body p-0 text-left">2015            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2016            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2017            2018                2019                    <div class="row">2020                        <div class="col-7">2021                            <p class="apartment-infos mb-0">2022                                2023                                    1½ à partir de 799$2024                                2025                            </p>2026                            <p class="apartment-availability footnotes">2027                                Libre immédiatement2028                            </p>2029                        </div>2030                        <div class="col-5 text-right">2031                            2032                                2033                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2034                                2035                            2036                                2037                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2038                                2039                            2040                                2041                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2042                                2043                            2044                                2045                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2046                                2047                            2048                                2049                            2050                                2051                            2052                            2053                                <p class="footnotes d-inline"> +2</p>2054                            2055                        </div>2056                    </div>2057                2058            2059            2060        </div>2061    </div>2062</div>20632064    </a>2065    2066    <a 2067        href="/logement/160"2068        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2069        data-type="3"2070        data-borough="6"2071    >2072        2073207420752076<script>2077    function displayNowAvailableBubble(buildingId) {2078        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2079        nowAvailableBubble.classList.remove("d-none");2080    }2081</script>20822083<div class="row">2084    2085    2086    2087    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2088    2089    2090    2091    2092    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2093        <p class="text-white m-0">En vedette</p>2094    </div>2095    2096    2097    <div class="col-6 apartment-col">2098        <div class="row">2099            <div class="col-12 pr-0">2100                2101                <img 2102                    class="rounded-left apartment-image" 2103                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2104                    alt="unit image"2105                    width=100%2106                    height=232px2107                />2108                2109            </div>2110        </div>2111    </div>2112    2113    2114    <div class="col-6 apartment-col">2115        <div class="row">2116            <div class="col-12 pl-0">2117                <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"2118                   alt="unit image" width="100%" height="116px">2119            </div>2120        </div>2121        2122        <div class="row">2123            <div class="col-12 pl-0">2124                <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"2125                    alt="unit image" width=100% height=116px>2126            </div>2127        </div>2128        2129    </div>2130    2131    2132    2133</div>21342135        2136213721382139<div class="row mt-4">2140    <div class="col-12">2141        <div class="card-body p-0 text-left">2142            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2143            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2144            2145                2146                    <div class="row">2147                        <div class="col-7">2148                            <p class="apartment-infos mb-0">2149                                2150                                    4½ à partir de 1250$2151                                2152                            </p>2153                            <p class="apartment-availability footnotes">2154                                Libre immédiatement2155                            </p>2156                        </div>2157                        <div class="col-5 text-right">2158                            2159                                2160                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2161                                2162                            2163                                2164                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2165                                2166                            2167                                2168                                    <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>2169                                2170                            2171                                2172                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2173                                2174                            2175                            2176                        </div>2177                    </div>2178                2179            2180            2181        </div>2182    </div>2183</div>21842185    </a>2186    2187    <a 2188        href="/logement/312"2189        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2190        data-type="3"2191        data-borough="10"2192    >2193        2194219521962197<script>2198    function displayNowAvailableBubble(buildingId) {2199        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2200        nowAvailableBubble.classList.remove("d-none");2201    }2202</script>22032204<div class="row">2205    2206    2207    2208    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2209    2210    2211    2212    2213    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2214        <p class="text-white m-0">En vedette</p>2215    </div>2216    2217    2218    <div class="col-6 apartment-col">2219        <div class="row">2220            <div class="col-12 pr-0">2221                2222                <img 2223                    class="rounded-left apartment-image" 2224                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2225                    alt="unit image"2226                    width=100%2227                    height=232px2228                />2229                2230            </div>2231        </div>2232    </div>2233    2234    2235    <div class="col-6 apartment-col">2236        <div class="row">2237            <div class="col-12 pl-0">2238                <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"2239                   alt="unit image" width="100%" height="116px">2240            </div>2241        </div>2242        2243        <div class="row">2244            <div class="col-12 pl-0">2245                <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"2246                    alt="unit image" width=100% height=116px>2247            </div>2248        </div>2249        2250    </div>2251    2252    2253    2254</div>22552256        2257225822592260<div class="row mt-4">2261    <div class="col-12">2262        <div class="card-body p-0 text-left">2263            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2264            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2265            2266                2267                    <div class="row">2268                        <div class="col-7">2269                            <p class="apartment-infos mb-0">2270                                2271                                    4½ à partir de 1595$2272                                2273                            </p>2274                            <p class="apartment-availability footnotes">2275                                octobre 20262276                            </p>2277                        </div>2278                        <div class="col-5 text-right">2279                            2280                                2281                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2282                                2283                            2284                                2285                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2286                                2287                            2288                                2289                                    <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>2290                                2291                            2292                            2293                        </div>2294                    </div>2295                2296            2297            2298        </div>2299    </div>2300</div>23012302    </a>2303    2304</div>23052306        </div>2307        2308    </div>230923102311        </div>2312    </div>2313</div>2314<div class="bg-primary py-5 mt-5">2315    <div class="container">2316        <div class="row justify-content-center">2317            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2318                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2319                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2320                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2321            </div>2322        </div>2323    </div>2324</div>2325<div id="modal-inquire" class="modal">2326    2327232823292330<div class="inquire-step-1 container p-0 mb-5 position-relative">2331    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2332    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2333    <p>418-626-3070</p>2334    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fc90939f9d88959392bc909d9a8e9d929f99d1919d8894959989d29f9391">[email&#160;protected]</a></p>2335    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2336    <p class="text-gray-light">Intéressé par ces unités</p>23372338    <div class="d-inline-flex flex-wrap">2339        2340        2341        <button2342            class="inquire-room btn btn-normal mb-3"2343            data-unit_room="4½"2344            data-toggle="button"2345        >23462347        </button>2348        2349        2350    </div>23512352    <div class="dropdown mb-4">2353        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2354            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2355            <p class="inquire-units-label-title text-uppercase mb-0">2356                Unité(s) spécifique(s)2357            </p>2358            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2359                Aucune choisie2360            </p>2361            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2362        </div>2363        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2364            2365            2366            <button class="inquire-units-choice dropdown-item" data-unit="10"2367                data-unit_room="4½">2368                102369            </button>2370            2371            2372        </div>2373    </div>237423752376    <p class="text-gray-light">Date de déménagement prévue</p>2377    <div id="inquire-datepicker" class="input-group date mt-1">2378        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2379        <div class="input-group-addon">2380            <span class="glyphicon glyphicon-th"></span>2381        </div>2382    </div>2383</div>23842385<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2386    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2387    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2388    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2389    <form id="inquire-form">2390        <div class="form-group">2391            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2392                placeholder="Prénom"></input>2393        </div>2394        <div class="form-group">2395            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2396                placeholder="Nom de famille"></input>2397        </div>2398        <div class="form-group">2399            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2400                <option id="email" value="email" selected>Courriel</option>2401                <option id="phone" value="phone">Téléphone</option>2402            </select>2403        </div>2404        <div id="inquireForm-contact-email" class="form-group">2405            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2406                placeholder="Adresse courriel"></input>2407        </div>2408        <div id="inquireForm-contact-phone" class="form-group d-none">2409            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2410                placeholder="Numéro de téléphone"></input>2411        </div>2412        <div class="form-group">2413            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2414                placeholder="Questions ou notes"></textarea>2415        </div>2416        <div id="g-recaptcha-error"></div>2417        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2418    </form>2419</div>24202421<div class="inquire-step-3 d-none position-relative">2422    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2423    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2424        height="66px">2425    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2426    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2427</div>24282429<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2430    Continuer2431</button>2432<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2433    Soumettre2434</button>2435<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2436    var recaptcha_response = '';2437    window.isCondo = "False" == "True";2438    document.getElementById("inquire-datepicker-input").value = "";2439    2440    function scrollToTopOfForm() {2441        const top = document.getElementById("inquire-step-1");2442        top.scrollIntoView();2443    }2444    function submitForm() {2445        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2446            onContinue2Click('Fj8vQ9pSRSDZgaR4QmIa2Tyq1rnvF1Jch2qc8XVtx6Sv5t352xhuogneOxJga21z');2447            const confirmation = document.getElementById("inquire-confirmation");2448            confirmation.scrollIntoView();2449        }2450        else {2451            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2452        }2453    }24542455    function verifyCaptcha(token) {2456        recaptcha_response = token;2457        document.getElementById('g-recaptcha-error').innerHTML = '';2458    }2459</script>24602461</div>2462246324642465<div id="modal-share" class="modal">2466    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2467        <div class="modal-content">2468            <div class="modal-body">2469                Partager ce logement2470                <div id="share-widget-container" class="d-flex justify-content-center"></div>2471            </div>2472        </div>2473    </div>2474</div>247524762477<script src="/static/js/share.js" defer></script>24782479248024812482            </main>2483            <footer>2484                248524862487<div class="footer row m-0 p-5 justify-content-center bg-black">2488    <div class="container m-0">2489        <div class="row mb-3">2490            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2491                height="80px" class="footer-logo">2492        </div>2493        <div class="row">2494            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2495                <p class="footer-title mb-2">Contactez-nous</p>2496                <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>2497                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2498                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2499                    <span class="footer-phone">418 626-5500</span>2500                </a>2501                <a href="/cdn-cgi/l/email-protection#2c45424a436c404d4a5e4d424f4901414d5844454959024f4341" target="_blank" class="mb-3 d-flex align-items-center">2502                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2503                    <span><span class="__cf_email__" data-cfemail="7f161119103f131e190d1e111c1a52121e0b17161a0a511c1012">[email&#160;protected]</span></span>2504                </a>2505                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2506                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42507                </a>2508                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2509                <div class="d-flex">2510                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2511                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2512                            class="footer-social-icon mr-3" />2513                    </a>2514                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2515                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2516                            class="footer-social-icon" />2517                    </a>2518                </div>2519            </div>2520            <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">2521                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2522                <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>2523                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2524                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2525                    <span class="footer-phone">418-626-5500</span>2526                </a>2527                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2528                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2529                    <span>Se connecter à l’Espace client</span>2530                </a>2531                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2532                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2533                    <span>Se connecter à Sensaas</span>2534                </a>2535            </div>2536            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2537                <ul class="navbar-nav">2538                    2539                    25402541<li class="nav-item  ">2542    <a class="nav-link py-0 footer-main-navigation mb-3"2543        href="/">Accueil</a>2544    <hr class="my-1 border-gray-medium d-none">2545</li>254625472548                    2549                    25502551<li class="nav-item  ">2552    <a class="nav-link py-0 footer-main-navigation mb-3"2553        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2554    <hr class="my-1 border-gray-medium d-none">2555</li>255625572558                    2559                    25602561<li class="nav-item  ">2562    <a class="nav-link py-0 footer-main-navigation mb-3"2563        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2564    <hr class="my-1 border-gray-medium d-none">2565</li>256625672568                    2569                    25702571<li class="nav-item  ">2572    <a class="nav-link py-0 footer-main-navigation mb-3"2573        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2574    <hr class="my-1 border-gray-medium d-none">2575</li>257625772578                    2579                    25802581<li class="nav-item  ">2582    <a class="nav-link py-0 footer-main-navigation mb-3"2583        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2584    <hr class="my-1 border-gray-medium d-none">2585</li>258625872588                    2589                    25902591<li class="nav-item  ">2592    <a class="nav-link py-0 footer-main-navigation mb-3"2593        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2594    <hr class="my-1 border-gray-medium d-none">2595</li>259625972598                    2599                </ul>2600            </div>2601            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2602                <ul class="navbar-nav">2603                    2604                    26052606<li class="nav-item  ">2607    <a class="nav-link py-0 footer-main-navigation mb-3"2608        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2609    <hr class="my-1 border-gray-medium d-none">2610</li>261126122613                    2614                    26152616<li class="nav-item  ">2617    <a class="nav-link py-0 footer-main-navigation mb-3"2618        href="/blog">Blogue</a>2619    <hr class="my-1 border-gray-medium d-none">2620</li>262126222623                    2624                    26252626<li class="nav-item  ">2627    <a class="nav-link py-0 footer-main-navigation mb-3"2628        href="/faire-carriere/">Carrières</a>2629    <hr class="my-1 border-gray-medium d-none">2630</li>263126322633                    2634                </ul>2635            </div>2636        </div>2637    </div>2638</div>26392640264126422643<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">2644    <div class="d-flex justify-content-center">2645        <ul class="list-inline mb-1">2646            2647            <li class="list-inline-item">2648                <a href=/conditions-utilisation>2649                    Conditions d'utilisation2650                </a>2651            </li>2652            2653            2654            <li class="list-inline-item">2655                <a href=/politique-confidentialite>2656                    Politique de confidentialité2657                </a>2658            </li>2659            2660            2661            <li class="list-inline-item">2662                <a href=/protection-renseignements-personnels>2663                    Protection des renseignements personnels2664                </a>2665            </li>2666            2667            2668            <li class="list-inline-item">2669                <a href=/temoins-navigation>2670                    Gérer vos témoins de navigation2671                </a>2672            </li>2673            2674        </ul>2675    </div>2676    <div class="d-flex justify-content-center">2677        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2678    </div>2679</div>26802681            </footer>2682        26832684<!-- Cookie Banner -->2685<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2686    <div class="gilm-cookie-banner-container">2687        <div class="gilm-cookie-banner-text">2688            <p>2689                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2690                sites2691                Web2692                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2693                témoins,2694                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2695                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2696                l'utilisation2697                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2698            </p>2699            <p class="d-sm-none">2700                <a href=/temoins-navigation>2701                    Gérer vos témoins de navigation2702                </a>2703                <br/>2704                <a href=/politique-confidentialite>2705                    Politique de confidentialité2706                </a>2707                <br/>2708                <a href=/conditions-utilisation>2709                    Conditions d'utilisation2710                </a>2711            </p>2712            <p class="d-none d-sm-block">2713                <a href=/temoins-navigation>2714                    Gérer vos témoins de navigation2715                </a>2716                -2717                <a href=/politique-confidentialite>2718                    Politique de confidentialité2719                </a>2720                -2721                <a href=/conditions-utilisation>2722                    Conditions d'utilisation2723                </a>2724            </p>2725        </div>2726        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2727                onclick="window.gilm_hideCookieBanner()">2728            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2729        </button>2730    </div>2731</div>2732<!-- End of Cookie Banner -->2733        </div>2734        <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">2735        </script>2736        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2737        </script>2738        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2739        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2740        </script>2741        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2742        </script>2743        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2744        </script>2745        <script type="text/javascript" src="/static/js/carousel.js">2746        </script>2747        <script type="text/javascript" src="/static/js/cookie_banner.js">2748        </script>2749        <script id="search-script" type="text/javascript" src="/static/js/search.js">2750        </script>2751        <script type="text/javascript" src="/static/js/jssocials.min.js">2752        </script>2753        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2754        </script>2755        <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">2756        </script>2757        <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">2758        </script>2759        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2760        <script>2761            window.dataLayer = window.dataLayer || [];27622763            function gtag() {2764                dataLayer.push(arguments);2765            }2766            gtag('js', new Date());2767            gtag('config', 'UA-20687227-3');2768        </script>2769        2770<script src="/static/js/inquire.js"></script>2771<script src="/static/js/leaflet.js" is-building-details="true"></script>27722773        2774    </body>27752776    </html>2777