SPB Git

spb/lou-ka Public

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

HTML 99.7%
131.9 KB · 3,765 lines html
Raw Blame History
12345    <!DOCTYPE html>6    <html lang="fr" class="">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="/louer-appartement-quebec/" />24<meta name="title" content="Logement a louer">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>Logements à louer - Lafrance & Mathieu</title>3031        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">32        <meta name="language" content="French">33        <link rel="icon" type="image/ico" href="/static/images/favicon.ico" />34        3536        <!-- Google Tag Manager -->37            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':38            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],39            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=40            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);41            })(window,document,'script','dataLayer','GTM-T675TG3');</script>42        <!-- End Google Tag Manager -->43    </head>4445    <body>46        <!-- Google Tag Manager (noscript) -->47            <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T675TG348            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>49        <!-- End Google Tag Manager (noscript) -->50        51        <div class="main-container">52            <header id="gilm-header" class>53                54555657<nav class="nav desktop-nav">58    <div class="desktop-nav-top">59        <a class="desktop-nav-top-link" href="/faire-carriere/">60            <p>Carrières</p>61        </a>62        63        <a class="desktop-nav-top-link" href="/blog">64            <p>Lafrance et Mathieu: Blogue</p>65        </a>66        67        <a class="desktop-nav-top-link" href="https://espace-client.lafrance-mathieu.com" target="_blank">68            <p class="text-primary">Connexion</p>69        </a>70    </div>71    <div class="desktop-nav-bottom ">72        <ul class="desktop-nav-bottom-content left">73            74            75            7677787980<li81    class="nav-item dropdown  "82    href="#"83>84    <a85        class="nav-link py-0 dropdown-toggle header-main-navigation"86        href="#"87        id="navbardrop"88        data-toggle="dropdown"89    >90        Services de gestion <br class='nav-item-translation'>immobilière91        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">92    <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"/>93</svg>9495    </a>96    <ul97        class="dropdown-menu dark dropdown-submenu"98    >99            100            101            <li class="nav-item">102                <a103                    class="dropdown-item header-main-navigation text-wrap "104                    href="/services-de-gestion-immobiliere"105                >106                    Présentation de nos services107                </a>108            </li>109            110            111            112            <li class="nav-item">113                <a114                    class="dropdown-item header-main-navigation text-wrap "115                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"116                >117                    Gestion d’immeubles en copropriété118                </a>119            </li>120            121            122            123            <li class="nav-item">124                <a125                    class="dropdown-item header-main-navigation text-wrap "126                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"127                >128                    Gestion immobilière d&#x27;appartements en location129                </a>130            </li>131            132            133            134            <li class="nav-item">135                <a136                    class="dropdown-item header-main-navigation text-wrap "137                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"138                >139                    Gestion immobilière commerciale140                </a>141            </li>142            143            144            145            <li class="nav-item">146                <a147                    class="dropdown-item header-main-navigation text-wrap "148                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"149                >150                    Service de courtage immobilier151                </a>152            </li>153            154            155            156            <li class="nav-item">157                <a158                    class="dropdown-item header-main-navigation text-wrap "159                    href="/services-de-gestion-immobiliere/gilm-renovation"160                >161                    GILM Rénovation162                </a>163            </li>164            165            166    </ul>167    <hr class="my-1 border-gray-medium d-none">168</li>169170171172            173            174            175            176177<li class="nav-item active ">178    <a class="nav-link py-0 header-main-navigation"179        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>180    <hr class="my-1 border-gray-medium d-none">181</li>182183184            185            186            187            188189<li class="nav-item  ">190    <a class="nav-link py-0 header-main-navigation"191        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>192    <hr class="my-1 border-gray-medium d-none">193</li>194195196            197            198        </ul>199            200        <ul class="desktop-nav-bottom-content">201            <li class="desktop-nav-logo">202                <a href="/">203                    <img src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" class="desktop-nav-logo-horizontal " />204                    <img src="/static/images/logos/sansfond_vertical_blanc.png" alt="L&M Logo" class="desktop-nav-logo-vertical d-none" />205                </a>206            </li>207        </ul>208209        <ul class="desktop-nav-bottom-content right">210            211            212            213214<li class="nav-item  order-5">215    <a class="nav-link py-0 header-main-navigation"216        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>217    <hr class="my-1 border-gray-medium d-none">218</li>219220221            222            223            224            225226227228229<li230    class="nav-item dropdown  order-6"231    href="#"232>233    <a234        class="nav-link py-0 dropdown-toggle header-main-navigation"235        href="#"236        id="navbardrop"237        data-toggle="dropdown"238    >239        À propos de <br class='nav-item-translation'>Lafrance & Mathieu240        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">241    <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"/>242</svg>243244    </a>245    <ul246        class="dropdown-menu dark dropdown-submenu"247    >248            249            250            <li class="nav-item">251                <a252                    class="dropdown-item header-main-navigation text-wrap "253                    href="/qui-sommes-nous/?tab=1"254                >255                    Qui sommes-nous256                </a>257            </li>258            259            260            261            <li class="nav-item">262                <a263                    class="dropdown-item header-main-navigation text-wrap "264                    href="/qui-sommes-nous/?tab=2"265                >266                    Mission et valeurs267                </a>268            </li>269            270            271            272            <li class="nav-item">273                <a274                    class="dropdown-item header-main-navigation text-wrap "275                    href="/qui-sommes-nous/?tab=3"276                >277                    Équipe de direction278                </a>279            </li>280            281            282    </ul>283    <hr class="my-1 border-gray-medium d-none">284</li>285286287288            289            290            291            292293<li class="nav-item  order-7">294    <a class="nav-link py-0 header-main-navigation"295        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>296    <hr class="my-1 border-gray-medium d-none">297</li>298299300            301            302        </ul>303    </div>304</nav>305<nav class="nav mobile-nav">306    <div class="nav-bottom nav-d-none order-2" id="navbarSupportedContent">307        <ul class="nav-main-links">308            309            310            311312<li class="nav-item  ">313    <a class="nav-link py-0 header-main-navigation"314        href="/">Accueil</a>315    <hr class="my-1 border-gray-medium d-none">316</li>317318319            320            321            322            323324325326327<li328    class="nav-item dropdown  "329    href="#"330>331    <a332        class="nav-link py-0 dropdown-toggle header-main-navigation"333        href="#"334        id="navbardrop"335        data-toggle="dropdown"336    >337        Services de gestion <br class='nav-item-translation'>immobilière338        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">339    <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"/>340</svg>341342    </a>343    <ul344        class="dropdown-menu bg-gray-blue dropdown-submenu"345    >346            347            348            <li class="nav-item">349                <a350                    class="dropdown-item header-main-navigation text-wrap "351                    href="/services-de-gestion-immobiliere"352                >353                    Présentation de nos services354                </a>355            </li>356            357            358            359            <li class="nav-item">360                <a361                    class="dropdown-item header-main-navigation text-wrap "362                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"363                >364                    Gestion d’immeubles en copropriété365                </a>366            </li>367            368            369            370            <li class="nav-item">371                <a372                    class="dropdown-item header-main-navigation text-wrap "373                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"374                >375                    Gestion immobilière d&#x27;appartements en location376                </a>377            </li>378            379            380            381            <li class="nav-item">382                <a383                    class="dropdown-item header-main-navigation text-wrap "384                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"385                >386                    Gestion immobilière commerciale387                </a>388            </li>389            390            391            392            <li class="nav-item">393                <a394                    class="dropdown-item header-main-navigation text-wrap "395                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"396                >397                    Service de courtage immobilier398                </a>399            </li>400            401            402            403            <li class="nav-item">404                <a405                    class="dropdown-item header-main-navigation text-wrap "406                    href="/services-de-gestion-immobiliere/gilm-renovation"407                >408                    GILM Rénovation409                </a>410            </li>411            412            413    </ul>414    <hr class="my-1 border-gray-medium d-none">415</li>416417418419            420            421            422            423424<li class="nav-item active ">425    <a class="nav-link py-0 header-main-navigation"426        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>427    <hr class="my-1 border-gray-medium d-none">428</li>429430431            432            433            434            435436<li class="nav-item  ">437    <a class="nav-link py-0 header-main-navigation"438        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>439    <hr class="my-1 border-gray-medium d-none">440</li>441442443            444            445            446            447448<li class="nav-item  ">449    <a class="nav-link py-0 header-main-navigation"450        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>451    <hr class="my-1 border-gray-medium d-none">452</li>453454455            456            457            458            459460461462463<li464    class="nav-item dropdown  "465    href="#"466>467    <a468        class="nav-link py-0 dropdown-toggle header-main-navigation"469        href="#"470        id="navbardrop"471        data-toggle="dropdown"472    >473        À propos de <br class='nav-item-translation'>Lafrance & Mathieu474        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">475    <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"/>476</svg>477478    </a>479    <ul480        class="dropdown-menu bg-gray-blue dropdown-submenu"481    >482            483            484            <li class="nav-item">485                <a486                    class="dropdown-item header-main-navigation text-wrap "487                    href="/qui-sommes-nous/?tab=1"488                >489                    Qui sommes-nous490                </a>491            </li>492            493            494            495            <li class="nav-item">496                <a497                    class="dropdown-item header-main-navigation text-wrap "498                    href="/qui-sommes-nous/?tab=2"499                >500                    Mission et valeurs501                </a>502            </li>503            504            505            506            <li class="nav-item">507                <a508                    class="dropdown-item header-main-navigation text-wrap "509                    href="/qui-sommes-nous/?tab=3"510                >511                    Équipe de direction512                </a>513            </li>514            515            516    </ul>517    <hr class="my-1 border-gray-medium d-none">518</li>519520521522            523            524        </ul>525        <ul class="nav-quick-links mobile d-flex d-lg-none">526            527            528<div class="nav-item">529    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>530</div>531532533            534            535<div class="nav-item">536    <a class="header-secondary-navigation" href="/blog">Blogue</a>537</div>538539540            541            542<div class="nav-item">543    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>544</div>545546547            548            <li class="nav-item nav-client-space">549                550551<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>552            </li>553        </ul>554        <div class="w-100 my-3 d-flex d-lg-none flex-wrap">555            <div class="mb-4 p-0 pr-4 d-flex flex-column">556                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">557                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />558                    <span class="text-gray-light">418 626-5500</span>559                </a>560                <a href="/cdn-cgi/l/email-protection#31585f575e715d505743505f52541c5c5045595854441f525e5c" target="_blank" class="mb-3 d-flex align-items-center">561                    <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />562                    <span><span class="__cf_email__" data-cfemail="3950575f567955585f4b58575a5c1454584d51505c4c175a5654">[email&#160;protected]</span></span>563                </a>564                <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>565                <div class="d-flex">566                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">567                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"568                            class="footer-social-icon mr-3" />569                    </a>570                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">571                        <img src=/static/images/icons/facebook.svg alt="facebook icon"572                            class="footer-social-icon" />573                    </a>574                </div>575            </div>576            <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">577                <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>578                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">579                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />580                    <span class="text-gray-light">418 626-5500</span>581                </a>582            </div>583        </div>584    </div>585    <div class="nav-top order-1">586        <ul class="nav-main-links nav-main-links-top">587            588            589            590591<li class="nav-item  ">592    <a class="nav-link py-0 header-main-navigation"593        href="/">Accueil</a>594    <hr class="my-1 border-gray-medium d-none">595</li>596597598            599            600            601            602603604605606<li607    class="nav-item dropdown  "608    href="#"609>610    <a611        class="nav-link py-0 dropdown-toggle header-main-navigation"612        href="#"613        id="navbardrop"614        data-toggle="dropdown"615    >616        Services de gestion <br class='nav-item-translation'>immobilière617        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">618    <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"/>619</svg>620621    </a>622    <ul623        class="dropdown-menu bg-gray-blue dropdown-submenu"624    >625            626            627            <li class="nav-item">628                <a629                    class="dropdown-item header-main-navigation text-wrap "630                    href="/services-de-gestion-immobiliere"631                >632                    Présentation de nos services633                </a>634            </li>635            636            637            638            <li class="nav-item">639                <a640                    class="dropdown-item header-main-navigation text-wrap "641                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"642                >643                    Gestion d’immeubles en copropriété644                </a>645            </li>646            647            648            649            <li class="nav-item">650                <a651                    class="dropdown-item header-main-navigation text-wrap "652                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"653                >654                    Gestion immobilière d&#x27;appartements en location655                </a>656            </li>657            658            659            660            <li class="nav-item">661                <a662                    class="dropdown-item header-main-navigation text-wrap "663                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"664                >665                    Gestion immobilière commerciale666                </a>667            </li>668            669            670            671            <li class="nav-item">672                <a673                    class="dropdown-item header-main-navigation text-wrap "674                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"675                >676                    Service de courtage immobilier677                </a>678            </li>679            680            681            682            <li class="nav-item">683                <a684                    class="dropdown-item header-main-navigation text-wrap "685                    href="/services-de-gestion-immobiliere/gilm-renovation"686                >687                    GILM Rénovation688                </a>689            </li>690            691            692    </ul>693    <hr class="my-1 border-gray-medium d-none">694</li>695696697698            699            700            701            702703<li class="nav-item active ">704    <a class="nav-link py-0 header-main-navigation"705        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>706    <hr class="my-1 border-gray-medium d-none">707</li>708709710            711            712            713            714715<li class="nav-item  ">716    <a class="nav-link py-0 header-main-navigation"717        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>718    <hr class="my-1 border-gray-medium d-none">719</li>720721722            723            724            725            726727<li class="nav-item  ">728    <a class="nav-link py-0 header-main-navigation"729        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>730    <hr class="my-1 border-gray-medium d-none">731</li>732733734            735            736            737            738739740741742<li743    class="nav-item dropdown  "744    href="#"745>746    <a747        class="nav-link py-0 dropdown-toggle header-main-navigation"748        href="#"749        id="navbardrop"750        data-toggle="dropdown"751    >752        À propos de <br class='nav-item-translation'>Lafrance & Mathieu753        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">754    <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"/>755</svg>756757    </a>758    <ul759        class="dropdown-menu bg-gray-blue dropdown-submenu"760    >761            762            763            <li class="nav-item">764                <a765                    class="dropdown-item header-main-navigation text-wrap "766                    href="/qui-sommes-nous/?tab=1"767                >768                    Qui sommes-nous769                </a>770            </li>771            772            773            774            <li class="nav-item">775                <a776                    class="dropdown-item header-main-navigation text-wrap "777                    href="/qui-sommes-nous/?tab=2"778                >779                    Mission et valeurs780                </a>781            </li>782            783            784            785            <li class="nav-item">786                <a787                    class="dropdown-item header-main-navigation text-wrap "788                    href="/qui-sommes-nous/?tab=3"789                >790                    Équipe de direction791                </a>792            </li>793            794            795    </ul>796    <hr class="my-1 border-gray-medium d-none">797</li>798799800801            802            803        </ul>804        <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">805            <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">806            <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">807        </button>808        <ul class="nav-quick-links">809            810            811<div class="nav-item">812    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>813</div>814815816            817            818<div class="nav-item">819    <a class="header-secondary-navigation" href="/blog">Blogue</a>820</div>821822823            824            825<div class="nav-item">826    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>827</div>828829830            831            <li class="nav-item nav-client-space">832                833834<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>835            </li>836        </ul>837        <a class="nav-logo-link" href="/">838            <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"839                alt="L&M Logo">840            <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"841                alt="L&M Logo">842        </a>843    </div>844    845    846    847    848    849    850    851    852</nav>853854<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>855    function toggleMenu() {856        scrollPosition = window.scrollY;857858        const menu = document.getElementById("navbarSupportedContent");859        menu.classList.toggle("nav-d-none");860        861        const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];862        if (mobileTabs && mobileTabs.classList) {863            mobileTabs.classList.toggle("d-none");864        }865866        if (!menu.classList.contains("nav-d-none")) {867            makeHeaderDark();868        } else {869            makeHeaderClear();870        }871    }872873    window.addEventListener('touchmove', function (_e) {874        onScroll();875    });876    window.addEventListener('scroll', function (_e) {877        onScroll();878    });879880    function makeHeaderDark() {881        const header = document.getElementById("gilm-header");882        if (!header.classList.contains("top")) header.classList.add("top");883884        const lightIcons = document.getElementsByClassName("icon-top");885        const darkIcons = document.getElementsByClassName("icon-sticky");886        for (icon of lightIcons) {887            icon.classList.contains("d-none") && icon.classList.remove("d-none");888        }889        for (icon of darkIcons) {890            !icon.classList.contains("d-none") && icon.classList.add("d-none");891        }892    }893894    function makeHeaderClear() {895        const header = document.getElementById("gilm-header");896        if (header.classList.contains("top")) header.classList.remove("top");897898        const lightIcons = document.getElementsByClassName("icon-top");899        const darkIcons = document.getElementsByClassName("icon-sticky");900        for (icon of lightIcons) {901            !icon.classList.contains("d-none") && icon.classList.add("d-none");902        }903        for (icon of darkIcons) {904            icon.classList.contains("d-none") && icon.classList.remove("d-none");905        }906    }907    908    function onScroll() {909        910    }911</script>912913            </header>914            <main class="overflow-y-hidden  ">915                916917<div class="container">918    <div class="row">919        <div class="col-12">920            921            <div class="building-header d-flex flex-column algin-items-center">922    <h2 class="text-center">Logements à louer</h2>923    <div class="diamond-separator">924        <div class="diamond-container">925            <div class="diamond"></div>926        </div>927    </div>928    <h1 class="building-header-title text-center">Trouver un logement à louer à Québec</h1>929</div>930931            932        </div>933    </div>934</div>935936<form action="/louer-appartement-quebec/" id="search-form" class="col-12 p-0">937    938939940941<div class="search-bar-container">942    <div class="container">943        <div class="search-bar py-3 m-0 d-flex justify-content-center" id="search-bar">944            945            <div class="col-12 hero-popup-features d-flex flex-column flex-sm-row p-0">946                947948<div class="d-flex justify-content-between justify-content-lg-start flex-wrap flex-lg-nowrap w-100">949    950    951952953954<div class="search-button-container mb-2 mb-lg-0 position-static big">955    <button 956        957        type="button" 958        class="search-button btn rounded-pill w-100" 959        data-toggle="toggle"960    >961        <span id="label-boroughs">Charlesbourg</span>962        <img src="/static/images/icons/add-filter.svg" alt="+">963    </button>964    <div class="search-input w-100 mw-100 d-none">965        <button class="search-close-button btn btn-no-outline text-primary" type="button">966            Fermer967        </button>968        969        <div class="row search-list">970            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">971                972                <li class="col-12 col-lg-6 px-0">973                    <label class="checkbox mb-2 ">974                        <input975                            id="boroughs-1"976                            class="filter-value"977                            name="boroughs"978                            value="3"979                            type="checkbox"980                            981                            onclick='updateButtonLabel("boroughs", "1", "Beauport", "Quartiers", "");'982                        />983                        <span class="checkmark"></span>984                        Beauport985                    </label>986                </li>987                988                <li class="col-12 col-lg-6 px-0">989                    <label class="checkbox mb-2 ">990                        <input991                            id="boroughs-2"992                            class="filter-value"993                            name="boroughs"994                            value="8"995                            type="checkbox"996                            checked997                            onclick='updateButtonLabel("boroughs", "2", "Charlesbourg", "Quartiers", "");'998                        />999                        <span class="checkmark"></span>1000                        Charlesbourg1001                    </label>1002                </li>1003                1004                <li class="col-12 col-lg-6 px-0">1005                    <label class="checkbox mb-2 ">1006                        <input1007                            id="boroughs-3"1008                            class="filter-value"1009                            name="boroughs"1010                            value="9"1011                            type="checkbox"1012                            1013                            onclick='updateButtonLabel("boroughs", "3", "L&#x27;Ancienne-Lorette", "Quartiers", "");'1014                        />1015                        <span class="checkmark"></span>1016                        L&#x27;Ancienne-Lorette1017                    </label>1018                </li>1019                1020                <li class="col-12 col-lg-6 px-0">1021                    <label class="checkbox mb-2 ">1022                        <input1023                            id="boroughs-4"1024                            class="filter-value"1025                            name="boroughs"1026                            value="10"1027                            type="checkbox"1028                            1029                            onclick='updateButtonLabel("boroughs", "4", "Lebourgneuf", "Quartiers", "");'1030                        />1031                        <span class="checkmark"></span>1032                        Lebourgneuf1033                    </label>1034                </li>1035                1036                <li class="col-12 col-lg-6 px-0">1037                    <label class="checkbox mb-2 ">1038                        <input1039                            id="boroughs-5"1040                            class="filter-value"1041                            name="boroughs"1042                            value="4"1043                            type="checkbox"1044                            1045                            onclick='updateButtonLabel("boroughs", "5", "Les Saules", "Quartiers", "");'1046                        />1047                        <span class="checkmark"></span>1048                        Les Saules1049                    </label>1050                </li>1051                1052                <li class="col-12 col-lg-6 px-0">1053                    <label class="checkbox mb-2 ">1054                        <input1055                            id="boroughs-6"1056                            class="filter-value"1057                            name="boroughs"1058                            value="14"1059                            type="checkbox"1060                            1061                            onclick='updateButtonLabel("boroughs", "6", "Lévis", "Quartiers", "");'1062                        />1063                        <span class="checkmark"></span>1064                        Lévis1065                    </label>1066                </li>1067                1068                <li class="col-12 col-lg-6 px-0">1069                    <label class="checkbox mb-2 ">1070                        <input1071                            id="boroughs-7"1072                            class="filter-value"1073                            name="boroughs"1074                            value="1"1075                            type="checkbox"1076                            1077                            onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1078                        />1079                        <span class="checkmark"></span>1080                        Limoilou1081                    </label>1082                </li>1083                1084                <li class="col-12 col-lg-6 px-0">1085                    <label class="checkbox mb-2 ">1086                        <input1087                            id="boroughs-8"1088                            class="filter-value"1089                            name="boroughs"1090                            value="15"1091                            type="checkbox"1092                            1093                            onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1094                        />1095                        <span class="checkmark"></span>1096                        Loretteville1097                    </label>1098                </li>1099                1100                <li class="col-12 col-lg-6 px-0">1101                    <label class="checkbox mb-2 ">1102                        <input1103                            id="boroughs-9"1104                            class="filter-value"1105                            name="boroughs"1106                            value="6"1107                            type="checkbox"1108                            1109                            onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1110                        />1111                        <span class="checkmark"></span>1112                        Neufchatel1113                    </label>1114                </li>1115                1116                <li class="col-12 col-lg-6 px-0">1117                    <label class="checkbox mb-2 ">1118                        <input1119                            id="boroughs-10"1120                            class="filter-value"1121                            name="boroughs"1122                            value="12"1123                            type="checkbox"1124                            1125                            onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1126                        />1127                        <span class="checkmark"></span>1128                        Québec1129                    </label>1130                </li>1131                1132                <li class="col-12 col-lg-6 px-0">1133                    <label class="checkbox mb-2 ">1134                        <input1135                            id="boroughs-11"1136                            class="filter-value"1137                            name="boroughs"1138                            value="16"1139                            type="checkbox"1140                            1141                            onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1142                        />1143                        <span class="checkmark"></span>1144                        Saint-Augustin-de-Desmaures1145                    </label>1146                </li>1147                1148                <li class="col-12 col-lg-6 px-0">1149                    <label class="checkbox mb-2 ">1150                        <input1151                            id="boroughs-12"1152                            class="filter-value"1153                            name="boroughs"1154                            value="13"1155                            type="checkbox"1156                            1157                            onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1158                        />1159                        <span class="checkmark"></span>1160                        St-Roch1161                    </label>1162                </li>1163                1164                <li class="col-12 col-lg-6 px-0">1165                    <label class="checkbox mb-2 ">1166                        <input1167                            id="boroughs-13"1168                            class="filter-value"1169                            name="boroughs"1170                            value="5"1171                            type="checkbox"1172                            1173                            onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1174                        />1175                        <span class="checkmark"></span>1176                        Ste-Foy1177                    </label>1178                </li>1179                1180                <li class="col-12 col-lg-6 px-0">1181                    <label class="checkbox mb-2 ">1182                        <input1183                            id="boroughs-14"1184                            class="filter-value"1185                            name="boroughs"1186                            value="17"1187                            type="checkbox"1188                            1189                            onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1190                        />1191                        <span class="checkmark"></span>1192                        Val-Bélair1193                    </label>1194                </li>1195                1196            </ul>1197        </div>1198        1199    </div>1200</div>12011202<script>1203    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1204        const label = document.getElementById(`label-${ name }`);1205        if (label.innerHTML === defaultValue) label.innerHTML = "";12061207        const input = document.getElementById(`${ name }-${counter}`);12081209        if (input.checked) {1210            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1211            else label.innerHTML = value;1212        } else {1213            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1214            else label.innerHTML = label.innerHTML.replace(value, "");1215        }12161217        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1218    }12191220    1221</script>12221223    1224    122512261227<div class="search-button-container mb-2 mb-lg-0 big ">1228    <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1229        <div class="room-sizes-container">1230            <div id="room-size-group" class="room-size-group">1231                1232                <button1233                    id="button-2"1234                    type="button"1235                    class="btn room-size-btn "1236                    onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1237                >12381239                </button>1240                1241                <button1242                    id="button-3"1243                    type="button"1244                    class="btn room-size-btn "1245                    onclick="toggleRoomSizeButton(3); toggleRoomSizeCheckBox(3);"1246                >12471248                </button>1249                1250                <button1251                    id="button-4"1252                    type="button"1253                    class="btn room-size-btn "1254                    onclick="toggleRoomSizeButton(4); toggleRoomSizeCheckBox(4);"1255                >12561257                </button>1258                1259                <button1260                    id="button-5"1261                    type="button"1262                    class="btn room-size-btn "1263                    onclick="toggleRoomSizeButton(5); toggleRoomSizeCheckBox(5);"1264                >12651266                </button>1267                1268                <button1269                    id="button-6"1270                    type="button"1271                    class="btn room-size-btn "1272                    onclick="toggleRoomSizeButton(6); toggleRoomSizeCheckBox(6);"1273                >12741275                </button>1276                1277            </div>1278            <button id="see-more-rooms" type="button" class="search-button btn inner-button d-none text-primary border-0" data-toggle="toggle">...</button>1279            <div class="search-input w-100 mw-100 d-none">1280                <button class="search-close-button btn btn-no-outline text-primary" type="button">1281                    Fermer1282                </button>1283                <div class="row search-list">1284                    <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1285                        1286                        <li class="col-12 col-lg-6 px-0">1287                            <label class="checkbox mb-2">1288                                <input 1289                                    type="checkbox"1290                                    id="checkbox-2"1291                                    1292                                    name="room-size"1293                                    value="2"1294                                    onclick="toggleRoomSizeButton(2);"1295                                />1296                                <span class="checkmark"></span>12971298                            </label>1299                        </li>1300                        1301                        <li class="col-12 col-lg-6 px-0">1302                            <label class="checkbox mb-2">1303                                <input 1304                                    type="checkbox"1305                                    id="checkbox-3"1306                                    1307                                    name="room-size"1308                                    value="3"1309                                    onclick="toggleRoomSizeButton(3);"1310                                />1311                                <span class="checkmark"></span>13121313                            </label>1314                        </li>1315                        1316                        <li class="col-12 col-lg-6 px-0">1317                            <label class="checkbox mb-2">1318                                <input 1319                                    type="checkbox"1320                                    id="checkbox-4"1321                                    1322                                    name="room-size"1323                                    value="4"1324                                    onclick="toggleRoomSizeButton(4);"1325                                />1326                                <span class="checkmark"></span>13271328                            </label>1329                        </li>1330                        1331                        <li class="col-12 col-lg-6 px-0">1332                            <label class="checkbox mb-2">1333                                <input 1334                                    type="checkbox"1335                                    id="checkbox-5"1336                                    1337                                    name="room-size"1338                                    value="5"1339                                    onclick="toggleRoomSizeButton(5);"1340                                />1341                                <span class="checkmark"></span>13421343                            </label>1344                        </li>1345                        1346                        <li class="col-12 col-lg-6 px-0">1347                            <label class="checkbox mb-2">1348                                <input 1349                                    type="checkbox"1350                                    id="checkbox-6"1351                                    1352                                    name="room-size"1353                                    value="6"1354                                    onclick="toggleRoomSizeButton(6);"1355                                />1356                                <span class="checkmark"></span>13571358                            </label>1359                        </li>1360                        1361                    </ul>1362                </div>1363            </div>1364        </div>1365    </div>1366</div>13671368<script>1369    function toggleRoomSizeCheckBox(roomSizeId) {1370        const roomSizeCheckBox = document.getElementById(`checkbox-${roomSizeId}`);1371        if (roomSizeCheckBox) roomSizeCheckBox.checked = !roomSizeCheckBox.checked;1372    }13731374    function toggleRoomSizeButton(roomSizeId) {1375        const roomSizeButton = document.getElementById(`button-${roomSizeId}`);1376        if (roomSizeButton) roomSizeButton.classList.toggle("active");1377    }13781379    function isOverflown(element) {1380        return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;1381    }13821383    function displaySeeMoreButtonIfOverflow() {1384        const seeMoreButton = document.getElementById("see-more-rooms");1385        const roomSizeGroup = document.getElementById("room-size-group");13861387        seeMoreButton.classList.add("d-none");1388        const overflown = isOverflown(roomSizeGroup);1389        if (overflown) seeMoreButton.classList.remove("d-none");13901391    }13921393    window.addEventListener("resize", displaySeeMoreButtonIfOverflow);1394    window.addEventListener("DOMContentLoaded", displaySeeMoreButtonIfOverflow);1395</script>13961397    1398139914001401<div class="search-button-container position-static">1402    <button 1403        id="price-range-button"1404        type="button" 1405        class="search-button btn rounded-pill w-100" 1406        data-toggle="toggle"1407    >1408        <span id="label-price">Prix</span>1409        <img src="/static/images/icons/add-filter.svg" alt="+">1410    </button>1411    <div class="search-input w-100 mw-100 d-none">1412        <button class="search-close-button btn btn-no-outline text-primary" type="button">1413            Fermer1414        </button>1415        1416        141714181419<script id="search-script" type="application/json">{"rent__min": "785.00", "rent__max": "2690.00"}</script>14201421<div class="row">1422    <div class="mr-4" style="right: 0;">1423        <p class="text-primary" id="count_of_units"></p>1424    </div>1425    <div class="col-12">1426        <svg viewBox="0 0 500 100" class="chart">1427            <polyline1428                fill="#F0EDE4"1429                stroke="#ad986e"1430                stroke-width="2"1431                points="1432                    0, 1001433                    1434                        0, 951435                    1436                        11, 981437                    1438                        22, 1001439                    1440                        34, 1001441                    1442                        45, 1001443                    1444                        57, 1001445                    1446                        68, 981447                    1448                        79, 961449                    1450                        91, 961451                    1452                        102, 951453                    1454                        114, 911455                    1456                        125, 981457                    1458                        136, 951459                    1460                        148, 1001461                    1462                        159, 951463                    1464                        171, 911465                    1466                        182, 911467                    1468                        193, 931469                    1470                        205, 901471                    1472                        216, 901473                    1474                        228, 951475                    1476                        239, 961477                    1478                        250, 961479                    1480                        262, 961481                    1482                        273, 961483                    1484                        285, 981485                    1486                        296, 961487                    1488                        307, 951489                    1490                        319, 981491                    1492                        330, 981493                    1494                        342, 1001495                    1496                        353, 1001497                    1498                        365, 1001499                    1500                        376, 1001501                    1502                        387, 1001503                    1504                        399, 1001505                    1506                        410, 1001507                    1508                        422, 1001509                    1510                        433, 981511                    1512                    500, 1001513                "1514            />1515        </svg>1516        <div id="slider-range"></div>1517    </div>1518</div>1519<div class="row mt-4">1520    <div class="col-6 pr-0">1521        <input1522            class="search-slider-input rounded-left"1523            type="text"1524            id="slider-min-amount"1525            name="min-amount"1526            placeholder="Prix min."1527            value="">1528    </div>1529    <div class="col-6 pl-0">1530        <input1531            class="search-slider-input rounded-right"1532            type="text"1533            id="slider-max-amount"1534            name="max-amount"1535            placeholder="Prix max."1536            value="">1537    </div>1538</div>15391540        1541    </div>1542</div>15431544<script>1545    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1546        const label = document.getElementById(`label-${ name }`);1547        if (label.innerHTML === defaultValue) label.innerHTML = "";15481549        const input = document.getElementById(`${ name }-${counter}`);15501551        if (input.checked) {1552            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1553            else label.innerHTML = value;1554        } else {1555            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1556            else label.innerHTML = label.innerHTML.replace(value, "");1557        }15581559        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1560    }15611562    1563</script>15641565    1566156715681569<div class="search-button-container position-static">1570    <button 1571        1572        type="button" 1573        class="search-button btn rounded-pill w-100" 1574        data-toggle="toggle"1575    >1576        <span id="label-availability">Disponibilités</span>1577        <img src="/static/images/icons/add-filter.svg" alt="+">1578    </button>1579    <div class="search-input w-100 mw-100 d-none">1580        <button class="search-close-button btn btn-no-outline text-primary" type="button">1581            Fermer1582        </button>1583        1584        <div class="row search-list">1585            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1586                1587                <li class="col-12 col-lg-6 px-0">1588                    <label class="checkbox mb-2 radio">1589                        <input1590                            id="availability-1"1591                            class="filter-value"1592                            name="availability"1593                            value="1786147200"1594                            type="radio"1595                            1596                            onclick='updateButtonLabel("availability", "1", "Libre immédiatement", "Disponibilités", "True");'1597                        />1598                        <span class="checkmark"></span>1599                        Libre immédiatement1600                    </label>1601                </li>1602                1603                <li class="col-12 col-lg-6 px-0">1604                    <label class="checkbox mb-2 radio">1605                        <input1606                            id="availability-2"1607                            class="filter-value"1608                            name="availability"1609                            value="1788220800"1610                            type="radio"1611                            1612                            onclick='updateButtonLabel("availability", "2", "septembre 2026", "Disponibilités", "True");'1613                        />1614                        <span class="checkmark"></span>1615                        septembre 20261616                    </label>1617                </li>1618                1619                <li class="col-12 col-lg-6 px-0">1620                    <label class="checkbox mb-2 radio">1621                        <input1622                            id="availability-3"1623                            class="filter-value"1624                            name="availability"1625                            value="1790812800"1626                            type="radio"1627                            1628                            onclick='updateButtonLabel("availability", "3", "octobre 2026", "Disponibilités", "True");'1629                        />1630                        <span class="checkmark"></span>1631                        octobre 20261632                    </label>1633                </li>1634                1635                <li class="col-12 col-lg-6 px-0">1636                    <label class="checkbox mb-2 radio">1637                        <input1638                            id="availability-4"1639                            class="filter-value"1640                            name="availability"1641                            value="1793491200"1642                            type="radio"1643                            1644                            onclick='updateButtonLabel("availability", "4", "novembre 2026", "Disponibilités", "True");'1645                        />1646                        <span class="checkmark"></span>1647                        novembre 20261648                    </label>1649                </li>1650                1651                <li class="col-12 col-lg-6 px-0">1652                    <label class="checkbox mb-2 radio">1653                        <input1654                            id="availability-5"1655                            class="filter-value"1656                            name="availability"1657                            value="1796083200"1658                            type="radio"1659                            1660                            onclick='updateButtonLabel("availability", "5", "décembre 2026", "Disponibilités", "True");'1661                        />1662                        <span class="checkmark"></span>1663                        décembre 20261664                    </label>1665                </li>1666                1667                <li class="col-12 col-lg-6 px-0">1668                    <label class="checkbox mb-2 radio">1669                        <input1670                            id="availability-6"1671                            class="filter-value"1672                            name="availability"1673                            value="1798761600"1674                            type="radio"1675                            1676                            onclick='updateButtonLabel("availability", "6", "janvier 2027", "Disponibilités", "True");'1677                        />1678                        <span class="checkmark"></span>1679                        janvier 20271680                    </label>1681                </li>1682                1683                <li class="col-12 col-lg-6 px-0">1684                    <label class="checkbox mb-2 radio">1685                        <input1686                            id="availability-7"1687                            class="filter-value"1688                            name="availability"1689                            value="1801440000"1690                            type="radio"1691                            1692                            onclick='updateButtonLabel("availability", "7", "février 2027", "Disponibilités", "True");'1693                        />1694                        <span class="checkmark"></span>1695                        février 20271696                    </label>1697                </li>1698                1699                <li class="col-12 col-lg-6 px-0">1700                    <label class="checkbox mb-2 radio">1701                        <input1702                            id="availability-8"1703                            class="filter-value"1704                            name="availability"1705                            value="1803859200"1706                            type="radio"1707                            1708                            onclick='updateButtonLabel("availability", "8", "mars 2027", "Disponibilités", "True");'1709                        />1710                        <span class="checkmark"></span>1711                        mars 20271712                    </label>1713                </li>1714                1715            </ul>1716        </div>1717        1718    </div>1719</div>17201721<script>1722    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1723        const label = document.getElementById(`label-${ name }`);1724        if (label.innerHTML === defaultValue) label.innerHTML = "";17251726        const input = document.getElementById(`${ name }-${counter}`);17271728        if (input.checked) {1729            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1730            else label.innerHTML = value;1731        } else {1732            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1733            else label.innerHTML = label.innerHTML.replace(value, "");1734        }17351736        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1737    }17381739    1740</script>17411742    1743    1744174517461747<div class="search-button-container position-static">1748    <button 1749        1750        type="button" 1751        class="search-button btn rounded-pill w-100" 1752        data-toggle="toggle"1753    >1754        <span id="label-conveniences">Commodités</span>1755        <img src="/static/images/icons/add-filter.svg" alt="+">1756    </button>1757    <div class="search-input w-100 mw-100 d-none">1758        <button class="search-close-button btn btn-no-outline text-primary" type="button">1759            Fermer1760        </button>1761        1762        <div class="row search-list">1763            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1764                1765                <li class="col-12 col-lg-6 px-0">1766                    <label class="checkbox mb-2 ">1767                        <input1768                            id="conveniences-1"1769                            class="filter-value"1770                            name="conveniences"1771                            value="27"1772                            type="checkbox"1773                            1774                            onclick='updateButtonLabel("conveniences", "1", "Accessible aux personnes handicapées", "Commodités", "");'1775                        />1776                        <span class="checkmark"></span>1777                        Accessible aux personnes handicapées1778                    </label>1779                </li>1780                1781                <li class="col-12 col-lg-6 px-0">1782                    <label class="checkbox mb-2 ">1783                        <input1784                            id="conveniences-2"1785                            class="filter-value"1786                            name="conveniences"1787                            value="5"1788                            type="checkbox"1789                            1790                            onclick='updateButtonLabel("conveniences", "2", "Chauffage", "Commodités", "");'1791                        />1792                        <span class="checkmark"></span>1793                        Chauffage1794                    </label>1795                </li>1796                1797                <li class="col-12 col-lg-6 px-0">1798                    <label class="checkbox mb-2 ">1799                        <input1800                            id="conveniences-3"1801                            class="filter-value"1802                            name="conveniences"1803                            value="24"1804                            type="checkbox"1805                            1806                            onclick='updateButtonLabel("conveniences", "3", "Climatiseur", "Commodités", "");'1807                        />1808                        <span class="checkmark"></span>1809                        Climatiseur1810                    </label>1811                </li>1812                1813                <li class="col-12 col-lg-6 px-0">1814                    <label class="checkbox mb-2 ">1815                        <input1816                            id="conveniences-4"1817                            class="filter-value"1818                            name="conveniences"1819                            value="3"1820                            type="checkbox"1821                            1822                            onclick='updateButtonLabel("conveniences", "4", "Eau Chaude", "Commodités", "");'1823                        />1824                        <span class="checkmark"></span>1825                        Eau Chaude1826                    </label>1827                </li>1828                1829                <li class="col-12 col-lg-6 px-0">1830                    <label class="checkbox mb-2 ">1831                        <input1832                            id="conveniences-5"1833                            class="filter-value"1834                            name="conveniences"1835                            value="2"1836                            type="checkbox"1837                            1838                            onclick='updateButtonLabel("conveniences", "5", "Électricité", "Commodités", "");'1839                        />1840                        <span class="checkmark"></span>1841                        Électricité1842                    </label>1843                </li>1844                1845                <li class="col-12 col-lg-6 px-0">1846                    <label class="checkbox mb-2 ">1847                        <input1848                            id="conveniences-6"1849                            class="filter-value"1850                            name="conveniences"1851                            value="11"1852                            type="checkbox"1853                            1854                            onclick='updateButtonLabel("conveniences", "6", "Équipe de maintenance 24h", "Commodités", "");'1855                        />1856                        <span class="checkmark"></span>1857                        Équipe de maintenance 24h1858                    </label>1859                </li>1860                1861                <li class="col-12 col-lg-6 px-0">1862                    <label class="checkbox mb-2 ">1863                        <input1864                            id="conveniences-7"1865                            class="filter-value"1866                            name="conveniences"1867                            value="30"1868                            type="checkbox"1869                            1870                            onclick='updateButtonLabel("conveniences", "7", "Lave-vaisselle", "Commodités", "");'1871                        />1872                        <span class="checkmark"></span>1873                        Lave-vaisselle1874                    </label>1875                </li>1876                1877                <li class="col-12 col-lg-6 px-0">1878                    <label class="checkbox mb-2 ">1879                        <input1880                            id="conveniences-8"1881                            class="filter-value"1882                            name="conveniences"1883                            value="26"1884                            type="checkbox"1885                            1886                            onclick='updateButtonLabel("conveniences", "8", "Semi-meublé", "Commodités", "");'1887                        />1888                        <span class="checkmark"></span>1889                        Semi-meublé1890                    </label>1891                </li>1892                1893                <li class="col-12 col-lg-6 px-0">1894                    <label class="checkbox mb-2 ">1895                        <input1896                            id="conveniences-9"1897                            class="filter-value"1898                            name="conveniences"1899                            value="28"1900                            type="checkbox"1901                            1902                            onclick='updateButtonLabel("conveniences", "9", "Stationnement extérieur", "Commodités", "");'1903                        />1904                        <span class="checkmark"></span>1905                        Stationnement extérieur1906                    </label>1907                </li>1908                1909                <li class="col-12 col-lg-6 px-0">1910                    <label class="checkbox mb-2 ">1911                        <input1912                            id="conveniences-10"1913                            class="filter-value"1914                            name="conveniences"1915                            value="29"1916                            type="checkbox"1917                            1918                            onclick='updateButtonLabel("conveniences", "10", "Stationnement intérieur", "Commodités", "");'1919                        />1920                        <span class="checkmark"></span>1921                        Stationnement intérieur1922                    </label>1923                </li>1924                1925            </ul>1926        </div>1927        1928    </div>1929</div>19301931<script>1932    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1933        const label = document.getElementById(`label-${ name }`);1934        if (label.innerHTML === defaultValue) label.innerHTML = "";19351936        const input = document.getElementById(`${ name }-${counter}`);19371938        if (input.checked) {1939            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1940            else label.innerHTML = value;1941        } else {1942            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1943            else label.innerHTML = label.innerHTML.replace(value, "");1944        }19451946        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1947    }19481949    1950</script>19511952    1953    <button type="submit" class="btn btn-primary search-bar-btn" id="btn-search">1954        <span>Rechercher</span>1955    </button>1956</div>19571958            </div>1959            1960        </div>1961    </div>1962</div>19631964    <div class="container">1965        <div class="row pt-4">1966            <div class="order-1 order-md-0 col-md-6 d-flex flex-wrap-reverse justify-content-between align-items-end">1967                <h2 class="mb-0">1968                    1969                    6 logements à louer1970                    1971                </h2>1972                1973                1974                <div class="sort-indicator d-flex flex-column mb-2 mb-sm-0">1975                    <span class="sort-indicator-title text-gray-light">Trier par : </span>1976                    <a class="sort-indicator-value text-primary" href="/louer-appartement-quebec/?boroughs=8&amp;sort=asc">1977                        <span class="mr-1">Prix&nbsp;1978                            1979                            <img src="/static/images/icons/sort.svg" alt="sort" />1980                            1981                        </span>1982                    </a>1983                </div>1984                1985                1986            </div>1987            <div class="col-md-6 d-flex justify-content-between justify-content-md-end align-items-end mb-4 mb-md-0">1988                <label class="checkbox">1989                    <input type="checkbox" id="featured" name="featured" >1990                    <span class="checkmark"></span>1991                    En vedette1992                </label>1993                199419951996<a class="ml-md-5 nav-search-reset-all reset-button d-flex align-items-center" href="/louer-appartement-quebec/">1997    <i class="fas fa-sync-alt text-primary" aria-hidden="true"></i>1998    Réinitialiser les filtres1999</a>20002001            </div>2002        </div>2003    </div>2004</form>20052006<div class="container pb-5">2007    <div class="row">2008        <div class="col-12 mt-2 mt-2">2009            <div class="row">2010                <div class="col-md-6 pt-4">2011                    2012201320142015<div class="row">2016    2017    <script type="application/ld+json">2018        {2019            "@context": "http://schema.org",2020            "@type": "ApartmentComplex",2021            "description": "Appartements à louer",2022            "address": "1020, rue de Nemours Québec Québec G1H2N8",2023            "latitude": "46,851547",2024            "longitude": "-71,237898",2025            "mainEntityOfPage": {2026                "@type": "WebPage",2027                "@id": "lafrance-mathieu.com/louer-appartement-quebec/89"2028            },2029            "photo": {2030                "@type": "ImageObject",2031                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_8663ed3c-859d-11ea-b282-1275881fc0b8.jpg"2032            }2033        }2034    </script>2035    <a 2036        href="/logement/89"2037        class="appartments card border-white col-sm-6 mb-4" 2038        data-type="3"2039        data-borough="8"2040    >2041        2042204320442045<script>2046    function displayNowAvailableBubble(buildingId) {2047        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2048        nowAvailableBubble.classList.remove("d-none");2049    }2050</script>20512052<div class="row">2053    2054    2055    2056    <img src alt="" onerror="displayNowAvailableBubble(89);"></img>2057    2058    2059    2060    2061    <div class="now-available-bubble d-none" id="now-available-bubble-89">2062        <p class="text-white m-0">Disponible</p>2063    </div>2064    2065    2066    <div class="col-6 apartment-col">2067        <div class="row">2068            <div class="col-12 pr-0">2069                2070                <img 2071                    class="rounded-left apartment-image" 2072                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD001_449fec42-859e-11ea-b282-1275881fc0b8.jpg"2073                    alt="unit image"2074                    width=100%2075                    height=232px2076                />2077                2078            </div>2079        </div>2080    </div>2081    2082    2083    <div class="col-6 apartment-col">2084        <div class="row">2085            <div class="col-12 pl-0">2086                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_44c814ec-859e-11ea-b282-1275881fc0b8.jpg"2087                   alt="unit image" width="100%" height="116px">2088            </div>2089        </div>2090        2091        <div class="row">2092            <div class="col-12 pl-0">2093                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD007_44e909ae-859e-11ea-b282-1275881fc0b8.jpg"2094                    alt="unit image" width=100% height=116px>2095            </div>2096        </div>2097        2098    </div>2099    2100    2101    2102</div>21032104        2105210621072108<div class="row mt-4">2109    <div class="col-12">2110        <div class="card-body p-0 text-left">2111            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2112            <p class="apartment-address mb-1">1020, rue de Nemours</p>2113            2114                2115                    <div class="row">2116                        <div class="col-7">2117                            <p class="apartment-infos mb-0">2118                                2119                                    4½ à partir de 1395$2120                                2121                            </p>2122                            <p class="apartment-availability footnotes">2123                                Libre immédiatement2124                            </p>2125                        </div>2126                        <div class="col-5 text-right">2127                            2128                                2129                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2130                                2131                            2132                                2133                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2134                                2135                            2136                                2137                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2138                                2139                            2140                                2141                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2142                                2143                            2144                                2145                            2146                            2147                                <p class="footnotes d-inline"> +1</p>2148                            2149                        </div>2150                    </div>2151                2152            2153            2154        </div>2155    </div>2156</div>21572158    </a>2159    2160    <script type="application/ld+json">2161        {2162            "@context": "http://schema.org",2163            "@type": "ApartmentComplex",2164            "description": "Appartements à louer",2165            "address": "5445, 5ème Avenue Ouest Québec  Québec G1H7E1",2166            "latitude": "46,844213",2167            "longitude": "-71,266688",2168            "mainEntityOfPage": {2169                "@type": "WebPage",2170                "@id": "lafrance-mathieu.com/louer-appartement-quebec/163"2171            },2172            "photo": {2173                "@type": "ImageObject",2174                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD096_89effdf6-9088-11ea-8747-1275881fc0b8.JPG"2175            }2176        }2177    </script>2178    <a 2179        href="/logement/163"2180        class="appartments card border-white col-sm-6 mb-4" 2181        data-type="3"2182        data-borough="8"2183    >2184        2185218621872188<script>2189    function displayNowAvailableBubble(buildingId) {2190        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2191        nowAvailableBubble.classList.remove("d-none");2192    }2193</script>21942195<div class="row">2196    2197    2198    2199    <img src alt="" onerror="displayNowAvailableBubble(163);"></img>2200    2201    2202    2203    2204    <div class="now-available-bubble d-none" id="now-available-bubble-163">2205        <p class="text-white m-0">Disponible</p>2206    </div>2207    2208    2209    <div class="col-6 apartment-col">2210        <div class="row">2211            <div class="col-12 pr-0">2212                2213                <img 2214                    class="rounded-left apartment-image" 2215                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD087_9749a69e-af11-11ea-8d3f-1275881fc0b8.jpg"2216                    alt="unit image"2217                    width=100%2218                    height=232px2219                />2220                2221            </div>2222        </div>2223    </div>2224    2225    2226    <div class="col-6 apartment-col">2227        <div class="row">2228            <div class="col-12 pl-0">2229                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD090_9776a978-af11-11ea-8d3f-1275881fc0b8.jpg"2230                   alt="unit image" width="100%" height="116px">2231            </div>2232        </div>2233        2234        <div class="row">2235            <div class="col-12 pl-0">2236                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD091_979ad082-af11-11ea-8d3f-1275881fc0b8.jpg"2237                    alt="unit image" width=100% height=116px>2238            </div>2239        </div>2240        2241    </div>2242    2243    2244    2245</div>22462247        2248224922502251<div class="row mt-4">2252    <div class="col-12">2253        <div class="card-body p-0 text-left">2254            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2255            <p class="apartment-address mb-1">5445, 5ème Avenue Ouest</p>2256            2257                2258                    <div class="row">2259                        <div class="col-7">2260                            <p class="apartment-infos mb-0">2261                                2262                                    4½ à partir de 1275$2263                                2264                            </p>2265                            <p class="apartment-availability footnotes">2266                                Libre immédiatement2267                            </p>2268                        </div>2269                        <div class="col-5 text-right">2270                            2271                                2272                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2273                                2274                            2275                                2276                                    <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>2277                                2278                            2279                            2280                        </div>2281                    </div>2282                2283            2284            2285        </div>2286    </div>2287</div>22882289    </a>2290    2291    <script type="application/ld+json">2292        {2293            "@context": "http://schema.org",2294            "@type": "ApartmentComplex",2295            "description": "Appartements à louer",2296            "address": "7490 rue de l&#x27;Apogée Québec Québec G3E0K7",2297            "latitude": "None",2298            "longitude": "None",2299            "mainEntityOfPage": {2300                "@type": "WebPage",2301                "@id": "lafrance-mathieu.com/louer-appartement-quebec/314"2302            },2303            "photo": {2304                "@type": "ImageObject",2305                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/MDP-32_2908abb6-9e88-11ee-b86c-0e1680bea56b.jpg"2306            }2307        }2308    </script>2309    <a 2310        href="/logement/314"2311        class="appartments card border-white col-sm-6 mb-4" 2312        data-type="3"2313        data-borough="8"2314    >2315        2316231723182319<script>2320    function displayNowAvailableBubble(buildingId) {2321        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2322        nowAvailableBubble.classList.remove("d-none");2323    }2324</script>23252326<div class="row">2327    2328    2329    2330    <img src alt="" onerror="displayNowAvailableBubble(314);"></img>2331    2332    2333    2334    2335    <div class="now-available-bubble d-none" id="now-available-bubble-314">2336        <p class="text-white m-0">Disponible</p>2337    </div>2338    2339    2340    <div class="col-6 apartment-col">2341        <div class="row">2342            <div class="col-12 pr-0">2343                2344                <img 2345                    class="rounded-left apartment-image" 2346                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_0c1bf512-9e8d-11ee-b3e3-0e1680bea56b.jpg"2347                    alt="unit image"2348                    width=100%2349                    height=232px2350                />2351                2352            </div>2353        </div>2354    </div>2355    2356    2357    <div class="col-6 apartment-col">2358        <div class="row">2359            <div class="col-12 pl-0">2360                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_0cd84096-9e8d-11ee-b3e3-0e1680bea56b.jpg"2361                   alt="unit image" width="100%" height="116px">2362            </div>2363        </div>2364        2365        <div class="row">2366            <div class="col-12 pl-0">2367                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_0d69e820-9e8d-11ee-b3e3-0e1680bea56b.jpg"2368                    alt="unit image" width=100% height=116px>2369            </div>2370        </div>2371        2372    </div>2373    2374    2375    2376</div>23772378        2379238023812382<div class="row mt-4">2383    <div class="col-12">2384        <div class="card-body p-0 text-left">2385            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2386            <p class="apartment-address mb-1">7490 rue de l&#x27;Apogée</p>2387            2388                2389                    <div class="row">2390                        <div class="col-7">2391                            <p class="apartment-infos mb-0">2392                                2393                                    4½ à partir de 1495$2394                                2395                            </p>2396                            <p class="apartment-availability footnotes">2397                                Libre immédiatement2398                            </p>2399                        </div>2400                        <div class="col-5 text-right">2401                            2402                                2403                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2404                                2405                            2406                                2407                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2408                                2409                            2410                                2411                                    <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>2412                                2413                            2414                            2415                        </div>2416                    </div>2417                2418            2419            2420        </div>2421    </div>2422</div>24232424    </a>2425    2426    <script type="application/ld+json">2427        {2428            "@context": "http://schema.org",2429            "@type": "ApartmentComplex",2430            "description": "Appartements à louer",2431            "address": "6032, boul. Henri-Bourassa Québec,  (Québec)  G1H2A7",2432            "latitude": "None",2433            "longitude": "None",2434            "mainEntityOfPage": {2435                "@type": "WebPage",2436                "@id": "lafrance-mathieu.com/louer-appartement-quebec/346"2437            },2438            "photo": {2439                "@type": "ImageObject",2440                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_20_cdba1d08-00f6-11f0-9a08-123a044ec477.jpg"2441            }2442        }2443    </script>2444    <a 2445        href="/logement/346"2446        class="appartments card border-white col-sm-6 mb-4" 2447        data-type="3"2448        data-borough="8"2449    >2450        2451245224532454<script>2455    function displayNowAvailableBubble(buildingId) {2456        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2457        nowAvailableBubble.classList.remove("d-none");2458    }2459</script>24602461<div class="row">2462    2463    2464    2465    <img src alt="" onerror="displayNowAvailableBubble(346);"></img>2466    2467    2468    2469    2470    <div class="now-available-bubble d-none" id="now-available-bubble-346">2471        <p class="text-white m-0">Disponible</p>2472    </div>2473    2474    2475    <div class="col-6 apartment-col">2476        <div class="row">2477            <div class="col-12 pr-0">2478                2479                <img 2480                    class="rounded-left apartment-image" 2481                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_12_7e3b205a-00f7-11f0-84ef-123a044ec477.jpg"2482                    alt="unit image"2483                    width=100%2484                    height=232px2485                />2486                2487            </div>2488        </div>2489    </div>2490    2491    2492    <div class="col-6 apartment-col">2493        <div class="row">2494            <div class="col-12 pl-0">2495                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_11_7edff166-00f7-11f0-84ef-123a044ec477.jpg"2496                   alt="unit image" width="100%" height="116px">2497            </div>2498        </div>2499        2500        <div class="row">2501            <div class="col-12 pl-0">2502                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_10_7fac2c86-00f7-11f0-84ef-123a044ec477.jpg"2503                    alt="unit image" width=100% height=116px>2504            </div>2505        </div>2506        2507    </div>2508    2509    2510    2511</div>25122513        2514251525162517<div class="row mt-4">2518    <div class="col-12">2519        <div class="card-body p-0 text-left">2520            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2521            <p class="apartment-address mb-1">6032, boul. Henri-Bourassa</p>2522            2523                2524                    <div class="row">2525                        <div class="col-7">2526                            <p class="apartment-infos mb-0">2527                                2528                                    5½ à partir de 2010$2529                                2530                            </p>2531                            <p class="apartment-availability footnotes">2532                                Libre immédiatement2533                            </p>2534                        </div>2535                        <div class="col-5 text-right">2536                            2537                                2538                                    <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>2539                                2540                            2541                            2542                        </div>2543                    </div>2544                2545            2546            2547        </div>2548    </div>2549</div>25502551    </a>2552    2553    <script type="application/ld+json">2554        {2555            "@context": "http://schema.org",2556            "@type": "ApartmentComplex",2557            "description": "Appartements à louer",2558            "address": "6036, boul. Henri-Bourassa Québec  (Québec)  G1H2A7",2559            "latitude": "None",2560            "longitude": "None",2561            "mainEntityOfPage": {2562                "@type": "WebPage",2563                "@id": "lafrance-mathieu.com/louer-appartement-quebec/348"2564            },2565            "photo": {2566                "@type": "ImageObject",2567                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_21_fe95c42e-0a4a-11f0-81b9-123a044ec477.jpg"2568            }2569        }2570    </script>2571    <a 2572        href="/logement/348"2573        class="appartments card border-white col-sm-6 mb-4" 2574        data-type="3"2575        data-borough="8"2576    >2577        2578257925802581<script>2582    function displayNowAvailableBubble(buildingId) {2583        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2584        nowAvailableBubble.classList.remove("d-none");2585    }2586</script>25872588<div class="row">2589    2590    2591    2592    <img src alt="" onerror="displayNowAvailableBubble(348);"></img>2593    2594    2595    2596    2597    <div class="now-available-bubble d-none" id="now-available-bubble-348">2598        <p class="text-white m-0">Disponible</p>2599    </div>2600    2601    2602    <div class="col-6 apartment-col">2603        <div class="row">2604            <div class="col-12 pr-0">2605                2606                <img 2607                    class="rounded-left apartment-image" 2608                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_12_64afe1a4-0a4b-11f0-996a-123a044ec477.jpg"2609                    alt="unit image"2610                    width=100%2611                    height=232px2612                />2613                2614            </div>2615        </div>2616    </div>2617    2618    2619    <div class="col-6 apartment-col">2620        <div class="row">2621            <div class="col-12 pl-0">2622                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_11_6553a29e-0a4b-11f0-996a-123a044ec477.jpg"2623                   alt="unit image" width="100%" height="116px">2624            </div>2625        </div>2626        2627        <div class="row">2628            <div class="col-12 pl-0">2629                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_10_662995d4-0a4b-11f0-996a-123a044ec477.jpg"2630                    alt="unit image" width=100% height=116px>2631            </div>2632        </div>2633        2634    </div>2635    2636    2637    2638</div>26392640        2641264226432644<div class="row mt-4">2645    <div class="col-12">2646        <div class="card-body p-0 text-left">2647            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2648            <p class="apartment-address mb-1">6036, boul. Henri-Bourassa</p>2649            2650                2651                    <div class="row">2652                        <div class="col-7">2653                            <p class="apartment-infos mb-0">2654                                2655                                    4½ à partir de 1785$2656                                2657                            </p>2658                            <p class="apartment-availability footnotes">2659                                Libre immédiatement2660                            </p>2661                        </div>2662                        <div class="col-5 text-right">2663                            2664                                2665                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2666                                2667                            2668                                2669                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2670                                2671                            2672                                2673                                    <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>2674                                2675                            2676                            2677                        </div>2678                    </div>2679                2680            2681            2682        </div>2683    </div>2684</div>26852686    </a>2687    2688    <script type="application/ld+json">2689        {2690            "@context": "http://schema.org",2691            "@type": "ApartmentComplex",2692            "description": "Appartements à louer",2693            "address": "5425, 5ème Avenue Ouest Québec Québec G1H7E1",2694            "latitude": "46,844281",2695            "longitude": "-71,266209",2696            "mainEntityOfPage": {2697                "@type": "WebPage",2698                "@id": "lafrance-mathieu.com/louer-appartement-quebec/162"2699            },2700            "photo": {2701                "@type": "ImageObject",2702                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD096_9eac0c78-af12-11ea-a7e4-1275881fc0b8.JPG"2703            }2704        }2705    </script>2706    <a 2707        href="/logement/162"2708        class="appartments card border-white col-sm-6 mb-4" 2709        data-type="3"2710        data-borough="8"2711    >2712        2713271427152716<script>2717    function displayNowAvailableBubble(buildingId) {2718        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2719        nowAvailableBubble.classList.remove("d-none");2720    }2721</script>27222723<div class="row">2724    2725    2726    2727    2728    <div class="now-available-bubble d-none" id="now-available-bubble-162">2729        <p class="text-white m-0">Disponible</p>2730    </div>2731    2732    2733    <div class="col-6 apartment-col">2734        <div class="row">2735            <div class="col-12 pr-0">2736                2737                <img 2738                    class="rounded-left apartment-image" 2739                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD091_4a5bf9ea-af16-11ea-bca8-1275881fc0b8.jpg"2740                    alt="unit image"2741                    width=100%2742                    height=232px2743                />2744                2745            </div>2746        </div>2747    </div>2748    2749    2750    <div class="col-6 apartment-col">2751        <div class="row">2752            <div class="col-12 pl-0">2753                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD090_4a80fb3c-af16-11ea-bca8-1275881fc0b8.jpg"2754                   alt="unit image" width="100%" height="116px">2755            </div>2756        </div>2757        2758        <div class="row">2759            <div class="col-12 pl-0">2760                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD087_4a9c71c8-af16-11ea-bca8-1275881fc0b8.jpg"2761                    alt="unit image" width=100% height=116px>2762            </div>2763        </div>2764        2765    </div>2766    2767    2768    2769</div>27702771        2772277327742775<div class="row mt-4">2776    <div class="col-12">2777        <div class="card-body p-0 text-left">2778            <h5 class="apartment-borough">Appartements &middot; Charlesbourg</h5>2779            <p class="apartment-address mb-1">5425, 5ème Avenue Ouest</p>2780            2781                2782                    <div class="row">2783                        <div class="col-7">2784                            <p class="apartment-infos mb-0">2785                                2786                                    4½ à partir de 1310$2787                                2788                            </p>2789                            <p class="apartment-availability footnotes">2790                                décembre 20262791                            </p>2792                        </div>2793                        <div class="col-5 text-right">2794                            2795                                2796                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2797                                2798                            2799                                2800                                    <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>2801                                2802                            2803                            2804                        </div>2805                    </div>2806                2807            2808            2809        </div>2810    </div>2811</div>28122813    </a>2814    2815</div>2816281728182819                    2820                    2821                    2822282328242825<div class="row my-5 ">2826    <h1 class="col-12 text-center mb-3 new-title">2827        Explorer les logements à louer par secteurs2828    </h1>2829    <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2830    2831    <div class="col-md-12 left-align-slick">2832        <div class="centered--left multiple-items-slick-arrow--left"></div>2833        <div class="slick-carousel" data-items="4">2834            2835            <a 2836                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2837                data-borough="3"2838                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2839                href="/louer-appartement-quebec/?boroughs=3"2840            >2841                <div class="bottom--middle d-flex flex-column pb-3">2842                    <p class="thumbnail-title text-white mb-1">Beauport</p>2843                    <span class="text-white very-small-paragraph">2844                        92845                        Logements2846                    </span>2847                </div>2848                <div class="tile-gradient rounded"></div>2849            </a>2850            2851            <a 2852                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2853                data-borough="8"2854                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2855                href="/louer-appartement-quebec/?boroughs=8"2856            >2857                <div class="bottom--middle d-flex flex-column pb-3">2858                    <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2859                    <span class="text-white very-small-paragraph">2860                        62861                        Logements2862                    </span>2863                </div>2864                <div class="tile-gradient rounded"></div>2865            </a>2866            2867            <a 2868                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2869                data-borough="9"2870                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2871                href="/louer-appartement-quebec/?boroughs=9"2872            >2873                <div class="bottom--middle d-flex flex-column pb-3">2874                    <p class="thumbnail-title text-white mb-1">L&#x27;Ancienne-Lorette</p>2875                    <span class="text-white very-small-paragraph">2876                        12877                        Logement2878                    </span>2879                </div>2880                <div class="tile-gradient rounded"></div>2881            </a>2882            2883            <a 2884                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2885                data-borough="10"2886                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2887                href="/louer-appartement-quebec/?boroughs=10"2888            >2889                <div class="bottom--middle d-flex flex-column pb-3">2890                    <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2891                    <span class="text-white very-small-paragraph">2892                        32893                        Logements2894                    </span>2895                </div>2896                <div class="tile-gradient rounded"></div>2897            </a>2898            2899            <a 2900                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2901                data-borough="4"2902                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2903                href="/louer-appartement-quebec/?boroughs=4"2904            >2905                <div class="bottom--middle d-flex flex-column pb-3">2906                    <p class="thumbnail-title text-white mb-1">Les Saules</p>2907                    <span class="text-white very-small-paragraph">2908                        92909                        Logements2910                    </span>2911                </div>2912                <div class="tile-gradient rounded"></div>2913            </a>2914            2915            <a 2916                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2917                data-borough="14"2918                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2919                href="/louer-appartement-quebec/?boroughs=14"2920            >2921                <div class="bottom--middle d-flex flex-column pb-3">2922                    <p class="thumbnail-title text-white mb-1">Lévis</p>2923                    <span class="text-white very-small-paragraph">2924                        42925                        Logements2926                    </span>2927                </div>2928                <div class="tile-gradient rounded"></div>2929            </a>2930            2931            <a 2932                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2933                data-borough="1"2934                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2935                href="/louer-appartement-quebec/?boroughs=1"2936            >2937                <div class="bottom--middle d-flex flex-column pb-3">2938                    <p class="thumbnail-title text-white mb-1">Limoilou</p>2939                    <span class="text-white very-small-paragraph">2940                        32941                        Logements2942                    </span>2943                </div>2944                <div class="tile-gradient rounded"></div>2945            </a>2946            2947            <a 2948                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2949                data-borough="15"2950                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2951                href="/louer-appartement-quebec/?boroughs=15"2952            >2953                <div class="bottom--middle d-flex flex-column pb-3">2954                    <p class="thumbnail-title text-white mb-1">Loretteville</p>2955                    <span class="text-white very-small-paragraph">2956                        12957                        Logement2958                    </span>2959                </div>2960                <div class="tile-gradient rounded"></div>2961            </a>2962            2963            <a 2964                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2965                data-borough="6"2966                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2967                href="/louer-appartement-quebec/?boroughs=6"2968            >2969                <div class="bottom--middle d-flex flex-column pb-3">2970                    <p class="thumbnail-title text-white mb-1">Neufchatel</p>2971                    <span class="text-white very-small-paragraph">2972                        62973                        Logements2974                    </span>2975                </div>2976                <div class="tile-gradient rounded"></div>2977            </a>2978            2979            <a 2980                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2981                data-borough="12"2982                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2983                href="/louer-appartement-quebec/?boroughs=12"2984            >2985                <div class="bottom--middle d-flex flex-column pb-3">2986                    <p class="thumbnail-title text-white mb-1">Québec</p>2987                    <span class="text-white very-small-paragraph">2988                        22989                        Logements2990                    </span>2991                </div>2992                <div class="tile-gradient rounded"></div>2993            </a>2994            2995            <a 2996                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2997                data-borough="16"2998                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2999                href="/louer-appartement-quebec/?boroughs=16"3000            >3001                <div class="bottom--middle d-flex flex-column pb-3">3002                    <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>3003                    <span class="text-white very-small-paragraph">3004                        103005                        Logements3006                    </span>3007                </div>3008                <div class="tile-gradient rounded"></div>3009            </a>3010            3011            <a 3012                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"3013                data-borough="13"3014                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"3015                href="/louer-appartement-quebec/?boroughs=13"3016            >3017                <div class="bottom--middle d-flex flex-column pb-3">3018                    <p class="thumbnail-title text-white mb-1">St-Roch</p>3019                    <span class="text-white very-small-paragraph">3020                        13021                        Logement3022                    </span>3023                </div>3024                <div class="tile-gradient rounded"></div>3025            </a>3026            3027            <a 3028                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"3029                data-borough="5"3030                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"3031                href="/louer-appartement-quebec/?boroughs=5"3032            >3033                <div class="bottom--middle d-flex flex-column pb-3">3034                    <p class="thumbnail-title text-white mb-1">Ste-Foy</p>3035                    <span class="text-white very-small-paragraph">3036                        143037                        Logements3038                    </span>3039                </div>3040                <div class="tile-gradient rounded"></div>3041            </a>3042            3043            <a 3044                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"3045                data-borough="17"3046                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"3047                href="/louer-appartement-quebec/?boroughs=17"3048            >3049                <div class="bottom--middle d-flex flex-column pb-3">3050                    <p class="thumbnail-title text-white mb-1">Val-Bélair</p>3051                    <span class="text-white very-small-paragraph">3052                        23053                        Logements3054                    </span>3055                </div>3056                <div class="tile-gradient rounded"></div>3057            </a>3058            3059        </div>3060        <div class="centered--right multiple-items-slick-arrow--right"></div>3061    </div>3062</div>306330643065                    3066                    3067306830693070    <div class="row mt-5 ">3071        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>3072        <div class="col-12 mb-3">3073            307430753076<div class="row">3077    3078    <a 3079        href="/logement/312"3080        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3081        data-type="3"3082        data-borough="10"3083    >3084        3085308630873088<script>3089    function displayNowAvailableBubble(buildingId) {3090        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);3091        nowAvailableBubble.classList.remove("d-none");3092    }3093</script>30943095<div class="row">3096    3097    3098    3099    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>3100    3101    3102    3103    3104    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">3105        <p class="text-white m-0">En vedette</p>3106    </div>3107    3108    3109    <div class="col-6 apartment-col">3110        <div class="row">3111            <div class="col-12 pr-0">3112                3113                <img 3114                    class="rounded-left apartment-image" 3115                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"3116                    alt="unit image"3117                    width=100%3118                    height=232px3119                />3120                3121            </div>3122        </div>3123    </div>3124    3125    3126    <div class="col-6 apartment-col">3127        <div class="row">3128            <div class="col-12 pl-0">3129                <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"3130                   alt="unit image" width="100%" height="116px">3131            </div>3132        </div>3133        3134        <div class="row">3135            <div class="col-12 pl-0">3136                <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"3137                    alt="unit image" width=100% height=116px>3138            </div>3139        </div>3140        3141    </div>3142    3143    3144    3145</div>31463147        3148314931503151<div class="row mt-4">3152    <div class="col-12">3153        <div class="card-body p-0 text-left">3154            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>3155            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>3156            3157                3158                    <div class="row">3159                        <div class="col-7">3160                            <p class="apartment-infos mb-0">3161                                3162                                    4½ à partir de 1595$3163                                3164                            </p>3165                            <p class="apartment-availability footnotes">3166                                octobre 20263167                            </p>3168                        </div>3169                        <div class="col-5 text-right">3170                            3171                                3172                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3173                                3174                            3175                                3176                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>3177                                3178                            3179                                3180                                    <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>3181                                3182                            3183                            3184                        </div>3185                    </div>3186                3187            3188            3189        </div>3190    </div>3191</div>31923193    </a>3194    3195    <a 3196        href="/logement/18"3197        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3198        data-type="3"3199        data-borough="3"3200    >3201        3202320332043205<script>3206    function displayNowAvailableBubble(buildingId) {3207        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);3208        nowAvailableBubble.classList.remove("d-none");3209    }3210</script>32113212<div class="row">3213    3214    3215    3216    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>3217    3218    3219    3220    3221    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">3222        <p class="text-white m-0">En vedette</p>3223    </div>3224    3225    3226    <div class="col-6 apartment-col">3227        <div class="row">3228            <div class="col-12 pr-0">3229                3230                <img 3231                    class="rounded-left apartment-image" 3232                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"3233                    alt="unit image"3234                    width=100%3235                    height=232px3236                />3237                3238            </div>3239        </div>3240    </div>3241    3242    3243    <div class="col-6 apartment-col">3244        <div class="row">3245            <div class="col-12 pl-0">3246                <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"3247                   alt="unit image" width="100%" height="116px">3248            </div>3249        </div>3250        3251        <div class="row">3252            <div class="col-12 pl-0">3253                <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"3254                    alt="unit image" width=100% height=116px>3255            </div>3256        </div>3257        3258    </div>3259    3260    3261    3262</div>32633264        3265326632673268<div class="row mt-4">3269    <div class="col-12">3270        <div class="card-body p-0 text-left">3271            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>3272            <p class="apartment-address mb-1">555, avenue du Fleuve</p>3273            3274                3275                    <div class="row">3276                        <div class="col-7">3277                            <p class="apartment-infos mb-0">3278                                3279                                    1½ à partir de 799$3280                                3281                            </p>3282                            <p class="apartment-availability footnotes">3283                                Libre immédiatement3284                            </p>3285                        </div>3286                        <div class="col-5 text-right">3287                            3288                                3289                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>3290                                3291                            3292                                3293                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3294                                3295                            3296                                3297                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>3298                                3299                            3300                                3301                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3302                                3303                            3304                                3305                            3306                                3307                            3308                            3309                                <p class="footnotes d-inline"> +2</p>3310                            3311                        </div>3312                    </div>3313                3314            3315            3316        </div>3317    </div>3318</div>33193320    </a>3321    3322    <a 3323        href="/logement/160"3324        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3325        data-type="3"3326        data-borough="6"3327    >3328        3329333033313332<script>3333    function displayNowAvailableBubble(buildingId) {3334        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);3335        nowAvailableBubble.classList.remove("d-none");3336    }3337</script>33383339<div class="row">3340    3341    3342    3343    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>3344    3345    3346    3347    3348    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">3349        <p class="text-white m-0">En vedette</p>3350    </div>3351    3352    3353    <div class="col-6 apartment-col">3354        <div class="row">3355            <div class="col-12 pr-0">3356                3357                <img 3358                    class="rounded-left apartment-image" 3359                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"3360                    alt="unit image"3361                    width=100%3362                    height=232px3363                />3364                3365            </div>3366        </div>3367    </div>3368    3369    3370    <div class="col-6 apartment-col">3371        <div class="row">3372            <div class="col-12 pl-0">3373                <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"3374                   alt="unit image" width="100%" height="116px">3375            </div>3376        </div>3377        3378        <div class="row">3379            <div class="col-12 pl-0">3380                <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"3381                    alt="unit image" width=100% height=116px>3382            </div>3383        </div>3384        3385    </div>3386    3387    3388    3389</div>33903391        3392339333943395<div class="row mt-4">3396    <div class="col-12">3397        <div class="card-body p-0 text-left">3398            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>3399            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>3400            3401                3402                    <div class="row">3403                        <div class="col-7">3404                            <p class="apartment-infos mb-0">3405                                3406                                    4½ à partir de 1250$3407                                3408                            </p>3409                            <p class="apartment-availability footnotes">3410                                Libre immédiatement3411                            </p>3412                        </div>3413                        <div class="col-5 text-right">3414                            3415                                3416                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3417                                3418                            3419                                3420                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3421                                3422                            3423                                3424                                    <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>3425                                3426                            3427                                3428                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>3429                                3430                            3431                            3432                        </div>3433                    </div>3434                3435            3436            3437        </div>3438    </div>3439</div>34403441    </a>3442    3443</div>34443445        </div>3446        3447    </div>344834493450                    3451                </div>3452                3453                <div class="col-md-6 pt-4">3454                    34553456<script id="building-coordinates" type="application/json">[{"loc": ["46.851547", "-71.237898"], "id": 89}, {"loc": ["46.844213", "-71.266688"], "id": 163}, {"loc": ["46.844281", "-71.266209"], "id": 162}]</script>34573458<div id="map-container" class=" mb-2 mt-1">3459    <div id="interactive-map" style="height: 100%;" class="rounded">3460    </div>3461</div>34623463                </div>3464                3465            </div>3466        </div>3467    </div>3468</div>34693470            </main>3471            <footer>3472                347334743475<div class="footer row m-0 p-5 justify-content-center bg-black">3476    <div class="container m-0">3477        <div class="row mb-3">3478            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"3479                height="80px" class="footer-logo">3480        </div>3481        <div class="row">3482            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">3483                <p class="footer-title mb-2">Contactez-nous</p>3484                <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>3485                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3486                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3487                    <span class="footer-phone">418 626-5500</span>3488                </a>3489                <a href="/cdn-cgi/l/email-protection#a6cfc8c0c9e6cac7c0d4c7c8c5c38bcbc7d2cecfc3d388c5c9cb" target="_blank" class="mb-3 d-flex align-items-center">3490                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />3491                    <span><span class="__cf_email__" data-cfemail="f891969e97b894999e8a99969b9dd595998c90919d8dd69b9795">[email&#160;protected]</span></span>3492                </a>3493                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">3494                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G43495                </a>3496                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>3497                <div class="d-flex">3498                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">3499                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"3500                            class="footer-social-icon mr-3" />3501                    </a>3502                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">3503                        <img src=/static/images/icons/facebook.svg alt="facebook icon"3504                            class="footer-social-icon" />3505                    </a>3506                </div>3507            </div>3508            <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">3509                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>3510                <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>3511                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3512                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3513                    <span class="footer-phone">418-626-5500</span>3514                </a>3515                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">3516                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />3517                    <span>Se connecter à l’Espace client</span>3518                </a>3519                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">3520                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />3521                    <span>Se connecter à Sensaas</span>3522                </a>3523            </div>3524            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">3525                <ul class="navbar-nav">3526                    3527                    35283529<li class="nav-item  ">3530    <a class="nav-link py-0 footer-main-navigation mb-3"3531        href="/">Accueil</a>3532    <hr class="my-1 border-gray-medium d-none">3533</li>353435353536                    3537                    35383539<li class="nav-item  ">3540    <a class="nav-link py-0 footer-main-navigation mb-3"3541        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3542    <hr class="my-1 border-gray-medium d-none">3543</li>354435453546                    3547                    35483549<li class="nav-item active ">3550    <a class="nav-link py-0 footer-main-navigation mb-3"3551        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3552    <hr class="my-1 border-gray-medium d-none">3553</li>355435553556                    3557                    35583559<li class="nav-item  ">3560    <a class="nav-link py-0 footer-main-navigation mb-3"3561        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3562    <hr class="my-1 border-gray-medium d-none">3563</li>356435653566                    3567                    35683569<li class="nav-item  ">3570    <a class="nav-link py-0 footer-main-navigation mb-3"3571        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3572    <hr class="my-1 border-gray-medium d-none">3573</li>357435753576                    3577                    35783579<li class="nav-item  ">3580    <a class="nav-link py-0 footer-main-navigation mb-3"3581        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3582    <hr class="my-1 border-gray-medium d-none">3583</li>358435853586                    3587                </ul>3588            </div>3589            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3590                <ul class="navbar-nav">3591                    3592                    35933594<li class="nav-item  ">3595    <a class="nav-link py-0 footer-main-navigation mb-3"3596        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3597    <hr class="my-1 border-gray-medium d-none">3598</li>359936003601                    3602                    36033604<li class="nav-item  ">3605    <a class="nav-link py-0 footer-main-navigation mb-3"3606        href="/blog">Blogue</a>3607    <hr class="my-1 border-gray-medium d-none">3608</li>360936103611                    3612                    36133614<li class="nav-item  ">3615    <a class="nav-link py-0 footer-main-navigation mb-3"3616        href="/faire-carriere/">Carrières</a>3617    <hr class="my-1 border-gray-medium d-none">3618</li>361936203621                    3622                </ul>3623            </div>3624        </div>3625    </div>3626</div>36273628362936303631<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">3632    <div class="d-flex justify-content-center">3633        <ul class="list-inline mb-1">3634            3635            <li class="list-inline-item">3636                <a href=/conditions-utilisation>3637                    Conditions d'utilisation3638                </a>3639            </li>3640            3641            3642            <li class="list-inline-item">3643                <a href=/politique-confidentialite>3644                    Politique de confidentialité3645                </a>3646            </li>3647            3648            3649            <li class="list-inline-item">3650                <a href=/protection-renseignements-personnels>3651                    Protection des renseignements personnels3652                </a>3653            </li>3654            3655            3656            <li class="list-inline-item">3657                <a href=/temoins-navigation>3658                    Gérer vos témoins de navigation3659                </a>3660            </li>3661            3662        </ul>3663    </div>3664    <div class="d-flex justify-content-center">3665        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3666    </div>3667</div>36683669            </footer>3670        36713672<!-- Cookie Banner -->3673<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3674    <div class="gilm-cookie-banner-container">3675        <div class="gilm-cookie-banner-text">3676            <p>3677                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3678                sites3679                Web3680                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3681                témoins,3682                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3683                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3684                l'utilisation3685                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3686            </p>3687            <p class="d-sm-none">3688                <a href=/temoins-navigation>3689                    Gérer vos témoins de navigation3690                </a>3691                <br/>3692                <a href=/politique-confidentialite>3693                    Politique de confidentialité3694                </a>3695                <br/>3696                <a href=/conditions-utilisation>3697                    Conditions d'utilisation3698                </a>3699            </p>3700            <p class="d-none d-sm-block">3701                <a href=/temoins-navigation>3702                    Gérer vos témoins de navigation3703                </a>3704                -3705                <a href=/politique-confidentialite>3706                    Politique de confidentialité3707                </a>3708                -3709                <a href=/conditions-utilisation>3710                    Conditions d'utilisation3711                </a>3712            </p>3713        </div>3714        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3715                onclick="window.gilm_hideCookieBanner()">3716            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3717        </button>3718    </div>3719</div>3720<!-- End of Cookie Banner -->3721        </div>3722        <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">3723        </script>3724        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3725        </script>3726        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3727        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3728        </script>3729        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3730        </script>3731        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3732        </script>3733        <script type="text/javascript" src="/static/js/carousel.js">3734        </script>3735        <script type="text/javascript" src="/static/js/cookie_banner.js">3736        </script>3737        <script id="search-script" type="text/javascript" src="/static/js/search.js">3738        </script>3739        <script type="text/javascript" src="/static/js/jssocials.min.js">3740        </script>3741        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3742        </script>3743        <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">3744        </script>3745        <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">3746        </script>3747        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3748        <script>3749            window.dataLayer = window.dataLayer || [];37503751            function gtag() {3752                dataLayer.push(arguments);3753            }3754            gtag('js', new Date());3755            gtag('config', 'UA-20687227-3');3756        </script>3757        3758<script type="text/javascript" src="/static/js/leaflet.js">3759</script>37603761        3762    </body>37633764    </html>3765