SPB Git

spb/lou-ka Public

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

HTML 99.7%
100.7 KB · 2,845 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/180" />24<meta name="title" content="Logement a louer - 1649, avenue de la roselière">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>1649, avenue de la roselière - 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#afc6c1c9c0efc3cec9ddcec1ccca82c2cedbc7c6cada81ccc0c2" 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="a7cec9c1c8e7cbc6c1d5c6c9c4c28acac6d3cfcec2d289c4c8ca">[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; Les Saules</p>930        <h2 id="building-address-1">1649, avenue de la roselière</h2>931        <p id="building-address-2" class="subtext">932            Québec ,933            (Québec ), 934            G1M4B9935        </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 - 1649, avenue de la roselière`, `https://lafrance-mathieu.com/logement/180`)">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/immeuble.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/immeuble.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/immeuble.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="b2deddd1d3c6dbdddcf2ded3d4c0d3dcd1d79fdfd3c6dadbd7c79cd1dddf">[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="1649, avenue de la roselière"1038                data-unit_room="4½">1039                1649, avenue de la roselière1040            </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('6D7McszZ4NLTyziqLaIr9DpZr9Imp15eImptug5AK10pnSurXlhLv0eNef47U2nB');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">Équipe de maintenance 24h</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">Stationnement</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">Insonorisation supérieure</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">Grand espace gazonné</p>1167            </li>1168        1169            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1170                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1171                <p class="attribute-description mb-0">Planchers en béton</p>1172            </li>1173        1174            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1175                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1176                <p class="attribute-description mb-0">Secteur paisible</p>1177            </li>1178        1179            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1180                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1181                <p class="attribute-description mb-0">Entrées individuelles extérieures</p>1182            </li>1183        1184    </ul>118511861187            </div>1188        </div>1189    </div>1190</div>119111921193</div>119411951196119711981199<script>1200function scrollToId(unitRoomId) {1201    removeAllActive();12021203    const scrollOptions = {1204        behavior: "smooth",1205        block: "start"1206    };12071208    const defaultFilter = document.getElementById("unit-room-filter-all");1209    if (unitRoomId === "all") {1210        defaultFilter.classList.add("active");1211        defaultFilter.scrollIntoView(scrollOptions);1212    } else {1213        const element = document.getElementById(`unit-room-${unitRoomId}`);1214        if (!!element) {1215            element.scrollIntoView(scrollOptions);1216            const defaultFilter = document.getElementById("unit-room-filter-all");1217            defaultFilter.classList.remove("active");1218            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1219            filter.classList.add("active");12201221        }1222    }1223}12241225function removeAllActive() {1226    const elements = document.getElementsByClassName("unit-room-filter");1227    for (element of elements) element.classList.remove("active");1228}1229</script>12301231<div class="container">1232    <div class="row mt-5">1233        <div class="col-md-12">1234            <h2 id="anchor-units" class="mb-3">Unités</h2>1235            1236            <ul class="list-inline mb-0 position-relative">1237                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1238                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1239                        <span>Toutes</span>1240                    </button>1241                </li>1242                1243                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-322">1244                    <button onclick="scrollToId('322');" class="unit-room-filter-button btn btn-no-outline">1245                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1246                    </button>1247                </li>1248                1249            </ul>1250            1251        </div>1252    </div>1253</div>1254<div class="bg-background-gray pb-3">1255    <div class="container">1256        <div class="row">1257            <div class="col-12 p-0">1258                1259                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1260                    <div style="position: absolute; top: -134px;" id="unit-room-322"></div>1261                    <div id="modal-details-322" class="modal">1262                        126312641265<div class="container mt-5">1266    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1267        12681269<div class="row">1270    <div class="col-9">1271    <h2>1272        1273            4½ from $1575 to $15751274        1275    </h2>1276    </div>1277    <div class="col-3 text-right">1278        <button class="btn-close" data-toggle="modal" data-target="#modal-details-322"></button>1279    </div>1280</div>1281<div class="row">1282    <div class="col-9">1283        12841285<p class="">1286    1 1287    <span class="text-lowercase">1288        1289            unité1290        1291    </span>1292</p>1293    </div>1294    <div class="col-3 text-right">1295        1296    </div>1297</div>1298<div class="row">1299    <div class="col-12" id="unit-modal-carousel-322">1300        13011302<div class="unit-detail-carousel">1303    <div class="slider slider-for">1304        1305        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP055.jpg" alt="cuisine">1306        1307        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP056.jpg" alt="sb">1308        1309        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP057.jpg" alt="sb">1310        1311        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP060.jpg" alt="chambre">1312        1313        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salle_%C3%A0_d%C3%AEner.jpg" alt="sd">1314        1315        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Petite_chambre.jpg" alt="chambre">1316        1317        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Chambre_des_ma%C3%AEtres.jpg" alt="chambre2">1318        1319        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Descente.jpg" alt="entrée">1320        1321        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Walk-in.jpg" alt="walk-in">1322        1323        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Patio.jpg" alt="patio">1324        1325        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salon.jpg" alt="salon">1326        1327    </div>1328    <div class="slider slider-nav mt-2">1329        1330        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP055.jpg" alt="cuisine">1331        1332        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP056.jpg" alt="sb">1333        1334        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP057.jpg" alt="sb">1335        1336        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP060.jpg" alt="chambre">1337        1338        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salle_%C3%A0_d%C3%AEner.jpg" alt="sd">1339        1340        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Petite_chambre.jpg" alt="chambre">1341        1342        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Chambre_des_ma%C3%AEtres.jpg" alt="chambre2">1343        1344        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Descente.jpg" alt="entrée">1345        1346        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Walk-in.jpg" alt="walk-in">1347        1348        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Patio.jpg" alt="patio">1349        1350        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salon.jpg" alt="salon">1351        1352    </div>1353</div>13541355    </div>1356</div>1357<div class="row mt-3">1358    <div class="col-12 unit-commodities">1359        1360        1361136213631364    1365        <p class="small-header pb-1">1366            Commodités de l'unité1367        </p>1368    1369    <ul class="list-unstyled d-flex flex-wrap mb-1">1370        1371            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1372                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1373                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1374            </li>1375        1376            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1377                <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">1378                <p class="attribute-description mb-0">Stationnement extérieur</p>1379            </li>1380        1381    </ul>138213831384    </div>1385</div>1386<div class="row mt-3">1387    <div class="col-12 unit-characteristics">1388        1389        13901391139213931394    </div>1395</div>139613971398        <div class="units-detail mt-5">1399            <h2>Unités</h2>1400            1401140214031404<div class="row" id="units-for-unit-room-322">1405    1406    1407    <div class="col-12 h-100  ">1408        <div class="h-100 border-bottom">1409            <div class="row mt-3">1410                <div class="col-sm-6 col-md-4">1411                    <p class="small-header">unité</p>1412                    <p>1413                        1649, avenue de la roselière1414                        1415                    </p>1416                </div>1417                <div class="col-sm-6 col-md-4">1418                    <p class="small-header">Disponibilité</p>1419                    <p class="text-primary">1420                        Libre immédiatement1421                    </p>1422                </div>1423                <div class="col-sm-6 col-md-4">1424                    <p class="small-header">À partir de</p>1425                    <p>1575,00$</p>1426                </div>1427                1428            </div>1429            <div class="row">1430            </div>1431            1432            <div class="row">1433                <div class="col-md-6">1434                    <p class="small-header">Informations</p>1435                    <p>Disponible pour le 1er juillet 2026</p>1436                </div>1437            </div>1438            1439        </div>1440    </div>1441    1442    1443</div>14441445        </div>1446        1447    </div>1448</div>1449                    </div>1450                    <div class="row">1451                        <div class="col-6">1452                            <h4>1453                                1454                                4½ à partir de 1575,00$1455                            1456                            </h4>1457                        </div>1458                        <div class="col-6 d-flex justify-content-end">1459                            1460                            1461                            1462                            <button1463    class="btn text-primary share-button-small"1464    data-toggle="modal"1465    data-target="#modal-share"1466    onclick="configureShareWidget(`4½ à louer - 1649, avenue de la roselière`, `https://lafrance-mathieu.com/logement/180`)">1467    <i class="fas fa-share-square mr-1"></i>1468    <span>Partager</span>1469</button>14701471                            1472                        </div>1473                    </div>1474                    <div class="row">1475                        <div class="col-md-4">1476                            <div class="row">1477                                <div class="col-12">1478                                    14791480                                    148114821483<div class="unit-image-counter d-flex align-items-center">1484    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1485    <span class="ml-1 text-white small">11</span>1486</div>148714881489<div class="single-item-small">1490    <div class="single-item-arrow--left ml-3"></div>1491    <div class="single-item">1492        1493            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP055.jpg" alt="cuisine" style="object-fit: cover" height="auto">1494        1495            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP056.jpg" alt="sb" style="object-fit: cover" height="auto">1496        1497            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP057.jpg" alt="sb" style="object-fit: cover" height="auto">1498        1499            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PDP060.jpg" alt="chambre" style="object-fit: cover" height="auto">1500        1501            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salle_%C3%A0_d%C3%AEner.jpg" alt="sd" style="object-fit: cover" height="auto">1502        1503            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Petite_chambre.jpg" alt="chambre" style="object-fit: cover" height="auto">1504        1505            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Chambre_des_ma%C3%AEtres.jpg" alt="chambre2" style="object-fit: cover" height="auto">1506        1507            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Descente.jpg" alt="entrée" style="object-fit: cover" height="auto">1508        1509            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Walk-in.jpg" alt="walk-in" style="object-fit: cover" height="auto">1510        1511            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Patio.jpg" alt="patio" style="object-fit: cover" height="auto">1512        1513            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/Salon.jpg" alt="salon" style="object-fit: cover" height="auto">1514        1515    </div>1516    <div class="single-item-arrow--right mr-3"></div>1517</div>15181519                                    1520                                </div>1521                            </div>1522                            1523                        </div>1524                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1525                            <div class="row flex-grow-1">1526                                1527                                <div class="unit-commodities unit-specs col-sm-6">1528                                    1529                                    1530153115321533    1534        <p class="small-header pb-1">1535            Commodités de l'unité1536        </p>1537    1538    <ul class="list-unstyled d-flex flex-wrap mb-1">1539        1540            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1541                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1542                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1543            </li>1544        1545            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1546                <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">1547                <p class="attribute-description mb-0">Stationnement extérieur</p>1548            </li>1549        1550    </ul>155115521553                                </div>1554                                1555                                1556                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1557                                    1558                                    1559156015611562    1563        <p class="small-header pb-1">1564            Caractéristiques de l'unité1565        </p>1566    1567    <ul class="list-unstyled d-flex flex-wrap mb-1">1568        1569            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1570                <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">1571                <p class="attribute-description mb-0">Chat accepté</p>1572            </li>1573        1574            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1575                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_53a98080-7ff5-11ea-97c5-1275881fc0b8.png" alt="icon" height="15px" width="15px">1576                <p class="attribute-description mb-0">Chien accepté</p>1577            </li>1578        1579            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1580                <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">1581                <p class="attribute-description mb-0">Balcon</p>1582            </li>1583        1584            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1585                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_85bb9af4-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1586                <p class="attribute-description mb-0">Espace de rangement dans le cabanon</p>1587            </li>1588        1589            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1590                <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">1591                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1592            </li>1593        1594            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1595                <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">1596                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1597            </li>1598        1599    </ul>160016011602                                </div>1603                                1604                            </div>1605                            1606                        </div>1607                    </div>1608                    <div class="row mt-3">1609                        <div class="col-md-4">1610                            <button1611                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1612                                data-unit_room="4½">1613                                S'informer1614                            </button>1615                            <button1616                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1617                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1618                                S'informer1619                            </button>1620                        </div>1621                    </div>1622                    <div class="units-detail">1623                      16241625<p class="mb-0 mt-4">1626    1 1627    <span class="text-lowercase">1628        1629            unité1630        1631    </span>1632</p>1633                        1634163516361637<div class="row" id="units-for-unit-room-322">1638    1639    1640    <div class="col-12 h-100  ">1641        <div class="h-100 border-bottom">1642            <div class="row mt-3">1643                <div class="col-sm-6 col-md-4">1644                    <p class="small-header">unité</p>1645                    <p>1646                        1649, avenue de la roselière1647                        1648                    </p>1649                </div>1650                <div class="col-sm-6 col-md-4">1651                    <p class="small-header">Disponibilité</p>1652                    <p class="text-primary">1653                        Libre immédiatement1654                    </p>1655                </div>1656                <div class="col-sm-6 col-md-4">1657                    <p class="small-header">À partir de</p>1658                    <p>1575,00$</p>1659                </div>1660                1661            </div>1662            <div class="row">1663            </div>1664            1665            <div class="row">1666                <div class="col-md-6">1667                    <p class="small-header">Informations</p>1668                    <p>Disponible pour le 1er juillet 2026</p>1669                </div>1670            </div>1671            1672        </div>1673    </div>1674    1675    1676</div>16771678                    </div>1679                    1680                </div>1681                1682            </div>1683        </div>1684    </div>1685</div>16861687<div id="modal-video" class="modal">1688    <div class="modal-dialog modal-lg" role="document">1689        <div class="modal-content">1690            <div id="modal-video-body" class="modal-body">1691            </div>1692        </div>1693    </div>1694</div>16951696<script type="text/javascript">1697    const toggleHiddenUnits = (unitRoomId) => {1698        if (unitRoomId) {1699            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1700            for (unit of hiddenUnits) {1701                unit.classList.toggle("d-none");1702            }17031704            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1705            if (seeMoreButton.textContent === "Voir plus")1706                seeMoreButton.textContent = "Voir moins";1707            else1708                seeMoreButton.textContent = "Voir plus";1709        }1710    }17111712    const playVideo = (el) => {1713        const list = el.getElementsByTagName('video');1714        if (!list || !list.length)1715            return;17161717        const video = list[0];1718        const container = document.getElementById('modal-video-body');1719        container.appendChild(video);1720        video.play();17211722        el.classList.add('show-placeholder');17231724        $("#modal-video").modal();1725        $("#modal-video").on('hidden.bs.modal', () => {1726            el.classList.remove('show-placeholder');1727            el.insertBefore(video, el.children[0]);1728            video.currentTime = 0;1729            video.pause();1730        });1731    }17321733    function displayInquiryAndScroll() {1734        displayInquiry();1735        const form = document.getElementById("inquire-form-anchor");1736        form.scrollIntoView();1737    }1738</script>173917401741<div class="container">1742    <div class="row mt-5">1743        <div class="col-md-6">1744            <div class="row">1745                <div class="col-12">1746                    <h2>À propos de l'immeuble</h2>1747                </div>1748            </div>1749            <div class="row">1750                <div class="col-12">1751                    <p class="mb-1"><strong>Adresse</strong></p>1752                    17531754<script id="building-coordinates" type="application/json">[{"loc": ["46.819360", "-71.287639"], "id": 180}]</script>17551756<div id="map-container" class="footer mb-2 mt-1">1757    <div id="interactive-map" style="height: 100%;" class="rounded">1758    </div>1759</div>17601761                    <p class="mb-0">1649, avenue de la roselière</p>1762                    <p class="mb-0">Québec , Québec </p>1763                    <p class="mb-3">G1M4B9</p>1764                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%201649%20avenue%20de%20la%20roseliere%20Quebec%20%20G1M4B9" target="_blank">1765                        Ouvrir sur Google Maps1766                    </a>1767                </div>1768            </div>1769            <hr>1770            <div class="row">1771                <div class="col-12">1772                    <p><strong>Plus d'informations</strong></p>1773                    <div class="row">1774                        1775                        <div class="col-md-4">1776                            <p class="subtext">Nombre d'étages</p>1777                            <p class="d-md-none">1778                                1779                                2 étage(s)1780                                1781                            </p>1782                        </div>1783                        1784                        <div class="col-md-4">1785                            <p class="subtext">Nombre total d'unités</p>1786                            <p class="d-md-none">1787                                1788                            1 unités1789                        1790                            </p>1791                        </div>1792                        1793                        <div class="col-md-4">1794                            <p class="subtext">Année de construction</p>1795                            <p class="d-md-none">2005</p>1796                        </div>1797                        1798                    </div>1799                    <div class="row mb-3 d-none d-md-flex">1800                        1801                        <div class="col-md-4">1802                            <p class="">1803                                1804                                2 étage(s)1805                                1806                            </p>1807                        </div>1808                        1809                        <div class="col-md-4">1810                            <p class="">1811                                1812                            1 unités1813                        1814                            </p>1815                        </div>1816                        1817                        <div class="col-md-4">1818                            <p class="">2005</p>1819                        </div>1820                        1821                    </div>1822                    1823                </div>1824            </div>1825            1826            <hr>1827            <div class="row">1828                <div class="col-12">1829                    <p><strong>Commodités de l'immeuble</strong></p>1830                    <div class="row">1831                        <div class="col-12">1832                            1833183418351836    1837    <ul class="list-unstyled d-flex flex-wrap mb-1">1838        1839            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1840                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1841                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1842            </li>1843        1844            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1845                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1846                <p class="attribute-description mb-0">Stationnement</p>1847            </li>1848        1849            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1850                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1851                <p class="attribute-description mb-0">Insonorisation supérieure</p>1852            </li>1853        1854            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1855                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1856                <p class="attribute-description mb-0">Grand espace gazonné</p>1857            </li>1858        1859            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1860                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1861                <p class="attribute-description mb-0">Planchers en béton</p>1862            </li>1863        1864            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1865                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1866                <p class="attribute-description mb-0">Secteur paisible</p>1867            </li>1868        1869            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1870                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1871                <p class="attribute-description mb-0">Entrées individuelles extérieures</p>1872            </li>1873        1874    </ul>187518761877                        </div>1878                    </div>1879                </div>1880            </div>1881            1882            1883            <hr>1884            <div class="row">1885                <div class="col-12">1886                    <p><strong>Frais additionnels</strong></p>1887                    <div class="row">1888                        <div class="col-12">1889                            1890189118921893    1894    <ul class="list-unstyled d-flex flex-wrap mb-1">1895        1896            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1897                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1898                <p class="attribute-description mb-0">Espace de rangement dans le cabanon</p>1899            </li>1900        1901    </ul>190219031904                        </div>1905                    </div>1906                </div>1907            </div>1908            1909            1910            <hr>1911            <div class="row">1912                <div class="col-12">1913                    <p><strong>Accès et services</strong></p>1914                    <div class="row">1915                        <div class="col-12">1916                            1917191819191920    1921    <ul class="list-unstyled d-flex flex-wrap mb-1">1922        1923            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1924                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1925                <p class="attribute-description mb-0">Épicerie</p>1926            </li>1927        1928            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1929                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1930                <p class="attribute-description mb-0">Commerces</p>1931            </li>1932        1933            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1934                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1935                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1936            </li>1937        1938            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1939                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1940                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1941            </li>1942        1943            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1944                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1945                <p class="attribute-description mb-0">Dépanneur</p>1946            </li>1947        1948            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1949                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1950                <p class="attribute-description mb-0">Pharmacie</p>1951            </li>1952        1953            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1954                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1955                <p class="attribute-description mb-0">Parc</p>1956            </li>1957        1958    </ul>195919601961                        </div>1962                    </div>1963                </div>1964            </div>1965            1966        </div>1967        1968        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1969            <div class="shadow">1970                <img 1971                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG"1972                    alt="Borough image"1973                    width="100%"1974                    height="200px"1975                    class="object-fit-cover">1976                <div class="row p-4">1977                    <div class="col-12">1978                        <p class="small-header">À propos du quartier</p>1979                        <h3>Les Saules</h3>1980                        <p>Les Saules</p>1981                        <p>Les Saules</p>1982                        <a href="/louer-appartement-quebec/les-saules">1983                            1984                  Voir les appartements à Les Saules1985                  1986                        </a>1987                    </div>1988                </div>1989            </div>1990        </div>1991        1992    </div>1993    <div class="row">1994        <div class="col-12">1995            1996199719981999    <div class="row mt-5 ">2000        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2001        <div class="col-12 mb-3">2002            200320042005<div class="row">2006    2007    <a 2008        href="/logement/312"2009        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2010        data-type="3"2011        data-borough="10"2012    >2013        2014201520162017<script>2018    function displayNowAvailableBubble(buildingId) {2019        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2020        nowAvailableBubble.classList.remove("d-none");2021    }2022</script>20232024<div class="row">2025    2026    2027    2028    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2029    2030    2031    2032    2033    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2034        <p class="text-white m-0">En vedette</p>2035    </div>2036    2037    2038    <div class="col-6 apartment-col">2039        <div class="row">2040            <div class="col-12 pr-0">2041                2042                <img 2043                    class="rounded-left apartment-image" 2044                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2045                    alt="unit image"2046                    width=100%2047                    height=232px2048                />2049                2050            </div>2051        </div>2052    </div>2053    2054    2055    <div class="col-6 apartment-col">2056        <div class="row">2057            <div class="col-12 pl-0">2058                <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"2059                   alt="unit image" width="100%" height="116px">2060            </div>2061        </div>2062        2063        <div class="row">2064            <div class="col-12 pl-0">2065                <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"2066                    alt="unit image" width=100% height=116px>2067            </div>2068        </div>2069        2070    </div>2071    2072    2073    2074</div>20752076        2077207820792080<div class="row mt-4">2081    <div class="col-12">2082        <div class="card-body p-0 text-left">2083            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2084            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2085            2086                2087                    <div class="row">2088                        <div class="col-7">2089                            <p class="apartment-infos mb-0">2090                                2091                                    4½ à partir de 1595$2092                                2093                            </p>2094                            <p class="apartment-availability footnotes">2095                                octobre 20262096                            </p>2097                        </div>2098                        <div class="col-5 text-right">2099                            2100                                2101                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2102                                2103                            2104                                2105                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2106                                2107                            2108                                2109                                    <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>2110                                2111                            2112                            2113                        </div>2114                    </div>2115                2116            2117            2118        </div>2119    </div>2120</div>21212122    </a>2123    2124    <a 2125        href="/logement/18"2126        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2127        data-type="3"2128        data-borough="3"2129    >2130        2131213221332134<script>2135    function displayNowAvailableBubble(buildingId) {2136        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2137        nowAvailableBubble.classList.remove("d-none");2138    }2139</script>21402141<div class="row">2142    2143    2144    2145    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2146    2147    2148    2149    2150    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2151        <p class="text-white m-0">En vedette</p>2152    </div>2153    2154    2155    <div class="col-6 apartment-col">2156        <div class="row">2157            <div class="col-12 pr-0">2158                2159                <img 2160                    class="rounded-left apartment-image" 2161                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2162                    alt="unit image"2163                    width=100%2164                    height=232px2165                />2166                2167            </div>2168        </div>2169    </div>2170    2171    2172    <div class="col-6 apartment-col">2173        <div class="row">2174            <div class="col-12 pl-0">2175                <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"2176                   alt="unit image" width="100%" height="116px">2177            </div>2178        </div>2179        2180        <div class="row">2181            <div class="col-12 pl-0">2182                <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"2183                    alt="unit image" width=100% height=116px>2184            </div>2185        </div>2186        2187    </div>2188    2189    2190    2191</div>21922193        2194219521962197<div class="row mt-4">2198    <div class="col-12">2199        <div class="card-body p-0 text-left">2200            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2201            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2202            2203                2204                    <div class="row">2205                        <div class="col-7">2206                            <p class="apartment-infos mb-0">2207                                2208                                    1½ à partir de 799$2209                                2210                            </p>2211                            <p class="apartment-availability footnotes">2212                                Libre immédiatement2213                            </p>2214                        </div>2215                        <div class="col-5 text-right">2216                            2217                                2218                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2219                                2220                            2221                                2222                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2223                                2224                            2225                                2226                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2227                                2228                            2229                                2230                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2231                                2232                            2233                                2234                            2235                                2236                            2237                            2238                                <p class="footnotes d-inline"> +2</p>2239                            2240                        </div>2241                    </div>2242                2243            2244            2245        </div>2246    </div>2247</div>22482249    </a>2250    2251    <a 2252        href="/logement/160"2253        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2254        data-type="3"2255        data-borough="6"2256    >2257        2258225922602261<script>2262    function displayNowAvailableBubble(buildingId) {2263        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2264        nowAvailableBubble.classList.remove("d-none");2265    }2266</script>22672268<div class="row">2269    2270    2271    2272    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2273    2274    2275    2276    2277    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2278        <p class="text-white m-0">En vedette</p>2279    </div>2280    2281    2282    <div class="col-6 apartment-col">2283        <div class="row">2284            <div class="col-12 pr-0">2285                2286                <img 2287                    class="rounded-left apartment-image" 2288                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2289                    alt="unit image"2290                    width=100%2291                    height=232px2292                />2293                2294            </div>2295        </div>2296    </div>2297    2298    2299    <div class="col-6 apartment-col">2300        <div class="row">2301            <div class="col-12 pl-0">2302                <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"2303                   alt="unit image" width="100%" height="116px">2304            </div>2305        </div>2306        2307        <div class="row">2308            <div class="col-12 pl-0">2309                <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"2310                    alt="unit image" width=100% height=116px>2311            </div>2312        </div>2313        2314    </div>2315    2316    2317    2318</div>23192320        2321232223232324<div class="row mt-4">2325    <div class="col-12">2326        <div class="card-body p-0 text-left">2327            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2328            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2329            2330                2331                    <div class="row">2332                        <div class="col-7">2333                            <p class="apartment-infos mb-0">2334                                2335                                    4½ à partir de 1250$2336                                2337                            </p>2338                            <p class="apartment-availability footnotes">2339                                Libre immédiatement2340                            </p>2341                        </div>2342                        <div class="col-5 text-right">2343                            2344                                2345                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2346                                2347                            2348                                2349                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2350                                2351                            2352                                2353                                    <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>2354                                2355                            2356                                2357                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2358                                2359                            2360                            2361                        </div>2362                    </div>2363                2364            2365            2366        </div>2367    </div>2368</div>23692370    </a>2371    2372</div>23732374        </div>2375        2376    </div>237723782379        </div>2380    </div>2381</div>2382<div class="bg-primary py-5 mt-5">2383    <div class="container">2384        <div class="row justify-content-center">2385            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2386                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2387                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2388                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2389            </div>2390        </div>2391    </div>2392</div>2393<div id="modal-inquire" class="modal">2394    2395239623972398<div class="inquire-step-1 container p-0 mb-5 position-relative">2399    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2400    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2401    <p>418-626-3070</p>2402    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dbb7b4b8baafb2b4b59bb7babda9bab5b8bef6b6baafb3b2beaef5b8b4b6">[email&#160;protected]</a></p>2403    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2404    <p class="text-gray-light">Intéressé par ces unités</p>24052406    <div class="d-inline-flex flex-wrap">2407        2408        2409        <button2410            class="inquire-room btn btn-normal mb-3"2411            data-unit_room="4½"2412            data-toggle="button"2413        >24142415        </button>2416        2417        2418    </div>24192420    <div class="dropdown mb-4">2421        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2422            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2423            <p class="inquire-units-label-title text-uppercase mb-0">2424                Unité(s) spécifique(s)2425            </p>2426            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2427                Aucune choisie2428            </p>2429            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2430        </div>2431        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2432            2433            2434            <button class="inquire-units-choice dropdown-item" data-unit="1649, avenue de la roselière"2435                data-unit_room="4½">2436                1649, avenue de la roselière2437            </button>2438            2439            2440        </div>2441    </div>244224432444    <p class="text-gray-light">Date de déménagement prévue</p>2445    <div id="inquire-datepicker" class="input-group date mt-1">2446        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2447        <div class="input-group-addon">2448            <span class="glyphicon glyphicon-th"></span>2449        </div>2450    </div>2451</div>24522453<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2454    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2455    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2456    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2457    <form id="inquire-form">2458        <div class="form-group">2459            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2460                placeholder="Prénom"></input>2461        </div>2462        <div class="form-group">2463            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2464                placeholder="Nom de famille"></input>2465        </div>2466        <div class="form-group">2467            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2468                <option id="email" value="email" selected>Courriel</option>2469                <option id="phone" value="phone">Téléphone</option>2470            </select>2471        </div>2472        <div id="inquireForm-contact-email" class="form-group">2473            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2474                placeholder="Adresse courriel"></input>2475        </div>2476        <div id="inquireForm-contact-phone" class="form-group d-none">2477            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2478                placeholder="Numéro de téléphone"></input>2479        </div>2480        <div class="form-group">2481            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2482                placeholder="Questions ou notes"></textarea>2483        </div>2484        <div id="g-recaptcha-error"></div>2485        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2486    </form>2487</div>24882489<div class="inquire-step-3 d-none position-relative">2490    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2491    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2492        height="66px">2493    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2494    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2495</div>24962497<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2498    Continuer2499</button>2500<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2501    Soumettre2502</button>2503<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2504    var recaptcha_response = '';2505    window.isCondo = "False" == "True";2506    document.getElementById("inquire-datepicker-input").value = "";2507    2508    function scrollToTopOfForm() {2509        const top = document.getElementById("inquire-step-1");2510        top.scrollIntoView();2511    }2512    function submitForm() {2513        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2514            onContinue2Click('6D7McszZ4NLTyziqLaIr9DpZr9Imp15eImptug5AK10pnSurXlhLv0eNef47U2nB');2515            const confirmation = document.getElementById("inquire-confirmation");2516            confirmation.scrollIntoView();2517        }2518        else {2519            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2520        }2521    }25222523    function verifyCaptcha(token) {2524        recaptcha_response = token;2525        document.getElementById('g-recaptcha-error').innerHTML = '';2526    }2527</script>25282529</div>2530253125322533<div id="modal-share" class="modal">2534    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2535        <div class="modal-content">2536            <div class="modal-body">2537                Partager ce logement2538                <div id="share-widget-container" class="d-flex justify-content-center"></div>2539            </div>2540        </div>2541    </div>2542</div>254325442545<script src="/static/js/share.js" defer></script>25462547254825492550            </main>2551            <footer>2552                255325542555<div class="footer row m-0 p-5 justify-content-center bg-black">2556    <div class="container m-0">2557        <div class="row mb-3">2558            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2559                height="80px" class="footer-logo">2560        </div>2561        <div class="row">2562            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2563                <p class="footer-title mb-2">Contactez-nous</p>2564                <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>2565                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2566                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2567                    <span class="footer-phone">418 626-5500</span>2568                </a>2569                <a href="/cdn-cgi/l/email-protection#5c35323a331c303d3a2e3d323f3971313d2834353929723f3331" target="_blank" class="mb-3 d-flex align-items-center">2570                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2571                    <span><span class="__cf_email__" data-cfemail="a3cacdc5cce3cfc2c5d1c2cdc0c68ecec2d7cbcac6d68dc0ccce">[email&#160;protected]</span></span>2572                </a>2573                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2574                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42575                </a>2576                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2577                <div class="d-flex">2578                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2579                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2580                            class="footer-social-icon mr-3" />2581                    </a>2582                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2583                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2584                            class="footer-social-icon" />2585                    </a>2586                </div>2587            </div>2588            <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">2589                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2590                <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>2591                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2592                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2593                    <span class="footer-phone">418-626-5500</span>2594                </a>2595                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2596                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2597                    <span>Se connecter à l’Espace client</span>2598                </a>2599                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2600                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2601                    <span>Se connecter à Sensaas</span>2602                </a>2603            </div>2604            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2605                <ul class="navbar-nav">2606                    2607                    26082609<li class="nav-item  ">2610    <a class="nav-link py-0 footer-main-navigation mb-3"2611        href="/">Accueil</a>2612    <hr class="my-1 border-gray-medium d-none">2613</li>261426152616                    2617                    26182619<li class="nav-item  ">2620    <a class="nav-link py-0 footer-main-navigation mb-3"2621        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2622    <hr class="my-1 border-gray-medium d-none">2623</li>262426252626                    2627                    26282629<li class="nav-item  ">2630    <a class="nav-link py-0 footer-main-navigation mb-3"2631        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2632    <hr class="my-1 border-gray-medium d-none">2633</li>263426352636                    2637                    26382639<li class="nav-item  ">2640    <a class="nav-link py-0 footer-main-navigation mb-3"2641        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2642    <hr class="my-1 border-gray-medium d-none">2643</li>264426452646                    2647                    26482649<li class="nav-item  ">2650    <a class="nav-link py-0 footer-main-navigation mb-3"2651        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2652    <hr class="my-1 border-gray-medium d-none">2653</li>265426552656                    2657                    26582659<li class="nav-item  ">2660    <a class="nav-link py-0 footer-main-navigation mb-3"2661        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2662    <hr class="my-1 border-gray-medium d-none">2663</li>266426652666                    2667                </ul>2668            </div>2669            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2670                <ul class="navbar-nav">2671                    2672                    26732674<li class="nav-item  ">2675    <a class="nav-link py-0 footer-main-navigation mb-3"2676        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2677    <hr class="my-1 border-gray-medium d-none">2678</li>267926802681                    2682                    26832684<li class="nav-item  ">2685    <a class="nav-link py-0 footer-main-navigation mb-3"2686        href="/blog">Blogue</a>2687    <hr class="my-1 border-gray-medium d-none">2688</li>268926902691                    2692                    26932694<li class="nav-item  ">2695    <a class="nav-link py-0 footer-main-navigation mb-3"2696        href="/faire-carriere/">Carrières</a>2697    <hr class="my-1 border-gray-medium d-none">2698</li>269927002701                    2702                </ul>2703            </div>2704        </div>2705    </div>2706</div>27072708270927102711<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">2712    <div class="d-flex justify-content-center">2713        <ul class="list-inline mb-1">2714            2715            <li class="list-inline-item">2716                <a href=/conditions-utilisation>2717                    Conditions d'utilisation2718                </a>2719            </li>2720            2721            2722            <li class="list-inline-item">2723                <a href=/politique-confidentialite>2724                    Politique de confidentialité2725                </a>2726            </li>2727            2728            2729            <li class="list-inline-item">2730                <a href=/protection-renseignements-personnels>2731                    Protection des renseignements personnels2732                </a>2733            </li>2734            2735            2736            <li class="list-inline-item">2737                <a href=/temoins-navigation>2738                    Gérer vos témoins de navigation2739                </a>2740            </li>2741            2742        </ul>2743    </div>2744    <div class="d-flex justify-content-center">2745        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2746    </div>2747</div>27482749            </footer>2750        27512752<!-- Cookie Banner -->2753<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2754    <div class="gilm-cookie-banner-container">2755        <div class="gilm-cookie-banner-text">2756            <p>2757                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2758                sites2759                Web2760                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2761                témoins,2762                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2763                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2764                l'utilisation2765                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2766            </p>2767            <p class="d-sm-none">2768                <a href=/temoins-navigation>2769                    Gérer vos témoins de navigation2770                </a>2771                <br/>2772                <a href=/politique-confidentialite>2773                    Politique de confidentialité2774                </a>2775                <br/>2776                <a href=/conditions-utilisation>2777                    Conditions d'utilisation2778                </a>2779            </p>2780            <p class="d-none d-sm-block">2781                <a href=/temoins-navigation>2782                    Gérer vos témoins de navigation2783                </a>2784                -2785                <a href=/politique-confidentialite>2786                    Politique de confidentialité2787                </a>2788                -2789                <a href=/conditions-utilisation>2790                    Conditions d'utilisation2791                </a>2792            </p>2793        </div>2794        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2795                onclick="window.gilm_hideCookieBanner()">2796            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2797        </button>2798    </div>2799</div>2800<!-- End of Cookie Banner -->2801        </div>2802        <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">2803        </script>2804        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2805        </script>2806        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2807        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2808        </script>2809        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2810        </script>2811        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2812        </script>2813        <script type="text/javascript" src="/static/js/carousel.js">2814        </script>2815        <script type="text/javascript" src="/static/js/cookie_banner.js">2816        </script>2817        <script id="search-script" type="text/javascript" src="/static/js/search.js">2818        </script>2819        <script type="text/javascript" src="/static/js/jssocials.min.js">2820        </script>2821        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2822        </script>2823        <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">2824        </script>2825        <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">2826        </script>2827        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2828        <script>2829            window.dataLayer = window.dataLayer || [];28302831            function gtag() {2832                dataLayer.push(arguments);2833            }2834            gtag('js', new Date());2835            gtag('config', 'UA-20687227-3');2836        </script>2837        2838<script src="/static/js/inquire.js"></script>2839<script src="/static/js/leaflet.js" is-building-details="true"></script>28402841        2842    </body>28432844    </html>2845