SPB Git

spb/lou-ka Public

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

HTML 99.7%
96.2 KB · 2,756 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/15" />24<meta name="title" content="Logement a louer - 2665, rue Alexandra">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>2665, rue Alexandra - 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#7e171018113e121f180c1f101d1b53131f0a16171b0b501d1113" 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="046d6a626b4468656276656a6761296965706c6d61712a676b69">[email&#160;protected]</span></span>564                </a>565                <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>566                <div class="d-flex">567                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">568                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"569                            class="footer-social-icon mr-3" />570                    </a>571                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">572                        <img src=/static/images/icons/facebook.svg alt="facebook icon"573                            class="footer-social-icon" />574                    </a>575                </div>576            </div>577            <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">578                <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>579                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">580                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />581                    <span class="text-gray-light">418 626-5500</span>582                </a>583            </div>584        </div>585    </div>586    <div class="nav-top order-1">587        <ul class="nav-main-links nav-main-links-top">588            589            590            591592<li class="nav-item  ">593    <a class="nav-link py-0 header-main-navigation"594        href="/">Accueil</a>595    <hr class="my-1 border-gray-medium d-none">596</li>597598599            600            601            602            603604605606607<li608    class="nav-item dropdown  "609    href="#"610>611    <a612        class="nav-link py-0 dropdown-toggle header-main-navigation"613        href="#"614        id="navbardrop"615        data-toggle="dropdown"616    >617        Services de gestion <br class='nav-item-translation'>immobilière618        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">619    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>620</svg>621622    </a>623    <ul624        class="dropdown-menu bg-gray-blue dropdown-submenu"625    >626            627            628            <li class="nav-item">629                <a630                    class="dropdown-item header-main-navigation text-wrap "631                    href="/services-de-gestion-immobiliere"632                >633                    Présentation de nos services634                </a>635            </li>636            637            638            639            <li class="nav-item">640                <a641                    class="dropdown-item header-main-navigation text-wrap "642                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"643                >644                    Gestion d’immeubles en copropriété645                </a>646            </li>647            648            649            650            <li class="nav-item">651                <a652                    class="dropdown-item header-main-navigation text-wrap "653                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"654                >655                    Gestion immobilière d&#x27;appartements en location656                </a>657            </li>658            659            660            661            <li class="nav-item">662                <a663                    class="dropdown-item header-main-navigation text-wrap "664                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"665                >666                    Gestion immobilière commerciale667                </a>668            </li>669            670            671            672            <li class="nav-item">673                <a674                    class="dropdown-item header-main-navigation text-wrap "675                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"676                >677                    Service de courtage immobilier678                </a>679            </li>680            681            682            683            <li class="nav-item">684                <a685                    class="dropdown-item header-main-navigation text-wrap "686                    href="/services-de-gestion-immobiliere/gilm-renovation"687                >688                    GILM Rénovation689                </a>690            </li>691            692            693    </ul>694    <hr class="my-1 border-gray-medium d-none">695</li>696697698699            700            701            702            703704<li class="nav-item  ">705    <a class="nav-link py-0 header-main-navigation"706        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>707    <hr class="my-1 border-gray-medium d-none">708</li>709710711            712            713            714            715716<li class="nav-item  ">717    <a class="nav-link py-0 header-main-navigation"718        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>719    <hr class="my-1 border-gray-medium d-none">720</li>721722723            724            725            726            727728<li class="nav-item  ">729    <a class="nav-link py-0 header-main-navigation"730        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>731    <hr class="my-1 border-gray-medium d-none">732</li>733734735            736            737            738            739740741742743<li744    class="nav-item dropdown  "745    href="#"746>747    <a748        class="nav-link py-0 dropdown-toggle header-main-navigation"749        href="#"750        id="navbardrop"751        data-toggle="dropdown"752    >753        À propos de <br class='nav-item-translation'>Lafrance & Mathieu754        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">755    <path fill="#B5A05F" fill-rule="evenodd" d="M9.43.26a.596.596 0 1 1 .843.843l-4.17 4.17a.596.596 0 0 1-.843 0l-4.17-4.17A.596.596 0 1 1 1.931.26l3.75 3.75L9.43.26z"/>756</svg>757758    </a>759    <ul760        class="dropdown-menu bg-gray-blue dropdown-submenu"761    >762            763            764            <li class="nav-item">765                <a766                    class="dropdown-item header-main-navigation text-wrap "767                    href="/qui-sommes-nous/?tab=1"768                >769                    Qui sommes-nous770                </a>771            </li>772            773            774            775            <li class="nav-item">776                <a777                    class="dropdown-item header-main-navigation text-wrap "778                    href="/qui-sommes-nous/?tab=2"779                >780                    Mission et valeurs781                </a>782            </li>783            784            785            786            <li class="nav-item">787                <a788                    class="dropdown-item header-main-navigation text-wrap "789                    href="/qui-sommes-nous/?tab=3"790                >791                    Équipe de direction792                </a>793            </li>794            795            796    </ul>797    <hr class="my-1 border-gray-medium d-none">798</li>799800801802            803            804        </ul>805        <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">806            <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">807            <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">808        </button>809        <ul class="nav-quick-links">810            811            812<div class="nav-item">813    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>814</div>815816817            818            819<div class="nav-item">820    <a class="header-secondary-navigation" href="/blog">Blogue</a>821</div>822823824            825            826<div class="nav-item">827    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>828</div>829830831            832            <li class="nav-item nav-client-space">833                834835<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>836            </li>837        </ul>838        <a class="nav-logo-link" href="/">839            <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"840                alt="L&M Logo">841            <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"842                alt="L&M Logo">843        </a>844    </div>845    846    847    848    849    850    851    852    853</nav>854855<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>856    function toggleMenu() {857        scrollPosition = window.scrollY;858859        const menu = document.getElementById("navbarSupportedContent");860        menu.classList.toggle("nav-d-none");861        862        const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];863        if (mobileTabs && mobileTabs.classList) {864            mobileTabs.classList.toggle("d-none");865        }866867        if (!menu.classList.contains("nav-d-none")) {868            makeHeaderDark();869        } else {870            makeHeaderClear();871        }872    }873874    window.addEventListener('touchmove', function (_e) {875        onScroll();876    });877    window.addEventListener('scroll', function (_e) {878        onScroll();879    });880881    function makeHeaderDark() {882        const header = document.getElementById("gilm-header");883        if (!header.classList.contains("top")) header.classList.add("top");884885        const lightIcons = document.getElementsByClassName("icon-top");886        const darkIcons = document.getElementsByClassName("icon-sticky");887        for (icon of lightIcons) {888            icon.classList.contains("d-none") && icon.classList.remove("d-none");889        }890        for (icon of darkIcons) {891            !icon.classList.contains("d-none") && icon.classList.add("d-none");892        }893    }894895    function makeHeaderClear() {896        const header = document.getElementById("gilm-header");897        if (header.classList.contains("top")) header.classList.remove("top");898899        const lightIcons = document.getElementsByClassName("icon-top");900        const darkIcons = document.getElementsByClassName("icon-sticky");901        for (icon of lightIcons) {902            !icon.classList.contains("d-none") && icon.classList.add("d-none");903        }904        for (icon of darkIcons) {905            icon.classList.contains("d-none") && icon.classList.remove("d-none");906        }907    }908    909    function onScroll() {910        911    }912</script>913914            </header>915            <main class="overflow-y-hidden  ">916                917918<div class="container">919    <nav class="mb-4 pt-4" aria-label="breadcrumb">920        <a class="breadcrumb-primary" href="/">Accueil</a>921        <a class="breadcrumb-primary" href="/louer-appartement-quebec/">Logements à louer</a>922    </nav>923    924925926927<div class="row">928    <div class="col-md-10">929        <p class="text-gray-light">Appartements &middot; Beauport</p>930        <h2 id="building-address-1">2665, rue Alexandra</h2>931        <p id="building-address-2" class="subtext">932            Québec ,933            (Québec), 934            G1E1E4935        </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 - 2665, rue Alexandra`, `https://lafrance-mathieu.com/logement/15`)">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/PPD081.JPG" alt="Façade">964        965    </div>966    <div class="slider slider-nav mt-2">967        968        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD081.JPG" alt="Façade">969        970    </div>971</div>972973        974    </div>975    <div class="col-lg-8 d-block d-md-none">976        977        978979980981<div class="">982    <div class="single-item-arrow--left ml-3"></div>983    <div class="single-item">984        985            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD081.JPG" alt="Façade" style="object-fit: cover" height="auto">986        987    </div>988    <div class="single-item-arrow--right mr-3"></div>989</div>990991        992    </div>993    994    <div class="col-12 col-lg-4 order-lg-2">995        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">996            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>997            99899910001001<div class="inquire-step-1 container p-0 mb-5 position-relative">1002    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1003    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1004    <p>418-626-3070</p>1005    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83efece0e2f7eaecedc3efe2e5f1e2ede0e6aeeee2f7ebeae6f6ade0ecee">[email&#160;protected]</a></p>1006    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1007    <p class="text-gray-light">Intéressé par ces unités</p>10081009    <div class="d-inline-flex flex-wrap">1010        1011        1012        <button1013            class="inquire-room btn btn-normal mb-3"1014            data-unit_room="4½"1015            data-toggle="button"1016        >10171018        </button>1019        1020        1021    </div>10221023    <div class="dropdown mb-4">1024        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1025            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1026            <p class="inquire-units-label-title text-uppercase mb-0">1027                Unité(s) spécifique(s)1028            </p>1029            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1030                Aucune choisie1031            </p>1032            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1033        </div>1034        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1035            1036            1037            <button class="inquire-units-choice dropdown-item" data-unit="7"1038                data-unit_room="4½">1039                71040            </button>1041            1042            1043        </div>1044    </div>104510461047    <p class="text-gray-light">Date de déménagement prévue</p>1048    <div id="inquire-datepicker" class="input-group date mt-1">1049        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1050        <div class="input-group-addon">1051            <span class="glyphicon glyphicon-th"></span>1052        </div>1053    </div>1054</div>10551056<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1057    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1058    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1059    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1060    <form id="inquire-form">1061        <div class="form-group">1062            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1063                placeholder="Prénom"></input>1064        </div>1065        <div class="form-group">1066            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1067                placeholder="Nom de famille"></input>1068        </div>1069        <div class="form-group">1070            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1071                <option id="email" value="email" selected>Courriel</option>1072                <option id="phone" value="phone">Téléphone</option>1073            </select>1074        </div>1075        <div id="inquireForm-contact-email" class="form-group">1076            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1077                placeholder="Adresse courriel"></input>1078        </div>1079        <div id="inquireForm-contact-phone" class="form-group d-none">1080            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1081                placeholder="Numéro de téléphone"></input>1082        </div>1083        <div class="form-group">1084            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1085                placeholder="Questions ou notes"></textarea>1086        </div>1087        <div id="g-recaptcha-error"></div>1088        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1089    </form>1090</div>10911092<div class="inquire-step-3 d-none position-relative">1093    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1094    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1095        height="66px">1096    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1097    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1098</div>10991100<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1101    Continuer1102</button>1103<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1104    Soumettre1105</button>1106<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1107    var recaptcha_response = '';1108    window.isCondo = "False" == "True";1109    document.getElementById("inquire-datepicker-input").value = "";1110    1111    function scrollToTopOfForm() {1112        const top = document.getElementById("inquire-step-1");1113        top.scrollIntoView();1114    }1115    function submitForm() {1116        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1117            onContinue2Click('ImQsOWaQYN9MdspRTT4irAOgmBBCewDok5896KGrE1oi2LBS54DCNXD49HXnJxVL');1118            const confirmation = document.getElementById("inquire-confirmation");1119            confirmation.scrollIntoView();1120        }1121        else {1122            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1123        }1124    }11251126    function verifyCaptcha(token) {1127        recaptcha_response = token;1128        document.getElementById('g-recaptcha-error').innerHTML = '';1129    }1130</script>11311132        </div>1133    </div>1134    1135</div>11361137<div class="row mt-4">1138    <div class="col-md-8">1139        <h2 class="convenience-header">Commodités de l'immeuble</h2>1140        <div class="row mb-4">1141            <div class="col-md-12">1142                1143114411451146    1147    <ul class="list-unstyled d-flex flex-wrap mb-1">1148        1149            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1150                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1151                <p class="attribute-description mb-0">Intercom</p>1152            </li>1153        1154            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1155                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1156                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1157            </li>1158        1159            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1160                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1161                <p class="attribute-description mb-0">Stationnement</p>1162            </li>1163        1164            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1165                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1166                <p class="attribute-description mb-0">Secteur paisible</p>1167            </li>1168        1169    </ul>117011711172            </div>1173        </div>1174    </div>1175</div>117611771178</div>117911801181118211831184<script>1185function scrollToId(unitRoomId) {1186    removeAllActive();11871188    const scrollOptions = {1189        behavior: "smooth",1190        block: "start"1191    };11921193    const defaultFilter = document.getElementById("unit-room-filter-all");1194    if (unitRoomId === "all") {1195        defaultFilter.classList.add("active");1196        defaultFilter.scrollIntoView(scrollOptions);1197    } else {1198        const element = document.getElementById(`unit-room-${unitRoomId}`);1199        if (!!element) {1200            element.scrollIntoView(scrollOptions);1201            const defaultFilter = document.getElementById("unit-room-filter-all");1202            defaultFilter.classList.remove("active");1203            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1204            filter.classList.add("active");12051206        }1207    }1208}12091210function removeAllActive() {1211    const elements = document.getElementsByClassName("unit-room-filter");1212    for (element of elements) element.classList.remove("active");1213}1214</script>12151216<div class="container">1217    <div class="row mt-5">1218        <div class="col-md-12">1219            <h2 id="anchor-units" class="mb-3">Unités</h2>1220            1221            <ul class="list-inline mb-0 position-relative">1222                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1223                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1224                        <span>Toutes</span>1225                    </button>1226                </li>1227                1228                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-17">1229                    <button onclick="scrollToId('17');" class="unit-room-filter-button btn btn-no-outline">1230                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1231                    </button>1232                </li>1233                1234            </ul>1235            1236        </div>1237    </div>1238</div>1239<div class="bg-background-gray pb-3">1240    <div class="container">1241        <div class="row">1242            <div class="col-12 p-0">1243                1244                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1245                    <div style="position: absolute; top: -134px;" id="unit-room-17"></div>1246                    <div id="modal-details-17" class="modal">1247                        124812491250<div class="container mt-5">1251    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1252        12531254<div class="row">1255    <div class="col-9">1256    <h2>1257        1258            4½ from $1275 to $12751259        1260    </h2>1261    </div>1262    <div class="col-3 text-right">1263        <button class="btn-close" data-toggle="modal" data-target="#modal-details-17"></button>1264    </div>1265</div>1266<div class="row">1267    <div class="col-9">1268        12691270<p class="">1271    1 1272    <span class="text-lowercase">1273        1274            unité1275        1276    </span>1277</p>1278    </div>1279    <div class="col-3 text-right">1280        1281    </div>1282</div>1283<div class="row">1284    <div class="col-12" id="unit-modal-carousel-17">1285        12861287<div class="unit-detail-carousel">1288    <div class="slider slider-for">1289        1290        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD073.jpg" alt="salon">1291        1292        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD071.jpg" alt="cuisine">1293        1294        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD070.jpg" alt="salle a manger">1295        1296        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD074.jpg" alt="salon2">1297        1298        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD078.jpg" alt="sb">1299        1300        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD076.jpg" alt="chambre">1301        1302        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD075.jpg" alt="chambre2">1303        1304        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD067.jpg" alt="cuisine2">1305        1306    </div>1307    <div class="slider slider-nav mt-2">1308        1309        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD073.jpg" alt="salon">1310        1311        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD071.jpg" alt="cuisine">1312        1313        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD070.jpg" alt="salle a manger">1314        1315        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD074.jpg" alt="salon2">1316        1317        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD078.jpg" alt="sb">1318        1319        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD076.jpg" alt="chambre">1320        1321        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD075.jpg" alt="chambre2">1322        1323        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD067.jpg" alt="cuisine2">1324        1325    </div>1326</div>13271328    </div>1329</div>1330<div class="row mt-3">1331    <div class="col-12 unit-commodities">1332        1333        1334133513361337    1338        <p class="small-header pb-1">1339            Commodités de l'unité1340        </p>1341    1342    <ul class="list-unstyled d-flex flex-wrap mb-1">1343        1344            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1345                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1346                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1347            </li>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_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1351                <p class="attribute-description mb-0">Stationnement extérieur</p>1352            </li>1353        1354    </ul>135513561357    </div>1358</div>1359<div class="row mt-3">1360    <div class="col-12 unit-characteristics">1361        1362        13631364136513661367    </div>1368</div>136913701371        <div class="units-detail mt-5">1372            <h2>Unités</h2>1373            1374137513761377<div class="row" id="units-for-unit-room-17">1378    1379    1380    <div class="col-12 h-100  ">1381        <div class="h-100 border-bottom">1382            <div class="row mt-3">1383                <div class="col-sm-6 col-md-4">1384                    <p class="small-header">unité</p>1385                    <p>1386                        71387                        1388                        <span>&middot; 1er étage</span>1389                        1390                    </p>1391                </div>1392                <div class="col-sm-6 col-md-4">1393                    <p class="small-header">Disponibilité</p>1394                    <p class="text-primary">1395                        Libre immédiatement1396                    </p>1397                </div>1398                <div class="col-sm-6 col-md-4">1399                    <p class="small-header">À partir de</p>1400                    <p>1275,00$</p>1401                </div>1402                1403            </div>1404            <div class="row">1405            </div>1406            1407        </div>1408    </div>1409    1410    1411</div>14121413        </div>1414        1415    </div>1416</div>1417                    </div>1418                    <div class="row">1419                        <div class="col-6">1420                            <h4>1421                                1422                                4½ à partir de 1275,00$1423                            1424                            </h4>1425                        </div>1426                        <div class="col-6 d-flex justify-content-end">1427                            1428                            1429                            1430                            <button1431    class="btn text-primary share-button-small"1432    data-toggle="modal"1433    data-target="#modal-share"1434    onclick="configureShareWidget(`4½ à louer - 2665, rue Alexandra`, `https://lafrance-mathieu.com/logement/15`)">1435    <i class="fas fa-share-square mr-1"></i>1436    <span>Partager</span>1437</button>14381439                            1440                        </div>1441                    </div>1442                    <div class="row">1443                        <div class="col-md-4">1444                            <div class="row">1445                                <div class="col-12">1446                                    14471448                                    144914501451<div class="unit-image-counter d-flex align-items-center">1452    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1453    <span class="ml-1 text-white small">8</span>1454</div>145514561457<div class="single-item-small">1458    <div class="single-item-arrow--left ml-3"></div>1459    <div class="single-item">1460        1461            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD073.jpg" alt="salon" style="object-fit: cover" height="auto">1462        1463            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD071.jpg" alt="cuisine" style="object-fit: cover" height="auto">1464        1465            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD070.jpg" alt="salle a manger" style="object-fit: cover" height="auto">1466        1467            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD074.jpg" alt="salon2" style="object-fit: cover" height="auto">1468        1469            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD078.jpg" alt="sb" style="object-fit: cover" height="auto">1470        1471            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD076.jpg" alt="chambre" style="object-fit: cover" height="auto">1472        1473            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD075.jpg" alt="chambre2" style="object-fit: cover" height="auto">1474        1475            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD067.jpg" alt="cuisine2" style="object-fit: cover" height="auto">1476        1477    </div>1478    <div class="single-item-arrow--right mr-3"></div>1479</div>14801481                                    1482                                </div>1483                            </div>1484                            1485                        </div>1486                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1487                            <div class="row flex-grow-1">1488                                1489                                <div class="unit-commodities unit-specs col-sm-6">1490                                    1491                                    1492149314941495    1496        <p class="small-header pb-1">1497            Commodités de l'unité1498        </p>1499    1500    <ul class="list-unstyled d-flex flex-wrap mb-1">1501        1502            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1503                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1504                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1505            </li>1506        1507            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1508                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1509                <p class="attribute-description mb-0">Stationnement extérieur</p>1510            </li>1511        1512    </ul>151315141515                                </div>1516                                1517                                1518                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1519                                    1520                                    1521152215231524    1525        <p class="small-header pb-1">1526            Caractéristiques de l'unité1527        </p>1528    1529    <ul class="list-unstyled d-flex flex-wrap mb-1">1530        1531            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1532                <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">1533                <p class="attribute-description mb-0">Chat accepté</p>1534            </li>1535        1536            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1537                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1538                <p class="attribute-description mb-0">Balcon</p>1539            </li>1540        1541            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1542                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_b44ae47e-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1543                <p class="attribute-description mb-0">espace de rangement dans le logement</p>1544            </li>1545        1546            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1547                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1548                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1549            </li>1550        1551            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1552                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1553                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1554            </li>1555        1556            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1557                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1558                <p class="attribute-description mb-0">Conciergerie sur place</p>1559            </li>1560        1561    </ul>156215631564                                </div>1565                                1566                            </div>1567                            1568                        </div>1569                    </div>1570                    <div class="row mt-3">1571                        <div class="col-md-4">1572                            <button1573                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1574                                data-unit_room="4½">1575                                S'informer1576                            </button>1577                            <button1578                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1579                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1580                                S'informer1581                            </button>1582                        </div>1583                    </div>1584                    <div class="units-detail">1585                      15861587<p class="mb-0 mt-4">1588    1 1589    <span class="text-lowercase">1590        1591            unité1592        1593    </span>1594</p>1595                        1596159715981599<div class="row" id="units-for-unit-room-17">1600    1601    1602    <div class="col-12 h-100  ">1603        <div class="h-100 border-bottom">1604            <div class="row mt-3">1605                <div class="col-sm-6 col-md-4">1606                    <p class="small-header">unité</p>1607                    <p>1608                        71609                        1610                        <span>&middot; 1er étage</span>1611                        1612                    </p>1613                </div>1614                <div class="col-sm-6 col-md-4">1615                    <p class="small-header">Disponibilité</p>1616                    <p class="text-primary">1617                        Libre immédiatement1618                    </p>1619                </div>1620                <div class="col-sm-6 col-md-4">1621                    <p class="small-header">À partir de</p>1622                    <p>1275,00$</p>1623                </div>1624                1625            </div>1626            <div class="row">1627            </div>1628            1629        </div>1630    </div>1631    1632    1633</div>16341635                    </div>1636                    1637                </div>1638                1639            </div>1640        </div>1641    </div>1642</div>16431644<div id="modal-video" class="modal">1645    <div class="modal-dialog modal-lg" role="document">1646        <div class="modal-content">1647            <div id="modal-video-body" class="modal-body">1648            </div>1649        </div>1650    </div>1651</div>16521653<script type="text/javascript">1654    const toggleHiddenUnits = (unitRoomId) => {1655        if (unitRoomId) {1656            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1657            for (unit of hiddenUnits) {1658                unit.classList.toggle("d-none");1659            }16601661            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1662            if (seeMoreButton.textContent === "Voir plus")1663                seeMoreButton.textContent = "Voir moins";1664            else1665                seeMoreButton.textContent = "Voir plus";1666        }1667    }16681669    const playVideo = (el) => {1670        const list = el.getElementsByTagName('video');1671        if (!list || !list.length)1672            return;16731674        const video = list[0];1675        const container = document.getElementById('modal-video-body');1676        container.appendChild(video);1677        video.play();16781679        el.classList.add('show-placeholder');16801681        $("#modal-video").modal();1682        $("#modal-video").on('hidden.bs.modal', () => {1683            el.classList.remove('show-placeholder');1684            el.insertBefore(video, el.children[0]);1685            video.currentTime = 0;1686            video.pause();1687        });1688    }16891690    function displayInquiryAndScroll() {1691        displayInquiry();1692        const form = document.getElementById("inquire-form-anchor");1693        form.scrollIntoView();1694    }1695</script>169616971698<div class="container">1699    <div class="row mt-5">1700        <div class="col-md-6">1701            <div class="row">1702                <div class="col-12">1703                    <h2>À propos de l'immeuble</h2>1704                </div>1705            </div>1706            <div class="row">1707                <div class="col-12">1708                    <p class="mb-1"><strong>Adresse</strong></p>1709                    17101711<script id="building-coordinates" type="application/json">[{"loc": ["46.852647", "-71.226767"], "id": 15}]</script>17121713<div id="map-container" class="footer mb-2 mt-1">1714    <div id="interactive-map" style="height: 100%;" class="rounded">1715    </div>1716</div>17171718                    <p class="mb-0">2665, rue Alexandra</p>1719                    <p class="mb-0">Québec , Québec</p>1720                    <p class="mb-3">G1E1E4</p>1721                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%202665%20rue%20Alexandra%20Quebec%20%20G1E1E4" target="_blank">1722                        Ouvrir sur Google Maps1723                    </a>1724                </div>1725            </div>1726            <hr>1727            <div class="row">1728                <div class="col-12">1729                    <p><strong>Plus d'informations</strong></p>1730                    <div class="row">1731                        1732                        <div class="col-md-4">1733                            <p class="subtext">Nombre d'étages</p>1734                            <p class="d-md-none">1735                                1736                                3 étage(s)1737                                1738                            </p>1739                        </div>1740                        1741                        <div class="col-md-4">1742                            <p class="subtext">Nombre total d'unités</p>1743                            <p class="d-md-none">1744                                1745                            16 unités1746                        1747                            </p>1748                        </div>1749                        1750                        <div class="col-md-4">1751                            <p class="subtext">Année de construction</p>1752                            <p class="d-md-none">1986</p>1753                        </div>1754                        1755                    </div>1756                    <div class="row mb-3 d-none d-md-flex">1757                        1758                        <div class="col-md-4">1759                            <p class="">1760                                1761                                3 étage(s)1762                                1763                            </p>1764                        </div>1765                        1766                        <div class="col-md-4">1767                            <p class="">1768                                1769                            16 unités1770                        1771                            </p>1772                        </div>1773                        1774                        <div class="col-md-4">1775                            <p class="">1986</p>1776                        </div>1777                        1778                    </div>1779                    1780                </div>1781            </div>1782            1783            <hr>1784            <div class="row">1785                <div class="col-12">1786                    <p><strong>Commodités de l'immeuble</strong></p>1787                    <div class="row">1788                        <div class="col-12">1789                            1790179117921793    1794    <ul class="list-unstyled d-flex flex-wrap mb-1">1795        1796            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1797                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1798                <p class="attribute-description mb-0">Intercom</p>1799            </li>1800        1801            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1802                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1803                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1804            </li>1805        1806            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1807                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1808                <p class="attribute-description mb-0">Stationnement</p>1809            </li>1810        1811            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1812                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1813                <p class="attribute-description mb-0">Secteur paisible</p>1814            </li>1815        1816    </ul>181718181819                        </div>1820                    </div>1821                </div>1822            </div>1823            1824            1825            1826            <hr>1827            <div class="row">1828                <div class="col-12">1829                    <p><strong>Accès et services</strong></p>1830                    <div class="row">1831                        <div class="col-12">1832                            1833183418351836    1837    <ul class="list-unstyled d-flex flex-wrap mb-1">1838        1839            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1840                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1841                <p class="attribute-description mb-0">Épicerie</p>1842            </li>1843        1844            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1845                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1846                <p class="attribute-description mb-0">Commerces</p>1847            </li>1848        1849            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1850                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1851                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1852            </li>1853        1854            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1855                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1856                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1857            </li>1858        1859            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1860                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1861                <p class="attribute-description mb-0">Dépanneur</p>1862            </li>1863        1864            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1865                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1866                <p class="attribute-description mb-0">Parc</p>1867            </li>1868        1869    </ul>187018711872                        </div>1873                    </div>1874                </div>1875            </div>1876            1877        </div>1878        1879        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1880            <div class="shadow">1881                <img 1882                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg"1883                    alt="Borough image"1884                    width="100%"1885                    height="200px"1886                    class="object-fit-cover">1887                <div class="row p-4">1888                    <div class="col-12">1889                        <p class="small-header">À propos du quartier</p>1890                        <h3>Beauport</h3>1891                        <p>L’arrondissement de Beauport, ceinturé au nord par les Laurentides, au sud par le fleuve St-Laurent et à l’est par les chutes Montmorency, est l’endroit idéal pour quiconque est passionné par l’histoire et la nature.</p>1892                        <p>Avec plus de 550 bâtiments d’intérêt patrimonial, Beauport est un lieu où il fait bon vivre. De nombreuses familles s’y installent en raison de l’environnement exceptionnel (baie de Beauport, centre de plein air de Beauport, Parc de la rivière Beauport) et de la vie de quartier et de l’ensemble des services offerts.</p>1893                        <a href="/louer-appartement-quebec/beauport">1894                            1895                  Voir les appartements à Beauport1896                  1897                        </a>1898                    </div>1899                </div>1900            </div>1901        </div>1902        1903    </div>1904    <div class="row">1905        <div class="col-12">1906            1907190819091910    <div class="row mt-5 ">1911        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1912        <div class="col-12 mb-3">1913            191419151916<div class="row">1917    1918    <a 1919        href="/logement/160"1920        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1921        data-type="3"1922        data-borough="6"1923    >1924        1925192619271928<script>1929    function displayNowAvailableBubble(buildingId) {1930        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1931        nowAvailableBubble.classList.remove("d-none");1932    }1933</script>19341935<div class="row">1936    1937    1938    1939    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>1940    1941    1942    1943    1944    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">1945        <p class="text-white m-0">En vedette</p>1946    </div>1947    1948    1949    <div class="col-6 apartment-col">1950        <div class="row">1951            <div class="col-12 pr-0">1952                1953                <img 1954                    class="rounded-left apartment-image" 1955                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"1956                    alt="unit image"1957                    width=100%1958                    height=232px1959                />1960                1961            </div>1962        </div>1963    </div>1964    1965    1966    <div class="col-6 apartment-col">1967        <div class="row">1968            <div class="col-12 pl-0">1969                <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"1970                   alt="unit image" width="100%" height="116px">1971            </div>1972        </div>1973        1974        <div class="row">1975            <div class="col-12 pl-0">1976                <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"1977                    alt="unit image" width=100% height=116px>1978            </div>1979        </div>1980        1981    </div>1982    1983    1984    1985</div>19861987        1988198919901991<div class="row mt-4">1992    <div class="col-12">1993        <div class="card-body p-0 text-left">1994            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>1995            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>1996            1997                1998                    <div class="row">1999                        <div class="col-7">2000                            <p class="apartment-infos mb-0">2001                                2002                                    4½ à partir de 1250$2003                                2004                            </p>2005                            <p class="apartment-availability footnotes">2006                                Libre immédiatement2007                            </p>2008                        </div>2009                        <div class="col-5 text-right">2010                            2011                                2012                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2013                                2014                            2015                                2016                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2017                                2018                            2019                                2020                                    <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>2021                                2022                            2023                                2024                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2025                                2026                            2027                            2028                        </div>2029                    </div>2030                2031            2032            2033        </div>2034    </div>2035</div>20362037    </a>2038    2039    <a 2040        href="/logement/312"2041        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2042        data-type="3"2043        data-borough="10"2044    >2045        2046204720482049<script>2050    function displayNowAvailableBubble(buildingId) {2051        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2052        nowAvailableBubble.classList.remove("d-none");2053    }2054</script>20552056<div class="row">2057    2058    2059    2060    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2061    2062    2063    2064    2065    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2066        <p class="text-white m-0">En vedette</p>2067    </div>2068    2069    2070    <div class="col-6 apartment-col">2071        <div class="row">2072            <div class="col-12 pr-0">2073                2074                <img 2075                    class="rounded-left apartment-image" 2076                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2077                    alt="unit image"2078                    width=100%2079                    height=232px2080                />2081                2082            </div>2083        </div>2084    </div>2085    2086    2087    <div class="col-6 apartment-col">2088        <div class="row">2089            <div class="col-12 pl-0">2090                <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"2091                   alt="unit image" width="100%" height="116px">2092            </div>2093        </div>2094        2095        <div class="row">2096            <div class="col-12 pl-0">2097                <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"2098                    alt="unit image" width=100% height=116px>2099            </div>2100        </div>2101        2102    </div>2103    2104    2105    2106</div>21072108        2109211021112112<div class="row mt-4">2113    <div class="col-12">2114        <div class="card-body p-0 text-left">2115            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2116            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2117            2118                2119                    <div class="row">2120                        <div class="col-7">2121                            <p class="apartment-infos mb-0">2122                                2123                                    4½ à partir de 1595$2124                                2125                            </p>2126                            <p class="apartment-availability footnotes">2127                                octobre 20262128                            </p>2129                        </div>2130                        <div class="col-5 text-right">2131                            2132                                2133                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2134                                2135                            2136                                2137                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2138                                2139                            2140                                2141                                    <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>2142                                2143                            2144                            2145                        </div>2146                    </div>2147                2148            2149            2150        </div>2151    </div>2152</div>21532154    </a>2155    2156    <a 2157        href="/logement/18"2158        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2159        data-type="3"2160        data-borough="3"2161    >2162        2163216421652166<script>2167    function displayNowAvailableBubble(buildingId) {2168        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2169        nowAvailableBubble.classList.remove("d-none");2170    }2171</script>21722173<div class="row">2174    2175    2176    2177    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2178    2179    2180    2181    2182    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2183        <p class="text-white m-0">En vedette</p>2184    </div>2185    2186    2187    <div class="col-6 apartment-col">2188        <div class="row">2189            <div class="col-12 pr-0">2190                2191                <img 2192                    class="rounded-left apartment-image" 2193                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2194                    alt="unit image"2195                    width=100%2196                    height=232px2197                />2198                2199            </div>2200        </div>2201    </div>2202    2203    2204    <div class="col-6 apartment-col">2205        <div class="row">2206            <div class="col-12 pl-0">2207                <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"2208                   alt="unit image" width="100%" height="116px">2209            </div>2210        </div>2211        2212        <div class="row">2213            <div class="col-12 pl-0">2214                <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"2215                    alt="unit image" width=100% height=116px>2216            </div>2217        </div>2218        2219    </div>2220    2221    2222    2223</div>22242225        2226222722282229<div class="row mt-4">2230    <div class="col-12">2231        <div class="card-body p-0 text-left">2232            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2233            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2234            2235                2236                    <div class="row">2237                        <div class="col-7">2238                            <p class="apartment-infos mb-0">2239                                2240                                    1½ à partir de 799$2241                                2242                            </p>2243                            <p class="apartment-availability footnotes">2244                                Libre immédiatement2245                            </p>2246                        </div>2247                        <div class="col-5 text-right">2248                            2249                                2250                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2251                                2252                            2253                                2254                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2255                                2256                            2257                                2258                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2259                                2260                            2261                                2262                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2263                                2264                            2265                                2266                            2267                                2268                            2269                            2270                                <p class="footnotes d-inline"> +2</p>2271                            2272                        </div>2273                    </div>2274                2275            2276            2277        </div>2278    </div>2279</div>22802281    </a>2282    2283</div>22842285        </div>2286        2287    </div>228822892290        </div>2291    </div>2292</div>2293<div class="bg-primary py-5 mt-5">2294    <div class="container">2295        <div class="row justify-content-center">2296            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2297                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2298                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2299                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2300            </div>2301        </div>2302    </div>2303</div>2304<div id="modal-inquire" class="modal">2305    2306230723082309<div class="inquire-step-1 container p-0 mb-5 position-relative">2310    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2311    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2312    <p>418-626-3070</p>2313    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a7cbc8c4c6d3cec8c9e7cbc6c1d5c6c9c4c28acac6d3cfcec2d289c4c8ca">[email&#160;protected]</a></p>2314    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2315    <p class="text-gray-light">Intéressé par ces unités</p>23162317    <div class="d-inline-flex flex-wrap">2318        2319        2320        <button2321            class="inquire-room btn btn-normal mb-3"2322            data-unit_room="4½"2323            data-toggle="button"2324        >23252326        </button>2327        2328        2329    </div>23302331    <div class="dropdown mb-4">2332        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2333            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2334            <p class="inquire-units-label-title text-uppercase mb-0">2335                Unité(s) spécifique(s)2336            </p>2337            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2338                Aucune choisie2339            </p>2340            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2341        </div>2342        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2343            2344            2345            <button class="inquire-units-choice dropdown-item" data-unit="7"2346                data-unit_room="4½">2347                72348            </button>2349            2350            2351        </div>2352    </div>235323542355    <p class="text-gray-light">Date de déménagement prévue</p>2356    <div id="inquire-datepicker" class="input-group date mt-1">2357        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2358        <div class="input-group-addon">2359            <span class="glyphicon glyphicon-th"></span>2360        </div>2361    </div>2362</div>23632364<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2365    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2366    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2367    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2368    <form id="inquire-form">2369        <div class="form-group">2370            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2371                placeholder="Prénom"></input>2372        </div>2373        <div class="form-group">2374            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2375                placeholder="Nom de famille"></input>2376        </div>2377        <div class="form-group">2378            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2379                <option id="email" value="email" selected>Courriel</option>2380                <option id="phone" value="phone">Téléphone</option>2381            </select>2382        </div>2383        <div id="inquireForm-contact-email" class="form-group">2384            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2385                placeholder="Adresse courriel"></input>2386        </div>2387        <div id="inquireForm-contact-phone" class="form-group d-none">2388            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2389                placeholder="Numéro de téléphone"></input>2390        </div>2391        <div class="form-group">2392            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2393                placeholder="Questions ou notes"></textarea>2394        </div>2395        <div id="g-recaptcha-error"></div>2396        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2397    </form>2398</div>23992400<div class="inquire-step-3 d-none position-relative">2401    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2402    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2403        height="66px">2404    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2405    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2406</div>24072408<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2409    Continuer2410</button>2411<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2412    Soumettre2413</button>2414<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2415    var recaptcha_response = '';2416    window.isCondo = "False" == "True";2417    document.getElementById("inquire-datepicker-input").value = "";2418    2419    function scrollToTopOfForm() {2420        const top = document.getElementById("inquire-step-1");2421        top.scrollIntoView();2422    }2423    function submitForm() {2424        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2425            onContinue2Click('ImQsOWaQYN9MdspRTT4irAOgmBBCewDok5896KGrE1oi2LBS54DCNXD49HXnJxVL');2426            const confirmation = document.getElementById("inquire-confirmation");2427            confirmation.scrollIntoView();2428        }2429        else {2430            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2431        }2432    }24332434    function verifyCaptcha(token) {2435        recaptcha_response = token;2436        document.getElementById('g-recaptcha-error').innerHTML = '';2437    }2438</script>24392440</div>2441244224432444<div id="modal-share" class="modal">2445    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2446        <div class="modal-content">2447            <div class="modal-body">2448                Partager ce logement2449                <div id="share-widget-container" class="d-flex justify-content-center"></div>2450            </div>2451        </div>2452    </div>2453</div>245424552456<script src="/static/js/share.js" defer></script>24572458245924602461            </main>2462            <footer>2463                246424652466<div class="footer row m-0 p-5 justify-content-center bg-black">2467    <div class="container m-0">2468        <div class="row mb-3">2469            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2470                height="80px" class="footer-logo">2471        </div>2472        <div class="row">2473            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2474                <p class="footer-title mb-2">Contactez-nous</p>2475                <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>2476                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2477                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2478                    <span class="footer-phone">418 626-5500</span>2479                </a>2480                <a href="/cdn-cgi/l/email-protection#a0c9cec6cfe0ccc1c6d2c1cec3c58dcdc1d4c8c9c5d58ec3cfcd" target="_blank" class="mb-3 d-flex align-items-center">2481                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2482                    <span><span class="__cf_email__" data-cfemail="f1989f979eb19d909783909f9294dc9c908599989484df929e9c">[email&#160;protected]</span></span>2483                </a>2484                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2485                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42486                </a>2487                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2488                <div class="d-flex">2489                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2490                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2491                            class="footer-social-icon mr-3" />2492                    </a>2493                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2494                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2495                            class="footer-social-icon" />2496                    </a>2497                </div>2498            </div>2499            <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">2500                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2501                <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>2502                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2503                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2504                    <span class="footer-phone">418-626-5500</span>2505                </a>2506                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2507                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2508                    <span>Se connecter à l’Espace client</span>2509                </a>2510                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2511                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2512                    <span>Se connecter à Sensaas</span>2513                </a>2514            </div>2515            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2516                <ul class="navbar-nav">2517                    2518                    25192520<li class="nav-item  ">2521    <a class="nav-link py-0 footer-main-navigation mb-3"2522        href="/">Accueil</a>2523    <hr class="my-1 border-gray-medium d-none">2524</li>252525262527                    2528                    25292530<li class="nav-item  ">2531    <a class="nav-link py-0 footer-main-navigation mb-3"2532        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2533    <hr class="my-1 border-gray-medium d-none">2534</li>253525362537                    2538                    25392540<li class="nav-item  ">2541    <a class="nav-link py-0 footer-main-navigation mb-3"2542        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2543    <hr class="my-1 border-gray-medium d-none">2544</li>254525462547                    2548                    25492550<li class="nav-item  ">2551    <a class="nav-link py-0 footer-main-navigation mb-3"2552        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2553    <hr class="my-1 border-gray-medium d-none">2554</li>255525562557                    2558                    25592560<li class="nav-item  ">2561    <a class="nav-link py-0 footer-main-navigation mb-3"2562        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2563    <hr class="my-1 border-gray-medium d-none">2564</li>256525662567                    2568                    25692570<li class="nav-item  ">2571    <a class="nav-link py-0 footer-main-navigation mb-3"2572        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2573    <hr class="my-1 border-gray-medium d-none">2574</li>257525762577                    2578                </ul>2579            </div>2580            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2581                <ul class="navbar-nav">2582                    2583                    25842585<li class="nav-item  ">2586    <a class="nav-link py-0 footer-main-navigation mb-3"2587        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2588    <hr class="my-1 border-gray-medium d-none">2589</li>259025912592                    2593                    25942595<li class="nav-item  ">2596    <a class="nav-link py-0 footer-main-navigation mb-3"2597        href="/blog">Blogue</a>2598    <hr class="my-1 border-gray-medium d-none">2599</li>260026012602                    2603                    26042605<li class="nav-item  ">2606    <a class="nav-link py-0 footer-main-navigation mb-3"2607        href="/faire-carriere/">Carrières</a>2608    <hr class="my-1 border-gray-medium d-none">2609</li>261026112612                    2613                </ul>2614            </div>2615        </div>2616    </div>2617</div>26182619262026212622<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">2623    <div class="d-flex justify-content-center">2624        <ul class="list-inline mb-1">2625            2626            <li class="list-inline-item">2627                <a href=/conditions-utilisation>2628                    Conditions d'utilisation2629                </a>2630            </li>2631            2632            2633            <li class="list-inline-item">2634                <a href=/politique-confidentialite>2635                    Politique de confidentialité2636                </a>2637            </li>2638            2639            2640            <li class="list-inline-item">2641                <a href=/protection-renseignements-personnels>2642                    Protection des renseignements personnels2643                </a>2644            </li>2645            2646            2647            <li class="list-inline-item">2648                <a href=/temoins-navigation>2649                    Gérer vos témoins de navigation2650                </a>2651            </li>2652            2653        </ul>2654    </div>2655    <div class="d-flex justify-content-center">2656        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2657    </div>2658</div>26592660            </footer>2661        26622663<!-- Cookie Banner -->2664<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2665    <div class="gilm-cookie-banner-container">2666        <div class="gilm-cookie-banner-text">2667            <p>2668                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2669                sites2670                Web2671                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2672                témoins,2673                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2674                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2675                l'utilisation2676                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2677            </p>2678            <p class="d-sm-none">2679                <a href=/temoins-navigation>2680                    Gérer vos témoins de navigation2681                </a>2682                <br/>2683                <a href=/politique-confidentialite>2684                    Politique de confidentialité2685                </a>2686                <br/>2687                <a href=/conditions-utilisation>2688                    Conditions d'utilisation2689                </a>2690            </p>2691            <p class="d-none d-sm-block">2692                <a href=/temoins-navigation>2693                    Gérer vos témoins de navigation2694                </a>2695                -2696                <a href=/politique-confidentialite>2697                    Politique de confidentialité2698                </a>2699                -2700                <a href=/conditions-utilisation>2701                    Conditions d'utilisation2702                </a>2703            </p>2704        </div>2705        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2706                onclick="window.gilm_hideCookieBanner()">2707            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2708        </button>2709    </div>2710</div>2711<!-- End of Cookie Banner -->2712        </div>2713        <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">2714        </script>2715        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2716        </script>2717        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2718        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2719        </script>2720        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2721        </script>2722        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2723        </script>2724        <script type="text/javascript" src="/static/js/carousel.js">2725        </script>2726        <script type="text/javascript" src="/static/js/cookie_banner.js">2727        </script>2728        <script id="search-script" type="text/javascript" src="/static/js/search.js">2729        </script>2730        <script type="text/javascript" src="/static/js/jssocials.min.js">2731        </script>2732        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2733        </script>2734        <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">2735        </script>2736        <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">2737        </script>2738        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2739        <script>2740            window.dataLayer = window.dataLayer || [];27412742            function gtag() {2743                dataLayer.push(arguments);2744            }2745            gtag('js', new Date());2746            gtag('config', 'UA-20687227-3');2747        </script>2748        2749<script src="/static/js/inquire.js"></script>2750<script src="/static/js/leaflet.js" is-building-details="true"></script>27512752        2753    </body>27542755    </html>2756