SPB Git

spb/lou-ka Public

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

HTML 99.7%
98.5 KB · 2,772 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/163" />24<meta name="title" content="Logement a louer - 5445, 5ème Avenue Ouest">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>5445, 5ème Avenue Ouest - 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#b0d9ded6dff0dcd1d6c2d1ded3d59dddd1c4d8d9d5c59ed3dfdd" 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="452c2b232a0529242337242b2620682824312d2c20306b262a28">[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; Charlesbourg</p>930        <h2 id="building-address-1">5445, 5ème Avenue Ouest</h2>931        <p id="building-address-2" class="subtext">932            Québec ,933            (Québec), 934            G1H7E1935        </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 - 5445, 5ème Avenue Ouest`, `https://lafrance-mathieu.com/logement/163`)">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/PPD096_89effdf6-9088-11ea-8747-1275881fc0b8.JPG" alt="Façade">964        965    </div>966    <div class="slider slider-nav mt-2">967        968        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD096_89effdf6-9088-11ea-8747-1275881fc0b8.JPG" alt="Façade">969        970    </div>971</div>972973        974    </div>975    <div class="col-lg-8 d-block d-md-none">976        977        978979980981<div class="">982    <div class="single-item-arrow--left ml-3"></div>983    <div class="single-item">984        985            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD096_89effdf6-9088-11ea-8747-1275881fc0b8.JPG" alt="Façade" style="object-fit: cover" height="auto">986        987    </div>988    <div class="single-item-arrow--right mr-3"></div>989</div>990991        992    </div>993    994    <div class="col-12 col-lg-4 order-lg-2">995        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">996            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>997            99899910001001<div class="inquire-step-1 container p-0 mb-5 position-relative">1002    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1003    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1004    <p>418-626-3070</p>1005    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2c40434f4d584543426c404d4a5e4d424f4901414d5844454959024f4341">[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="205"1038                data-unit_room="4½">1039                2051040            </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('ni7vA18xXzqENn4bmHSHoZtnQm3WOC0IZ1pcSPE8DNFaCGgcySr1KmibDspHjDi5');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">Planchers en béton</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-304">1229                    <button onclick="scrollToId('304');" 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-304"></div>1246                    <div id="modal-details-304" 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-304"></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-304">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/PPD087_9749a69e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1291        1292        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD090_9776a978-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2">1293        1294        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD091_979ad082-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1295        1296        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD084_97ba77ca-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1297        1298        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD086_97da2d0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1299        1300        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD085_97f90e7c-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1301        1302        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD092_981449e4-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1303        1304        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD093_982db1d6-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1305        1306        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD095_9849ae0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="sb">1307        1308    </div>1309    <div class="slider slider-nav mt-2">1310        1311        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD087_9749a69e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1312        1313        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD090_9776a978-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2">1314        1315        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD091_979ad082-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1316        1317        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD084_97ba77ca-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1318        1319        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD086_97da2d0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon">1320        1321        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD085_97f90e7c-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine">1322        1323        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD092_981449e4-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1324        1325        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD093_982db1d6-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre">1326        1327        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD095_9849ae0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="sb">1328        1329    </div>1330</div>13311332    </div>1333</div>1334<div class="row mt-3">1335    <div class="col-12 unit-commodities">1336        1337        1338133913401341    1342        <p class="small-header pb-1">1343            Commodités de l'unité1344        </p>1345    1346    <ul class="list-unstyled d-flex flex-wrap mb-1">1347        1348            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1349                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1350                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1351            </li>1352        1353            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1354                <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">1355                <p class="attribute-description mb-0">Stationnement extérieur</p>1356            </li>1357        1358    </ul>135913601361    </div>1362</div>1363<div class="row mt-3">1364    <div class="col-12 unit-characteristics">1365        1366        13671368136913701371    </div>1372</div>137313741375        <div class="units-detail mt-5">1376            <h2>Unités</h2>1377            1378137913801381<div class="row" id="units-for-unit-room-304">1382    1383    1384    <div class="col-12 h-100  ">1385        <div class="h-100 border-bottom">1386            <div class="row mt-3">1387                <div class="col-sm-6 col-md-4">1388                    <p class="small-header">unité</p>1389                    <p>1390                        2051391                        1392                        <span>&middot; 2e étage</span>1393                        1394                    </p>1395                </div>1396                <div class="col-sm-6 col-md-4">1397                    <p class="small-header">Disponibilité</p>1398                    <p class="text-primary">1399                        Libre immédiatement1400                    </p>1401                </div>1402                <div class="col-sm-6 col-md-4">1403                    <p class="small-header">À partir de</p>1404                    <p>1275,00$</p>1405                </div>1406                1407            </div>1408            <div class="row">1409            </div>1410            1411        </div>1412    </div>1413    1414    1415</div>14161417        </div>1418        1419    </div>1420</div>1421                    </div>1422                    <div class="row">1423                        <div class="col-6">1424                            <h4>1425                                1426                                4½ à partir de 1275,00$1427                            1428                            </h4>1429                        </div>1430                        <div class="col-6 d-flex justify-content-end">1431                            1432                            1433                            1434                            <button1435    class="btn text-primary share-button-small"1436    data-toggle="modal"1437    data-target="#modal-share"1438    onclick="configureShareWidget(`4½ à louer - 5445, 5ème Avenue Ouest`, `https://lafrance-mathieu.com/logement/163`)">1439    <i class="fas fa-share-square mr-1"></i>1440    <span>Partager</span>1441</button>14421443                            1444                        </div>1445                    </div>1446                    <div class="row">1447                        <div class="col-md-4">1448                            <div class="row">1449                                <div class="col-12">1450                                    14511452                                    145314541455<div class="unit-image-counter d-flex align-items-center">1456    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1457    <span class="ml-1 text-white small">9</span>1458</div>145914601461<div class="single-item-small">1462    <div class="single-item-arrow--left ml-3"></div>1463    <div class="single-item">1464        1465            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD087_9749a69e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1466        1467            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD090_9776a978-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine2" style="object-fit: cover" height="auto">1468        1469            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD091_979ad082-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1470        1471            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD084_97ba77ca-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1472        1473            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD086_97da2d0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1474        1475            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD085_97f90e7c-af11-11ea-8d3f-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1476        1477            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD092_981449e4-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1478        1479            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD093_982db1d6-af11-11ea-8d3f-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1480        1481            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD095_9849ae0e-af11-11ea-8d3f-1275881fc0b8.jpg" alt="sb" style="object-fit: cover" height="auto">1482        1483    </div>1484    <div class="single-item-arrow--right mr-3"></div>1485</div>14861487                                    1488                                </div>1489                            </div>1490                            1491                        </div>1492                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1493                            <div class="row flex-grow-1">1494                                1495                                <div class="unit-commodities unit-specs col-sm-6">1496                                    1497                                    1498149915001501    1502        <p class="small-header pb-1">1503            Commodités de l'unité1504        </p>1505    1506    <ul class="list-unstyled d-flex flex-wrap mb-1">1507        1508            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1509                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1510                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1511            </li>1512        1513            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1514                <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">1515                <p class="attribute-description mb-0">Stationnement extérieur</p>1516            </li>1517        1518    </ul>151915201521                                </div>1522                                1523                                1524                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1525                                    1526                                    1527152815291530    1531        <p class="small-header pb-1">1532            Caractéristiques de l'unité1533        </p>1534    1535    <ul class="list-unstyled d-flex flex-wrap mb-1">1536        1537            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1538                <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">1539                <p class="attribute-description mb-0">Chat accepté</p>1540            </li>1541        1542            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1543                <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">1544                <p class="attribute-description mb-0">Balcon</p>1545            </li>1546        1547            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1548                <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">1549                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1550            </li>1551        1552            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1553                <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">1554                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1555            </li>1556        1557            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1558                <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">1559                <p class="attribute-description mb-0">Conciergerie sur place</p>1560            </li>1561        1562            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1563                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1564                <p class="attribute-description mb-0">Espace de rangement</p>1565            </li>1566        1567            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1568                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_3aa45458-af10-11ea-a7e4-1275881fc0b8.png" alt="icon" height="15px" width="15px">1569                <p class="attribute-description mb-0">Petit chien accepté</p>1570            </li>1571        1572    </ul>157315741575                                </div>1576                                1577                            </div>1578                            1579                        </div>1580                    </div>1581                    <div class="row mt-3">1582                        <div class="col-md-4">1583                            <button1584                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1585                                data-unit_room="4½">1586                                S'informer1587                            </button>1588                            <button1589                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1590                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1591                                S'informer1592                            </button>1593                        </div>1594                    </div>1595                    <div class="units-detail">1596                      15971598<p class="mb-0 mt-4">1599    1 1600    <span class="text-lowercase">1601        1602            unité1603        1604    </span>1605</p>1606                        1607160816091610<div class="row" id="units-for-unit-room-304">1611    1612    1613    <div class="col-12 h-100  ">1614        <div class="h-100 border-bottom">1615            <div class="row mt-3">1616                <div class="col-sm-6 col-md-4">1617                    <p class="small-header">unité</p>1618                    <p>1619                        2051620                        1621                        <span>&middot; 2e étage</span>1622                        1623                    </p>1624                </div>1625                <div class="col-sm-6 col-md-4">1626                    <p class="small-header">Disponibilité</p>1627                    <p class="text-primary">1628                        Libre immédiatement1629                    </p>1630                </div>1631                <div class="col-sm-6 col-md-4">1632                    <p class="small-header">À partir de</p>1633                    <p>1275,00$</p>1634                </div>1635                1636            </div>1637            <div class="row">1638            </div>1639            1640        </div>1641    </div>1642    1643    1644</div>16451646                    </div>1647                    1648                </div>1649                1650            </div>1651        </div>1652    </div>1653</div>16541655<div id="modal-video" class="modal">1656    <div class="modal-dialog modal-lg" role="document">1657        <div class="modal-content">1658            <div id="modal-video-body" class="modal-body">1659            </div>1660        </div>1661    </div>1662</div>16631664<script type="text/javascript">1665    const toggleHiddenUnits = (unitRoomId) => {1666        if (unitRoomId) {1667            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1668            for (unit of hiddenUnits) {1669                unit.classList.toggle("d-none");1670            }16711672            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1673            if (seeMoreButton.textContent === "Voir plus")1674                seeMoreButton.textContent = "Voir moins";1675            else1676                seeMoreButton.textContent = "Voir plus";1677        }1678    }16791680    const playVideo = (el) => {1681        const list = el.getElementsByTagName('video');1682        if (!list || !list.length)1683            return;16841685        const video = list[0];1686        const container = document.getElementById('modal-video-body');1687        container.appendChild(video);1688        video.play();16891690        el.classList.add('show-placeholder');16911692        $("#modal-video").modal();1693        $("#modal-video").on('hidden.bs.modal', () => {1694            el.classList.remove('show-placeholder');1695            el.insertBefore(video, el.children[0]);1696            video.currentTime = 0;1697            video.pause();1698        });1699    }17001701    function displayInquiryAndScroll() {1702        displayInquiry();1703        const form = document.getElementById("inquire-form-anchor");1704        form.scrollIntoView();1705    }1706</script>170717081709<div class="container">1710    <div class="row mt-5">1711        <div class="col-md-6">1712            <div class="row">1713                <div class="col-12">1714                    <h2>À propos de l'immeuble</h2>1715                </div>1716            </div>1717            <div class="row">1718                <div class="col-12">1719                    <p class="mb-1"><strong>Adresse</strong></p>1720                    17211722<script id="building-coordinates" type="application/json">[{"loc": ["46.844213", "-71.266688"], "id": 163}]</script>17231724<div id="map-container" class="footer mb-2 mt-1">1725    <div id="interactive-map" style="height: 100%;" class="rounded">1726    </div>1727</div>17281729                    <p class="mb-0">5445, 5ème Avenue Ouest</p>1730                    <p class="mb-0">Québec , Québec</p>1731                    <p class="mb-3">G1H7E1</p>1732                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%205445%205eme%20Avenue%20Ouest%20Quebec%20%20G1H7E1" target="_blank">1733                        Ouvrir sur Google Maps1734                    </a>1735                </div>1736            </div>1737            <hr>1738            <div class="row">1739                <div class="col-12">1740                    <p><strong>Plus d'informations</strong></p>1741                    <div class="row">1742                        1743                        <div class="col-md-4">1744                            <p class="subtext">Nombre d'étages</p>1745                            <p class="d-md-none">1746                                1747                                3 étage(s)1748                                1749                            </p>1750                        </div>1751                        1752                        <div class="col-md-4">1753                            <p class="subtext">Nombre total d'unités</p>1754                            <p class="d-md-none">1755                                1756                            32 unités1757                        1758                            </p>1759                        </div>1760                        1761                        <div class="col-md-4">1762                            <p class="subtext">Année de construction</p>1763                            <p class="d-md-none">1986</p>1764                        </div>1765                        1766                    </div>1767                    <div class="row mb-3 d-none d-md-flex">1768                        1769                        <div class="col-md-4">1770                            <p class="">1771                                1772                                3 étage(s)1773                                1774                            </p>1775                        </div>1776                        1777                        <div class="col-md-4">1778                            <p class="">1779                                1780                            32 unités1781                        1782                            </p>1783                        </div>1784                        1785                        <div class="col-md-4">1786                            <p class="">1986</p>1787                        </div>1788                        1789                    </div>1790                    1791                </div>1792            </div>1793            1794            <hr>1795            <div class="row">1796                <div class="col-12">1797                    <p><strong>Commodités de l'immeuble</strong></p>1798                    <div class="row">1799                        <div class="col-12">1800                            1801180218031804    1805    <ul class="list-unstyled d-flex flex-wrap mb-1">1806        1807            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1808                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1809                <p class="attribute-description mb-0">Intercom</p>1810            </li>1811        1812            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1813                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1814                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1815            </li>1816        1817            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1818                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1819                <p class="attribute-description mb-0">Stationnement</p>1820            </li>1821        1822            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1823                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1824                <p class="attribute-description mb-0">Planchers en béton</p>1825            </li>1826        1827    </ul>182818291830                        </div>1831                    </div>1832                </div>1833            </div>1834            1835            1836            1837            <hr>1838            <div class="row">1839                <div class="col-12">1840                    <p><strong>Accès et services</strong></p>1841                    <div class="row">1842                        <div class="col-12">1843                            1844184518461847    1848    <ul class="list-unstyled d-flex flex-wrap mb-1">1849        1850            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1851                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1852                <p class="attribute-description mb-0">Commerces</p>1853            </li>1854        1855            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1856                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1857                <p class="attribute-description mb-0">Métrobus à proximité</p>1858            </li>1859        1860            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1861                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1862                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1863            </li>1864        1865            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1866                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1867                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>1868            </li>1869        1870            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1871                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1872                <p class="attribute-description mb-0">Dépanneur</p>1873            </li>1874        1875            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1876                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1877                <p class="attribute-description mb-0">Pharmacie</p>1878            </li>1879        1880            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1881                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1882                <p class="attribute-description mb-0">Parc</p>1883            </li>1884        1885    </ul>188618871888                        </div>1889                    </div>1890                </div>1891            </div>1892            1893        </div>1894        1895        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1896            <div class="shadow">1897                <img 1898                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg"1899                    alt="Borough image"1900                    width="100%"1901                    height="200px"1902                    class="object-fit-cover">1903                <div class="row p-4">1904                    <div class="col-12">1905                        <p class="small-header">À propos du quartier</p>1906                        <h3>Charlesbourg</h3>1907                        <p>L’arrondissement de Charlesbourg se démarque par sa qualité de vie et par les traces que son histoire a laissées dans le paysage.</p>1908                        <p>Le Trait-Carré, cœur historique de l’arrondissement, témoigne en effet de cet héritage et recèle de nombreux éléments architecturaux d’intérêt (galeries d’art, maisons ancestrales, lieux historiques). Avec près de 60% de son territoire agricole ou boisé, Charlesbourg offre un potentiel récréatif exceptionnel grâce à de nombreux parcs et espaces verts, tout en étant situé à quelques minutes du centre-ville de Québec.</p>1909                        <a href="/louer-appartement-quebec/charlesbourg">1910                            1911                  Voir les appartements à Charlesbourg1912                  1913                        </a>1914                    </div>1915                </div>1916            </div>1917        </div>1918        1919    </div>1920    <div class="row">1921        <div class="col-12">1922            1923192419251926    <div class="row mt-5 ">1927        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1928        <div class="col-12 mb-3">1929            193019311932<div class="row">1933    1934    <a 1935        href="/logement/160"1936        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1937        data-type="3"1938        data-borough="6"1939    >1940        1941194219431944<script>1945    function displayNowAvailableBubble(buildingId) {1946        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1947        nowAvailableBubble.classList.remove("d-none");1948    }1949</script>19501951<div class="row">1952    1953    1954    1955    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>1956    1957    1958    1959    1960    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">1961        <p class="text-white m-0">En vedette</p>1962    </div>1963    1964    1965    <div class="col-6 apartment-col">1966        <div class="row">1967            <div class="col-12 pr-0">1968                1969                <img 1970                    class="rounded-left apartment-image" 1971                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"1972                    alt="unit image"1973                    width=100%1974                    height=232px1975                />1976                1977            </div>1978        </div>1979    </div>1980    1981    1982    <div class="col-6 apartment-col">1983        <div class="row">1984            <div class="col-12 pl-0">1985                <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"1986                   alt="unit image" width="100%" height="116px">1987            </div>1988        </div>1989        1990        <div class="row">1991            <div class="col-12 pl-0">1992                <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"1993                    alt="unit image" width=100% height=116px>1994            </div>1995        </div>1996        1997    </div>1998    1999    2000    2001</div>20022003        2004200520062007<div class="row mt-4">2008    <div class="col-12">2009        <div class="card-body p-0 text-left">2010            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2011            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2012            2013                2014                    <div class="row">2015                        <div class="col-7">2016                            <p class="apartment-infos mb-0">2017                                2018                                    4½ à partir de 1250$2019                                2020                            </p>2021                            <p class="apartment-availability footnotes">2022                                Libre immédiatement2023                            </p>2024                        </div>2025                        <div class="col-5 text-right">2026                            2027                                2028                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2029                                2030                            2031                                2032                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2033                                2034                            2035                                2036                                    <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>2037                                2038                            2039                                2040                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2041                                2042                            2043                            2044                        </div>2045                    </div>2046                2047            2048            2049        </div>2050    </div>2051</div>20522053    </a>2054    2055    <a 2056        href="/logement/18"2057        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2058        data-type="3"2059        data-borough="3"2060    >2061        2062206320642065<script>2066    function displayNowAvailableBubble(buildingId) {2067        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2068        nowAvailableBubble.classList.remove("d-none");2069    }2070</script>20712072<div class="row">2073    2074    2075    2076    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2077    2078    2079    2080    2081    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2082        <p class="text-white m-0">En vedette</p>2083    </div>2084    2085    2086    <div class="col-6 apartment-col">2087        <div class="row">2088            <div class="col-12 pr-0">2089                2090                <img 2091                    class="rounded-left apartment-image" 2092                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2093                    alt="unit image"2094                    width=100%2095                    height=232px2096                />2097                2098            </div>2099        </div>2100    </div>2101    2102    2103    <div class="col-6 apartment-col">2104        <div class="row">2105            <div class="col-12 pl-0">2106                <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"2107                   alt="unit image" width="100%" height="116px">2108            </div>2109        </div>2110        2111        <div class="row">2112            <div class="col-12 pl-0">2113                <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"2114                    alt="unit image" width=100% height=116px>2115            </div>2116        </div>2117        2118    </div>2119    2120    2121    2122</div>21232124        2125212621272128<div class="row mt-4">2129    <div class="col-12">2130        <div class="card-body p-0 text-left">2131            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2132            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2133            2134                2135                    <div class="row">2136                        <div class="col-7">2137                            <p class="apartment-infos mb-0">2138                                2139                                    1½ à partir de 799$2140                                2141                            </p>2142                            <p class="apartment-availability footnotes">2143                                Libre immédiatement2144                            </p>2145                        </div>2146                        <div class="col-5 text-right">2147                            2148                                2149                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2150                                2151                            2152                                2153                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2154                                2155                            2156                                2157                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2158                                2159                            2160                                2161                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2162                                2163                            2164                                2165                            2166                                2167                            2168                            2169                                <p class="footnotes d-inline"> +2</p>2170                            2171                        </div>2172                    </div>2173                2174            2175            2176        </div>2177    </div>2178</div>21792180    </a>2181    2182    <a 2183        href="/logement/312"2184        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2185        data-type="3"2186        data-borough="10"2187    >2188        2189219021912192<script>2193    function displayNowAvailableBubble(buildingId) {2194        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2195        nowAvailableBubble.classList.remove("d-none");2196    }2197</script>21982199<div class="row">2200    2201    2202    2203    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2204    2205    2206    2207    2208    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2209        <p class="text-white m-0">En vedette</p>2210    </div>2211    2212    2213    <div class="col-6 apartment-col">2214        <div class="row">2215            <div class="col-12 pr-0">2216                2217                <img 2218                    class="rounded-left apartment-image" 2219                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2220                    alt="unit image"2221                    width=100%2222                    height=232px2223                />2224                2225            </div>2226        </div>2227    </div>2228    2229    2230    <div class="col-6 apartment-col">2231        <div class="row">2232            <div class="col-12 pl-0">2233                <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"2234                   alt="unit image" width="100%" height="116px">2235            </div>2236        </div>2237        2238        <div class="row">2239            <div class="col-12 pl-0">2240                <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"2241                    alt="unit image" width=100% height=116px>2242            </div>2243        </div>2244        2245    </div>2246    2247    2248    2249</div>22502251        2252225322542255<div class="row mt-4">2256    <div class="col-12">2257        <div class="card-body p-0 text-left">2258            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2259            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2260            2261                2262                    <div class="row">2263                        <div class="col-7">2264                            <p class="apartment-infos mb-0">2265                                2266                                    4½ à partir de 1595$2267                                2268                            </p>2269                            <p class="apartment-availability footnotes">2270                                octobre 20262271                            </p>2272                        </div>2273                        <div class="col-5 text-right">2274                            2275                                2276                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2277                                2278                            2279                                2280                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2281                                2282                            2283                                2284                                    <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>2285                                2286                            2287                            2288                        </div>2289                    </div>2290                2291            2292            2293        </div>2294    </div>2295</div>22962297    </a>2298    2299</div>23002301        </div>2302        2303    </div>230423052306        </div>2307    </div>2308</div>2309<div class="bg-primary py-5 mt-5">2310    <div class="container">2311        <div class="row justify-content-center">2312            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2313                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2314                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2315                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2316            </div>2317        </div>2318    </div>2319</div>2320<div id="modal-inquire" class="modal">2321    2322232323242325<div class="inquire-step-1 container p-0 mb-5 position-relative">2326    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2327    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2328    <p>418-626-3070</p>2329    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1975767a786d7076775975787f6b78777a7c3474786d71707c6c377a7674">[email&#160;protected]</a></p>2330    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2331    <p class="text-gray-light">Intéressé par ces unités</p>23322333    <div class="d-inline-flex flex-wrap">2334        2335        2336        <button2337            class="inquire-room btn btn-normal mb-3"2338            data-unit_room="4½"2339            data-toggle="button"2340        >23412342        </button>2343        2344        2345    </div>23462347    <div class="dropdown mb-4">2348        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2349            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2350            <p class="inquire-units-label-title text-uppercase mb-0">2351                Unité(s) spécifique(s)2352            </p>2353            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2354                Aucune choisie2355            </p>2356            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2357        </div>2358        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2359            2360            2361            <button class="inquire-units-choice dropdown-item" data-unit="205"2362                data-unit_room="4½">2363                2052364            </button>2365            2366            2367        </div>2368    </div>236923702371    <p class="text-gray-light">Date de déménagement prévue</p>2372    <div id="inquire-datepicker" class="input-group date mt-1">2373        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2374        <div class="input-group-addon">2375            <span class="glyphicon glyphicon-th"></span>2376        </div>2377    </div>2378</div>23792380<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2381    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2382    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2383    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2384    <form id="inquire-form">2385        <div class="form-group">2386            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2387                placeholder="Prénom"></input>2388        </div>2389        <div class="form-group">2390            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2391                placeholder="Nom de famille"></input>2392        </div>2393        <div class="form-group">2394            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2395                <option id="email" value="email" selected>Courriel</option>2396                <option id="phone" value="phone">Téléphone</option>2397            </select>2398        </div>2399        <div id="inquireForm-contact-email" class="form-group">2400            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2401                placeholder="Adresse courriel"></input>2402        </div>2403        <div id="inquireForm-contact-phone" class="form-group d-none">2404            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2405                placeholder="Numéro de téléphone"></input>2406        </div>2407        <div class="form-group">2408            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2409                placeholder="Questions ou notes"></textarea>2410        </div>2411        <div id="g-recaptcha-error"></div>2412        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2413    </form>2414</div>24152416<div class="inquire-step-3 d-none position-relative">2417    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2418    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2419        height="66px">2420    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2421    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2422</div>24232424<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2425    Continuer2426</button>2427<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2428    Soumettre2429</button>2430<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2431    var recaptcha_response = '';2432    window.isCondo = "False" == "True";2433    document.getElementById("inquire-datepicker-input").value = "";2434    2435    function scrollToTopOfForm() {2436        const top = document.getElementById("inquire-step-1");2437        top.scrollIntoView();2438    }2439    function submitForm() {2440        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2441            onContinue2Click('ni7vA18xXzqENn4bmHSHoZtnQm3WOC0IZ1pcSPE8DNFaCGgcySr1KmibDspHjDi5');2442            const confirmation = document.getElementById("inquire-confirmation");2443            confirmation.scrollIntoView();2444        }2445        else {2446            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2447        }2448    }24492450    function verifyCaptcha(token) {2451        recaptcha_response = token;2452        document.getElementById('g-recaptcha-error').innerHTML = '';2453    }2454</script>24552456</div>2457245824592460<div id="modal-share" class="modal">2461    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2462        <div class="modal-content">2463            <div class="modal-body">2464                Partager ce logement2465                <div id="share-widget-container" class="d-flex justify-content-center"></div>2466            </div>2467        </div>2468    </div>2469</div>247024712472<script src="/static/js/share.js" defer></script>24732474247524762477            </main>2478            <footer>2479                248024812482<div class="footer row m-0 p-5 justify-content-center bg-black">2483    <div class="container m-0">2484        <div class="row mb-3">2485            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2486                height="80px" class="footer-logo">2487        </div>2488        <div class="row">2489            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2490                <p class="footer-title mb-2">Contactez-nous</p>2491                <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>2492                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2493                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2494                    <span class="footer-phone">418 626-5500</span>2495                </a>2496                <a href="/cdn-cgi/l/email-protection#8ee7e0e8e1cee2efe8fcefe0edeba3e3effae6e7ebfba0ede1e3" target="_blank" class="mb-3 d-flex align-items-center">2497                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2498                    <span><span class="__cf_email__" data-cfemail="2c45424a436c404d4a5e4d424f4901414d5844454959024f4341">[email&#160;protected]</span></span>2499                </a>2500                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2501                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42502                </a>2503                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2504                <div class="d-flex">2505                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2506                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2507                            class="footer-social-icon mr-3" />2508                    </a>2509                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2510                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2511                            class="footer-social-icon" />2512                    </a>2513                </div>2514            </div>2515            <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">2516                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2517                <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>2518                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2519                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2520                    <span class="footer-phone">418-626-5500</span>2521                </a>2522                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2523                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2524                    <span>Se connecter à l’Espace client</span>2525                </a>2526                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2527                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2528                    <span>Se connecter à Sensaas</span>2529                </a>2530            </div>2531            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2532                <ul class="navbar-nav">2533                    2534                    25352536<li class="nav-item  ">2537    <a class="nav-link py-0 footer-main-navigation mb-3"2538        href="/">Accueil</a>2539    <hr class="my-1 border-gray-medium d-none">2540</li>254125422543                    2544                    25452546<li class="nav-item  ">2547    <a class="nav-link py-0 footer-main-navigation mb-3"2548        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2549    <hr class="my-1 border-gray-medium d-none">2550</li>255125522553                    2554                    25552556<li class="nav-item  ">2557    <a class="nav-link py-0 footer-main-navigation mb-3"2558        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2559    <hr class="my-1 border-gray-medium d-none">2560</li>256125622563                    2564                    25652566<li class="nav-item  ">2567    <a class="nav-link py-0 footer-main-navigation mb-3"2568        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2569    <hr class="my-1 border-gray-medium d-none">2570</li>257125722573                    2574                    25752576<li class="nav-item  ">2577    <a class="nav-link py-0 footer-main-navigation mb-3"2578        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2579    <hr class="my-1 border-gray-medium d-none">2580</li>258125822583                    2584                    25852586<li class="nav-item  ">2587    <a class="nav-link py-0 footer-main-navigation mb-3"2588        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2589    <hr class="my-1 border-gray-medium d-none">2590</li>259125922593                    2594                </ul>2595            </div>2596            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2597                <ul class="navbar-nav">2598                    2599                    26002601<li class="nav-item  ">2602    <a class="nav-link py-0 footer-main-navigation mb-3"2603        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2604    <hr class="my-1 border-gray-medium d-none">2605</li>260626072608                    2609                    26102611<li class="nav-item  ">2612    <a class="nav-link py-0 footer-main-navigation mb-3"2613        href="/blog">Blogue</a>2614    <hr class="my-1 border-gray-medium d-none">2615</li>261626172618                    2619                    26202621<li class="nav-item  ">2622    <a class="nav-link py-0 footer-main-navigation mb-3"2623        href="/faire-carriere/">Carrières</a>2624    <hr class="my-1 border-gray-medium d-none">2625</li>262626272628                    2629                </ul>2630            </div>2631        </div>2632    </div>2633</div>26342635263626372638<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">2639    <div class="d-flex justify-content-center">2640        <ul class="list-inline mb-1">2641            2642            <li class="list-inline-item">2643                <a href=/conditions-utilisation>2644                    Conditions d'utilisation2645                </a>2646            </li>2647            2648            2649            <li class="list-inline-item">2650                <a href=/politique-confidentialite>2651                    Politique de confidentialité2652                </a>2653            </li>2654            2655            2656            <li class="list-inline-item">2657                <a href=/protection-renseignements-personnels>2658                    Protection des renseignements personnels2659                </a>2660            </li>2661            2662            2663            <li class="list-inline-item">2664                <a href=/temoins-navigation>2665                    Gérer vos témoins de navigation2666                </a>2667            </li>2668            2669        </ul>2670    </div>2671    <div class="d-flex justify-content-center">2672        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2673    </div>2674</div>26752676            </footer>2677        26782679<!-- Cookie Banner -->2680<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2681    <div class="gilm-cookie-banner-container">2682        <div class="gilm-cookie-banner-text">2683            <p>2684                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2685                sites2686                Web2687                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2688                témoins,2689                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2690                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2691                l'utilisation2692                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2693            </p>2694            <p class="d-sm-none">2695                <a href=/temoins-navigation>2696                    Gérer vos témoins de navigation2697                </a>2698                <br/>2699                <a href=/politique-confidentialite>2700                    Politique de confidentialité2701                </a>2702                <br/>2703                <a href=/conditions-utilisation>2704                    Conditions d'utilisation2705                </a>2706            </p>2707            <p class="d-none d-sm-block">2708                <a href=/temoins-navigation>2709                    Gérer vos témoins de navigation2710                </a>2711                -2712                <a href=/politique-confidentialite>2713                    Politique de confidentialité2714                </a>2715                -2716                <a href=/conditions-utilisation>2717                    Conditions d'utilisation2718                </a>2719            </p>2720        </div>2721        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2722                onclick="window.gilm_hideCookieBanner()">2723            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2724        </button>2725    </div>2726</div>2727<!-- End of Cookie Banner -->2728        </div>2729        <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">2730        </script>2731        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2732        </script>2733        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2734        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2735        </script>2736        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2737        </script>2738        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2739        </script>2740        <script type="text/javascript" src="/static/js/carousel.js">2741        </script>2742        <script type="text/javascript" src="/static/js/cookie_banner.js">2743        </script>2744        <script id="search-script" type="text/javascript" src="/static/js/search.js">2745        </script>2746        <script type="text/javascript" src="/static/js/jssocials.min.js">2747        </script>2748        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2749        </script>2750        <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">2751        </script>2752        <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">2753        </script>2754        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2755        <script>2756            window.dataLayer = window.dataLayer || [];27572758            function gtag() {2759                dataLayer.push(arguments);2760            }2761            gtag('js', new Date());2762            gtag('config', 'UA-20687227-3');2763        </script>2764        2765<script src="/static/js/inquire.js"></script>2766<script src="/static/js/leaflet.js" is-building-details="true"></script>27672768        2769    </body>27702771    </html>2772