SPB Git

spb/lou-ka Public

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

HTML 99.7%
98.8 KB · 2,789 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/137" />24<meta name="title" content="Logement a louer - 1520, rue de la Pente">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>1520, rue de la Pente - 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#30595e565f705c515642515e53551d5d5144585955451e535f5d" 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="254c4b434a6549444357444b4640084844514d4c40500b464a48">[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; L&#x27;Ancienne-Lorette</p>930        <h2 id="building-address-1">1520, rue de la Pente</h2>931        <p id="building-address-2" class="subtext">932            L&#x27;Ancienne-Lorette,933            (Québec), 934            G2E5H8935        </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 - 1520, rue de la Pente`, `https://lafrance-mathieu.com/logement/137`)">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/PPD3_d0927d8c-80c1-11ea-97c5-1275881fc0b8.jpg" alt="Façade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD4_d0b97252-80c1-11ea-97c5-1275881fc0b8.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/PPD3_d0927d8c-80c1-11ea-97c5-1275881fc0b8.jpg" alt="Façade">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD4_d0b97252-80c1-11ea-97c5-1275881fc0b8.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/PPD3_d0927d8c-80c1-11ea-97c5-1275881fc0b8.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/PPD4_d0b97252-80c1-11ea-97c5-1275881fc0b8.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="a8c4c7cbc9dcc1c7c6e8c4c9cedac9c6cbcd85c5c9dcc0c1cddd86cbc7c5">[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="104"1044                data-unit_room="4½">1045                1041046            </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('otwV710NIdyP6ty5Nz7WrV0AC1mTyrZg0cOCpPwoorNlVMK6ZKGgNiPop7IE3shD');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">Stationnement</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">Secteur paisible</p>1168            </li>1169        1170    </ul>117111721173            </div>1174        </div>1175    </div>1176</div>117711781179</div>118011811182118311841185<script>1186function scrollToId(unitRoomId) {1187    removeAllActive();11881189    const scrollOptions = {1190        behavior: "smooth",1191        block: "start"1192    };11931194    const defaultFilter = document.getElementById("unit-room-filter-all");1195    if (unitRoomId === "all") {1196        defaultFilter.classList.add("active");1197        defaultFilter.scrollIntoView(scrollOptions);1198    } else {1199        const element = document.getElementById(`unit-room-${unitRoomId}`);1200        if (!!element) {1201            element.scrollIntoView(scrollOptions);1202            const defaultFilter = document.getElementById("unit-room-filter-all");1203            defaultFilter.classList.remove("active");1204            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1205            filter.classList.add("active");12061207        }1208    }1209}12101211function removeAllActive() {1212    const elements = document.getElementsByClassName("unit-room-filter");1213    for (element of elements) element.classList.remove("active");1214}1215</script>12161217<div class="container">1218    <div class="row mt-5">1219        <div class="col-md-12">1220            <h2 id="anchor-units" class="mb-3">Unités</h2>1221            1222            <ul class="list-inline mb-0 position-relative">1223                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1224                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1225                        <span>Toutes</span>1226                    </button>1227                </li>1228                1229                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-262">1230                    <button onclick="scrollToId('262');" class="unit-room-filter-button btn btn-no-outline">1231                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1232                    </button>1233                </li>1234                1235            </ul>1236            1237        </div>1238    </div>1239</div>1240<div class="bg-background-gray pb-3">1241    <div class="container">1242        <div class="row">1243            <div class="col-12 p-0">1244                1245                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1246                    <div style="position: absolute; top: -134px;" id="unit-room-262"></div>1247                    <div id="modal-details-262" class="modal">1248                        124912501251<div class="container mt-5">1252    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1253        12541255<div class="row">1256    <div class="col-9">1257    <h2>1258        1259            4½ from $1190 to $11901260        1261    </h2>1262    </div>1263    <div class="col-3 text-right">1264        <button class="btn-close" data-toggle="modal" data-target="#modal-details-262"></button>1265    </div>1266</div>1267<div class="row">1268    <div class="col-9">1269        12701271<p class="">1272    1 1273    <span class="text-lowercase">1274        1275            unité1276        1277    </span>1278</p>1279    </div>1280    <div class="col-3 text-right">1281        1282    </div>1283</div>1284<div class="row">1285    <div class="col-12" id="unit-modal-carousel-262">1286        12871288<div class="unit-detail-carousel">1289    <div class="slider slider-for">1290        1291        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD14_fb8e605c-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1292        1293        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_fbae2400-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2">1294        1295        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_fbc21816-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2">1296        1297        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/cuisine_2_fbe32c86-80ce-11ea-8747-1275881fc0b8.jpg" alt="suiine3">1298        1299        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/salle_de_bain_fc0f06e4-80ce-11ea-8747-1275881fc0b8.jpg" alt="sb">1300        1301        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD11_fc76edae-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre">1302        1303        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD6_fc9ff136-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon">1304        1305        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD8_fcc321c4-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre">1306        1307        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/air_ouverte_fce25a12-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon">1308        1309    </div>1310    <div class="slider slider-nav mt-2">1311        1312        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD14_fb8e605c-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1313        1314        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_fbae2400-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2">1315        1316        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_fbc21816-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2">1317        1318        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/cuisine_2_fbe32c86-80ce-11ea-8747-1275881fc0b8.jpg" alt="suiine3">1319        1320        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/salle_de_bain_fc0f06e4-80ce-11ea-8747-1275881fc0b8.jpg" alt="sb">1321        1322        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD11_fc76edae-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre">1323        1324        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD6_fc9ff136-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon">1325        1326        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD8_fcc321c4-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre">1327        1328        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/air_ouverte_fce25a12-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon">1329        1330    </div>1331</div>13321333    </div>1334</div>1335<div class="row mt-3">1336    <div class="col-12 unit-commodities">1337        1338        1339134013411342    1343        <p class="small-header pb-1">1344            Commodités de l'unité1345        </p>1346    1347    <ul class="list-unstyled d-flex flex-wrap mb-1">1348        1349            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1350                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1351                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1352            </li>1353        1354            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1355                <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">1356                <p class="attribute-description mb-0">Stationnement extérieur</p>1357            </li>1358        1359    </ul>136013611362    </div>1363</div>1364<div class="row mt-3">1365    <div class="col-12 unit-characteristics">1366        1367        13681369137013711372    </div>1373</div>137413751376        <div class="units-detail mt-5">1377            <h2>Unités</h2>1378            1379138013811382<div class="row" id="units-for-unit-room-262">1383    1384    1385    <div class="col-12 h-100  ">1386        <div class="h-100 border-bottom">1387            <div class="row mt-3">1388                <div class="col-sm-6 col-md-4">1389                    <p class="small-header">unité</p>1390                    <p>1391                        1041392                        1393                        <span>&middot; 1er étage</span>1394                        1395                    </p>1396                </div>1397                <div class="col-sm-6 col-md-4">1398                    <p class="small-header">Disponibilité</p>1399                    <p class="">1400                        octobre 20261401                    </p>1402                </div>1403                <div class="col-sm-6 col-md-4">1404                    <p class="small-header">À partir de</p>1405                    <p>1190,00$</p>1406                </div>1407                1408            </div>1409            <div class="row">1410            </div>1411            1412        </div>1413    </div>1414    1415    1416</div>14171418        </div>1419        1420    </div>1421</div>1422                    </div>1423                    <div class="row">1424                        <div class="col-6">1425                            <h4>1426                                1427                                4½ à partir de 1190,00$1428                            1429                            </h4>1430                        </div>1431                        <div class="col-6 d-flex justify-content-end">1432                            1433                            1434                            1435                            <button1436    class="btn text-primary share-button-small"1437    data-toggle="modal"1438    data-target="#modal-share"1439    onclick="configureShareWidget(`4½ à louer - 1520, rue de la Pente`, `https://lafrance-mathieu.com/logement/137`)">1440    <i class="fas fa-share-square mr-1"></i>1441    <span>Partager</span>1442</button>14431444                            1445                        </div>1446                    </div>1447                    <div class="row">1448                        <div class="col-md-4">1449                            <div class="row">1450                                <div class="col-12">1451                                    14521453                                    145414551456<div class="unit-image-counter d-flex align-items-center">1457    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1458    <span class="ml-1 text-white small">9</span>1459</div>146014611462<div class="single-item-small">1463    <div class="single-item-arrow--left ml-3"></div>1464    <div class="single-item">1465        1466            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD14_fb8e605c-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1467        1468            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_fbae2400-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2" style="object-fit: cover" height="auto">1469        1470            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_fbc21816-80ce-11ea-8747-1275881fc0b8.jpg" alt="cuisine2" style="object-fit: cover" height="auto">1471        1472            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/cuisine_2_fbe32c86-80ce-11ea-8747-1275881fc0b8.jpg" alt="suiine3" style="object-fit: cover" height="auto">1473        1474            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/salle_de_bain_fc0f06e4-80ce-11ea-8747-1275881fc0b8.jpg" alt="sb" style="object-fit: cover" height="auto">1475        1476            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD11_fc76edae-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1477        1478            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD6_fc9ff136-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1479        1480            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD8_fcc321c4-80ce-11ea-8747-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1481        1482            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/air_ouverte_fce25a12-80ce-11ea-8747-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1483        1484    </div>1485    <div class="single-item-arrow--right mr-3"></div>1486</div>14871488                                    1489                                </div>1490                            </div>1491                            1492                        </div>1493                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1494                            <div class="row flex-grow-1">1495                                1496                                <div class="unit-commodities unit-specs col-sm-6">1497                                    1498                                    1499150015011502    1503        <p class="small-header pb-1">1504            Commodités de l'unité1505        </p>1506    1507    <ul class="list-unstyled d-flex flex-wrap mb-1">1508        1509            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1510                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1511                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1512            </li>1513        1514            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1515                <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">1516                <p class="attribute-description mb-0">Stationnement extérieur</p>1517            </li>1518        1519    </ul>152015211522                                </div>1523                                1524                                1525                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1526                                    1527                                    1528152915301531    1532        <p class="small-header pb-1">1533            Caractéristiques de l'unité1534        </p>1535    1536    <ul class="list-unstyled d-flex flex-wrap mb-1">1537        1538            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1539                <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">1540                <p class="attribute-description mb-0">Chat accepté</p>1541            </li>1542        1543            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1544                <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">1545                <p class="attribute-description mb-0">Balcon</p>1546            </li>1547        1548            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1549                <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">1550                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1551            </li>1552        1553            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1554                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1555                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1556            </li>1557        1558            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1559                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1560                <p class="attribute-description mb-0">Conciergerie sur place</p>1561            </li>1562        1563            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1564                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1565                <p class="attribute-description mb-0">Espace de rangement</p>1566            </li>1567        1568    </ul>156915701571                                </div>1572                                1573                            </div>1574                            1575                        </div>1576                    </div>1577                    <div class="row mt-3">1578                        <div class="col-md-4">1579                            <button1580                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1581                                data-unit_room="4½">1582                                S'informer1583                            </button>1584                            <button1585                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1586                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1587                                S'informer1588                            </button>1589                        </div>1590                    </div>1591                    <div class="units-detail">1592                      15931594<p class="mb-0 mt-4">1595    1 1596    <span class="text-lowercase">1597        1598            unité1599        1600    </span>1601</p>1602                        1603160416051606<div class="row" id="units-for-unit-room-262">1607    1608    1609    <div class="col-12 h-100  ">1610        <div class="h-100 border-bottom">1611            <div class="row mt-3">1612                <div class="col-sm-6 col-md-4">1613                    <p class="small-header">unité</p>1614                    <p>1615                        1041616                        1617                        <span>&middot; 1er étage</span>1618                        1619                    </p>1620                </div>1621                <div class="col-sm-6 col-md-4">1622                    <p class="small-header">Disponibilité</p>1623                    <p class="">1624                        octobre 20261625                    </p>1626                </div>1627                <div class="col-sm-6 col-md-4">1628                    <p class="small-header">À partir de</p>1629                    <p>1190,00$</p>1630                </div>1631                1632            </div>1633            <div class="row">1634            </div>1635            1636        </div>1637    </div>1638    1639    1640</div>16411642                    </div>1643                    1644                </div>1645                1646            </div>1647        </div>1648    </div>1649</div>16501651<div id="modal-video" class="modal">1652    <div class="modal-dialog modal-lg" role="document">1653        <div class="modal-content">1654            <div id="modal-video-body" class="modal-body">1655            </div>1656        </div>1657    </div>1658</div>16591660<script type="text/javascript">1661    const toggleHiddenUnits = (unitRoomId) => {1662        if (unitRoomId) {1663            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1664            for (unit of hiddenUnits) {1665                unit.classList.toggle("d-none");1666            }16671668            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1669            if (seeMoreButton.textContent === "Voir plus")1670                seeMoreButton.textContent = "Voir moins";1671            else1672                seeMoreButton.textContent = "Voir plus";1673        }1674    }16751676    const playVideo = (el) => {1677        const list = el.getElementsByTagName('video');1678        if (!list || !list.length)1679            return;16801681        const video = list[0];1682        const container = document.getElementById('modal-video-body');1683        container.appendChild(video);1684        video.play();16851686        el.classList.add('show-placeholder');16871688        $("#modal-video").modal();1689        $("#modal-video").on('hidden.bs.modal', () => {1690            el.classList.remove('show-placeholder');1691            el.insertBefore(video, el.children[0]);1692            video.currentTime = 0;1693            video.pause();1694        });1695    }16961697    function displayInquiryAndScroll() {1698        displayInquiry();1699        const form = document.getElementById("inquire-form-anchor");1700        form.scrollIntoView();1701    }1702</script>170317041705<div class="container">1706    <div class="row mt-5">1707        <div class="col-md-6">1708            <div class="row">1709                <div class="col-12">1710                    <h2>À propos de l'immeuble</h2>1711                </div>1712            </div>1713            <div class="row">1714                <div class="col-12">1715                    <p class="mb-1"><strong>Adresse</strong></p>1716                    17171718<script id="building-coordinates" type="application/json">[{"loc": ["46.790795", "-71.355625"], "id": 137}]</script>17191720<div id="map-container" class="footer mb-2 mt-1">1721    <div id="interactive-map" style="height: 100%;" class="rounded">1722    </div>1723</div>17241725                    <p class="mb-0">1520, rue de la Pente</p>1726                    <p class="mb-0">L&#x27;Ancienne-Lorette, Québec</p>1727                    <p class="mb-3">G2E5H8</p>1728                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%201520%20rue%20de%20la%20Pente%20L&#x27;Ancienne-Lorette%20G2E5H8" target="_blank">1729                        Ouvrir sur Google Maps1730                    </a>1731                </div>1732            </div>1733            <hr>1734            <div class="row">1735                <div class="col-12">1736                    <p><strong>Plus d'informations</strong></p>1737                    <div class="row">1738                        1739                        <div class="col-md-4">1740                            <p class="subtext">Nombre d'étages</p>1741                            <p class="d-md-none">1742                                1743                                2 étage(s)1744                                1745                            </p>1746                        </div>1747                        1748                        <div class="col-md-4">1749                            <p class="subtext">Nombre total d'unités</p>1750                            <p class="d-md-none">1751                                1752                            12 unités1753                        1754                            </p>1755                        </div>1756                        1757                        <div class="col-md-4">1758                            <p class="subtext">Année de construction</p>1759                            <p class="d-md-none">1983</p>1760                        </div>1761                        1762                    </div>1763                    <div class="row mb-3 d-none d-md-flex">1764                        1765                        <div class="col-md-4">1766                            <p class="">1767                                1768                                2 étage(s)1769                                1770                            </p>1771                        </div>1772                        1773                        <div class="col-md-4">1774                            <p class="">1775                                1776                            12 unités1777                        1778                            </p>1779                        </div>1780                        1781                        <div class="col-md-4">1782                            <p class="">1983</p>1783                        </div>1784                        1785                    </div>1786                    1787                </div>1788            </div>1789            1790            <hr>1791            <div class="row">1792                <div class="col-12">1793                    <p><strong>Commodités de l'immeuble</strong></p>1794                    <div class="row">1795                        <div class="col-12">1796                            1797179817991800    1801    <ul class="list-unstyled d-flex flex-wrap mb-1">1802        1803            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1804                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1805                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1806            </li>1807        1808            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1809                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1810                <p class="attribute-description mb-0">Stationnement</p>1811            </li>1812        1813            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1814                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1815                <p class="attribute-description mb-0">Secteur paisible</p>1816            </li>1817        1818    </ul>181918201821                        </div>1822                    </div>1823                </div>1824            </div>1825            1826            1827            <hr>1828            <div class="row">1829                <div class="col-12">1830                    <p><strong>Frais additionnels</strong></p>1831                    <div class="row">1832                        <div class="col-12">1833                            1834183518361837    1838    <ul class="list-unstyled d-flex flex-wrap mb-1">1839        1840            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1841                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1842                <p class="attribute-description mb-0">Stationnement supplémentaire</p>1843            </li>1844        1845    </ul>184618471848                        </div>1849                    </div>1850                </div>1851            </div>1852            1853            1854            <hr>1855            <div class="row">1856                <div class="col-12">1857                    <p><strong>Accès et services</strong></p>1858                    <div class="row">1859                        <div class="col-12">1860                            1861186218631864    1865    <ul class="list-unstyled d-flex flex-wrap mb-1">1866        1867            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1868                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1869                <p class="attribute-description mb-0">Épicerie</p>1870            </li>1871        1872            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1873                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1874                <p class="attribute-description mb-0">Commerces</p>1875            </li>1876        1877            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1878                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1879                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1880            </li>1881        1882            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1883                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1884                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1885            </li>1886        1887            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1888                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1889                <p class="attribute-description mb-0">Dépanneur</p>1890            </li>1891        1892            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1893                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1894                <p class="attribute-description mb-0">Banque</p>1895            </li>1896        1897            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1898                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1899                <p class="attribute-description mb-0">Pharmacie</p>1900            </li>1901        1902    </ul>190319041905                        </div>1906                    </div>1907                </div>1908            </div>1909            1910        </div>1911        1912        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1913            <div class="shadow">1914                <img 1915                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg"1916                    alt="Borough image"1917                    width="100%"1918                    height="200px"1919                    class="object-fit-cover">1920                <div class="row p-4">1921                    <div class="col-12">1922                        <p class="small-header">À propos du quartier</p>1923                        <h3>L&#x27;Ancienne-Lorette</h3>1924                        <p>À L’Ancienne-Lorette, grâce aux nombreux services de proximité, les résidents sont unis par un fort sentiment d’appartenance.</p>1925                        <p>La ville abrite deux écoles primaires, une école secondaire, un centre d’éducation aux adultes, plusieurs commerces ainsi que l’aéroport international Jean-Lesage. Avec un complexe sportif exceptionnel, comptant plus d’une quinzaine de parcs et espaces verts, trois centres communautaires, un C.L.S.C. et une maison de la culture, la ville offre un milieu de vie dynamique où il fait bon vivre.</p>1926                        <a href="/louer-appartement-quebec/lancienne-lorette">1927                            1928                  Voir les appartements à L&#x27;Ancienne-Lorette1929                  1930                        </a>1931                    </div>1932                </div>1933            </div>1934        </div>1935        1936    </div>1937    <div class="row">1938        <div class="col-12">1939            1940194119421943    <div class="row mt-5 ">1944        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1945        <div class="col-12 mb-3">1946            194719481949<div class="row">1950    1951    <a 1952        href="/logement/160"1953        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1954        data-type="3"1955        data-borough="6"1956    >1957        1958195919601961<script>1962    function displayNowAvailableBubble(buildingId) {1963        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1964        nowAvailableBubble.classList.remove("d-none");1965    }1966</script>19671968<div class="row">1969    1970    1971    1972    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>1973    1974    1975    1976    1977    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">1978        <p class="text-white m-0">En vedette</p>1979    </div>1980    1981    1982    <div class="col-6 apartment-col">1983        <div class="row">1984            <div class="col-12 pr-0">1985                1986                <img 1987                    class="rounded-left apartment-image" 1988                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"1989                    alt="unit image"1990                    width=100%1991                    height=232px1992                />1993                1994            </div>1995        </div>1996    </div>1997    1998    1999    <div class="col-6 apartment-col">2000        <div class="row">2001            <div class="col-12 pl-0">2002                <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"2003                   alt="unit image" width="100%" height="116px">2004            </div>2005        </div>2006        2007        <div class="row">2008            <div class="col-12 pl-0">2009                <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"2010                    alt="unit image" width=100% height=116px>2011            </div>2012        </div>2013        2014    </div>2015    2016    2017    2018</div>20192020        2021202220232024<div class="row mt-4">2025    <div class="col-12">2026        <div class="card-body p-0 text-left">2027            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2028            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2029            2030                2031                    <div class="row">2032                        <div class="col-7">2033                            <p class="apartment-infos mb-0">2034                                2035                                    4½ à partir de 1250$2036                                2037                            </p>2038                            <p class="apartment-availability footnotes">2039                                Libre immédiatement2040                            </p>2041                        </div>2042                        <div class="col-5 text-right">2043                            2044                                2045                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2046                                2047                            2048                                2049                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2050                                2051                            2052                                2053                                    <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>2054                                2055                            2056                                2057                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2058                                2059                            2060                            2061                        </div>2062                    </div>2063                2064            2065            2066        </div>2067    </div>2068</div>20692070    </a>2071    2072    <a 2073        href="/logement/312"2074        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2075        data-type="3"2076        data-borough="10"2077    >2078        2079208020812082<script>2083    function displayNowAvailableBubble(buildingId) {2084        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2085        nowAvailableBubble.classList.remove("d-none");2086    }2087</script>20882089<div class="row">2090    2091    2092    2093    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2094    2095    2096    2097    2098    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2099        <p class="text-white m-0">En vedette</p>2100    </div>2101    2102    2103    <div class="col-6 apartment-col">2104        <div class="row">2105            <div class="col-12 pr-0">2106                2107                <img 2108                    class="rounded-left apartment-image" 2109                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2110                    alt="unit image"2111                    width=100%2112                    height=232px2113                />2114                2115            </div>2116        </div>2117    </div>2118    2119    2120    <div class="col-6 apartment-col">2121        <div class="row">2122            <div class="col-12 pl-0">2123                <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"2124                   alt="unit image" width="100%" height="116px">2125            </div>2126        </div>2127        2128        <div class="row">2129            <div class="col-12 pl-0">2130                <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"2131                    alt="unit image" width=100% height=116px>2132            </div>2133        </div>2134        2135    </div>2136    2137    2138    2139</div>21402141        2142214321442145<div class="row mt-4">2146    <div class="col-12">2147        <div class="card-body p-0 text-left">2148            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2149            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2150            2151                2152                    <div class="row">2153                        <div class="col-7">2154                            <p class="apartment-infos mb-0">2155                                2156                                    4½ à partir de 1595$2157                                2158                            </p>2159                            <p class="apartment-availability footnotes">2160                                octobre 20262161                            </p>2162                        </div>2163                        <div class="col-5 text-right">2164                            2165                                2166                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2167                                2168                            2169                                2170                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2171                                2172                            2173                                2174                                    <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>2175                                2176                            2177                            2178                        </div>2179                    </div>2180                2181            2182            2183        </div>2184    </div>2185</div>21862187    </a>2188    2189    <a 2190        href="/logement/18"2191        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2192        data-type="3"2193        data-borough="3"2194    >2195        2196219721982199<script>2200    function displayNowAvailableBubble(buildingId) {2201        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2202        nowAvailableBubble.classList.remove("d-none");2203    }2204</script>22052206<div class="row">2207    2208    2209    2210    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2211    2212    2213    2214    2215    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2216        <p class="text-white m-0">En vedette</p>2217    </div>2218    2219    2220    <div class="col-6 apartment-col">2221        <div class="row">2222            <div class="col-12 pr-0">2223                2224                <img 2225                    class="rounded-left apartment-image" 2226                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2227                    alt="unit image"2228                    width=100%2229                    height=232px2230                />2231                2232            </div>2233        </div>2234    </div>2235    2236    2237    <div class="col-6 apartment-col">2238        <div class="row">2239            <div class="col-12 pl-0">2240                <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"2241                   alt="unit image" width="100%" height="116px">2242            </div>2243        </div>2244        2245        <div class="row">2246            <div class="col-12 pl-0">2247                <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"2248                    alt="unit image" width=100% height=116px>2249            </div>2250        </div>2251        2252    </div>2253    2254    2255    2256</div>22572258        2259226022612262<div class="row mt-4">2263    <div class="col-12">2264        <div class="card-body p-0 text-left">2265            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2266            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2267            2268                2269                    <div class="row">2270                        <div class="col-7">2271                            <p class="apartment-infos mb-0">2272                                2273                                    1½ à partir de 799$2274                                2275                            </p>2276                            <p class="apartment-availability footnotes">2277                                Libre immédiatement2278                            </p>2279                        </div>2280                        <div class="col-5 text-right">2281                            2282                                2283                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2284                                2285                            2286                                2287                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2288                                2289                            2290                                2291                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2292                                2293                            2294                                2295                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2296                                2297                            2298                                2299                            2300                                2301                            2302                            2303                                <p class="footnotes d-inline"> +2</p>2304                            2305                        </div>2306                    </div>2307                2308            2309            2310        </div>2311    </div>2312</div>23132314    </a>2315    2316</div>23172318        </div>2319        2320    </div>232123222323        </div>2324    </div>2325</div>2326<div class="bg-primary py-5 mt-5">2327    <div class="container">2328        <div class="row justify-content-center">2329            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2330                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2331                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2332                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2333            </div>2334        </div>2335    </div>2336</div>2337<div id="modal-inquire" class="modal">2338    2339234023412342<div class="inquire-step-1 container p-0 mb-5 position-relative">2343    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2344    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2345    <p>418-626-3070</p>2346    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7c10131f1d081513123c101d1a0e1d121f1951111d0814151909521f1311">[email&#160;protected]</a></p>2347    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2348    <p class="text-gray-light">Intéressé par ces unités</p>23492350    <div class="d-inline-flex flex-wrap">2351        2352        2353        <button2354            class="inquire-room btn btn-normal mb-3"2355            data-unit_room="4½"2356            data-toggle="button"2357        >23582359        </button>2360        2361        2362    </div>23632364    <div class="dropdown mb-4">2365        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2366            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2367            <p class="inquire-units-label-title text-uppercase mb-0">2368                Unité(s) spécifique(s)2369            </p>2370            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2371                Aucune choisie2372            </p>2373            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2374        </div>2375        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2376            2377            2378            <button class="inquire-units-choice dropdown-item" data-unit="104"2379                data-unit_room="4½">2380                1042381            </button>2382            2383            2384        </div>2385    </div>238623872388    <p class="text-gray-light">Date de déménagement prévue</p>2389    <div id="inquire-datepicker" class="input-group date mt-1">2390        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2391        <div class="input-group-addon">2392            <span class="glyphicon glyphicon-th"></span>2393        </div>2394    </div>2395</div>23962397<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2398    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2399    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2400    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2401    <form id="inquire-form">2402        <div class="form-group">2403            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2404                placeholder="Prénom"></input>2405        </div>2406        <div class="form-group">2407            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2408                placeholder="Nom de famille"></input>2409        </div>2410        <div class="form-group">2411            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2412                <option id="email" value="email" selected>Courriel</option>2413                <option id="phone" value="phone">Téléphone</option>2414            </select>2415        </div>2416        <div id="inquireForm-contact-email" class="form-group">2417            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2418                placeholder="Adresse courriel"></input>2419        </div>2420        <div id="inquireForm-contact-phone" class="form-group d-none">2421            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2422                placeholder="Numéro de téléphone"></input>2423        </div>2424        <div class="form-group">2425            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2426                placeholder="Questions ou notes"></textarea>2427        </div>2428        <div id="g-recaptcha-error"></div>2429        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2430    </form>2431</div>24322433<div class="inquire-step-3 d-none position-relative">2434    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2435    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2436        height="66px">2437    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2438    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2439</div>24402441<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2442    Continuer2443</button>2444<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2445    Soumettre2446</button>2447<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2448    var recaptcha_response = '';2449    window.isCondo = "False" == "True";2450    document.getElementById("inquire-datepicker-input").value = "";2451    2452    function scrollToTopOfForm() {2453        const top = document.getElementById("inquire-step-1");2454        top.scrollIntoView();2455    }2456    function submitForm() {2457        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2458            onContinue2Click('otwV710NIdyP6ty5Nz7WrV0AC1mTyrZg0cOCpPwoorNlVMK6ZKGgNiPop7IE3shD');2459            const confirmation = document.getElementById("inquire-confirmation");2460            confirmation.scrollIntoView();2461        }2462        else {2463            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2464        }2465    }24662467    function verifyCaptcha(token) {2468        recaptcha_response = token;2469        document.getElementById('g-recaptcha-error').innerHTML = '';2470    }2471</script>24722473</div>2474247524762477<div id="modal-share" class="modal">2478    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2479        <div class="modal-content">2480            <div class="modal-body">2481                Partager ce logement2482                <div id="share-widget-container" class="d-flex justify-content-center"></div>2483            </div>2484        </div>2485    </div>2486</div>248724882489<script src="/static/js/share.js" defer></script>24902491249224932494            </main>2495            <footer>2496                249724982499<div class="footer row m-0 p-5 justify-content-center bg-black">2500    <div class="container m-0">2501        <div class="row mb-3">2502            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2503                height="80px" class="footer-logo">2504        </div>2505        <div class="row">2506            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2507                <p class="footer-title mb-2">Contactez-nous</p>2508                <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>2509                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2510                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2511                    <span class="footer-phone">418 626-5500</span>2512                </a>2513                <a href="/cdn-cgi/l/email-protection#dbb2b5bdb49bb7babda9bab5b8bef6b6baafb3b2beaef5b8b4b6" target="_blank" class="mb-3 d-flex align-items-center">2514                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2515                    <span><span class="__cf_email__" data-cfemail="83eaede5ecc3efe2e5f1e2ede0e6aeeee2f7ebeae6f6ade0ecee">[email&#160;protected]</span></span>2516                </a>2517                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2518                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42519                </a>2520                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2521                <div class="d-flex">2522                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2523                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2524                            class="footer-social-icon mr-3" />2525                    </a>2526                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2527                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2528                            class="footer-social-icon" />2529                    </a>2530                </div>2531            </div>2532            <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">2533                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2534                <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>2535                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2536                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2537                    <span class="footer-phone">418-626-5500</span>2538                </a>2539                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2540                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2541                    <span>Se connecter à l’Espace client</span>2542                </a>2543                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2544                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2545                    <span>Se connecter à Sensaas</span>2546                </a>2547            </div>2548            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2549                <ul class="navbar-nav">2550                    2551                    25522553<li class="nav-item  ">2554    <a class="nav-link py-0 footer-main-navigation mb-3"2555        href="/">Accueil</a>2556    <hr class="my-1 border-gray-medium d-none">2557</li>255825592560                    2561                    25622563<li class="nav-item  ">2564    <a class="nav-link py-0 footer-main-navigation mb-3"2565        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2566    <hr class="my-1 border-gray-medium d-none">2567</li>256825692570                    2571                    25722573<li class="nav-item  ">2574    <a class="nav-link py-0 footer-main-navigation mb-3"2575        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2576    <hr class="my-1 border-gray-medium d-none">2577</li>257825792580                    2581                    25822583<li class="nav-item  ">2584    <a class="nav-link py-0 footer-main-navigation mb-3"2585        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2586    <hr class="my-1 border-gray-medium d-none">2587</li>258825892590                    2591                    25922593<li class="nav-item  ">2594    <a class="nav-link py-0 footer-main-navigation mb-3"2595        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2596    <hr class="my-1 border-gray-medium d-none">2597</li>259825992600                    2601                    26022603<li class="nav-item  ">2604    <a class="nav-link py-0 footer-main-navigation mb-3"2605        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2606    <hr class="my-1 border-gray-medium d-none">2607</li>260826092610                    2611                </ul>2612            </div>2613            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2614                <ul class="navbar-nav">2615                    2616                    26172618<li class="nav-item  ">2619    <a class="nav-link py-0 footer-main-navigation mb-3"2620        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2621    <hr class="my-1 border-gray-medium d-none">2622</li>262326242625                    2626                    26272628<li class="nav-item  ">2629    <a class="nav-link py-0 footer-main-navigation mb-3"2630        href="/blog">Blogue</a>2631    <hr class="my-1 border-gray-medium d-none">2632</li>263326342635                    2636                    26372638<li class="nav-item  ">2639    <a class="nav-link py-0 footer-main-navigation mb-3"2640        href="/faire-carriere/">Carrières</a>2641    <hr class="my-1 border-gray-medium d-none">2642</li>264326442645                    2646                </ul>2647            </div>2648        </div>2649    </div>2650</div>26512652265326542655<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">2656    <div class="d-flex justify-content-center">2657        <ul class="list-inline mb-1">2658            2659            <li class="list-inline-item">2660                <a href=/conditions-utilisation>2661                    Conditions d'utilisation2662                </a>2663            </li>2664            2665            2666            <li class="list-inline-item">2667                <a href=/politique-confidentialite>2668                    Politique de confidentialité2669                </a>2670            </li>2671            2672            2673            <li class="list-inline-item">2674                <a href=/protection-renseignements-personnels>2675                    Protection des renseignements personnels2676                </a>2677            </li>2678            2679            2680            <li class="list-inline-item">2681                <a href=/temoins-navigation>2682                    Gérer vos témoins de navigation2683                </a>2684            </li>2685            2686        </ul>2687    </div>2688    <div class="d-flex justify-content-center">2689        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2690    </div>2691</div>26922693            </footer>2694        26952696<!-- Cookie Banner -->2697<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2698    <div class="gilm-cookie-banner-container">2699        <div class="gilm-cookie-banner-text">2700            <p>2701                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2702                sites2703                Web2704                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2705                témoins,2706                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2707                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2708                l'utilisation2709                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2710            </p>2711            <p class="d-sm-none">2712                <a href=/temoins-navigation>2713                    Gérer vos témoins de navigation2714                </a>2715                <br/>2716                <a href=/politique-confidentialite>2717                    Politique de confidentialité2718                </a>2719                <br/>2720                <a href=/conditions-utilisation>2721                    Conditions d'utilisation2722                </a>2723            </p>2724            <p class="d-none d-sm-block">2725                <a href=/temoins-navigation>2726                    Gérer vos témoins de navigation2727                </a>2728                -2729                <a href=/politique-confidentialite>2730                    Politique de confidentialité2731                </a>2732                -2733                <a href=/conditions-utilisation>2734                    Conditions d'utilisation2735                </a>2736            </p>2737        </div>2738        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2739                onclick="window.gilm_hideCookieBanner()">2740            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2741        </button>2742    </div>2743</div>2744<!-- End of Cookie Banner -->2745        </div>2746        <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">2747        </script>2748        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2749        </script>2750        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2751        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2752        </script>2753        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2754        </script>2755        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2756        </script>2757        <script type="text/javascript" src="/static/js/carousel.js">2758        </script>2759        <script type="text/javascript" src="/static/js/cookie_banner.js">2760        </script>2761        <script id="search-script" type="text/javascript" src="/static/js/search.js">2762        </script>2763        <script type="text/javascript" src="/static/js/jssocials.min.js">2764        </script>2765        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2766        </script>2767        <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">2768        </script>2769        <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">2770        </script>2771        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2772        <script>2773            window.dataLayer = window.dataLayer || [];27742775            function gtag() {2776                dataLayer.push(arguments);2777            }2778            gtag('js', new Date());2779            gtag('config', 'UA-20687227-3');2780        </script>2781        2782<script src="/static/js/inquire.js"></script>2783<script src="/static/js/leaflet.js" is-building-details="true"></script>27842785        2786    </body>27872788    </html>2789