SPB Git

spb/lou-ka Public

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

HTML 99.7%
132.3 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#b4dddad2dbf4d8d5d2c6d5dad7d199d9d5c0dcddd1c19ad7dbd9" 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="b3daddd5dcf3dfd2d5c1d2ddd0d69eded2c7dbdad6c69dd0dcde">[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">Neufchatel</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                            997                            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                            checked1109                            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=6&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": "12385 rue des Fous-de-Bassan Québec Québec G2B0R8",2023            "latitude": "None",2024            "longitude": "None",2025            "mainEntityOfPage": {2026                "@type": "WebPage",2027                "@id": "lafrance-mathieu.com/louer-appartement-quebec/324"2028            },2029            "photo": {2030                "@type": "ImageObject",2031                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/facade_c8970106-bb92-11ee-a8ce-12b146e9616b.jpeg"2032            }2033        }2034    </script>2035    <a 2036        href="/logement/324"2037        class="appartments card border-white col-sm-6 mb-4" 2038        data-type="3"2039        data-borough="6"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(324);"></img>2057    2058    2059    2060    2061    <div class="now-available-bubble d-none" id="now-available-bubble-324">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/1_4c13f0dc-bb9a-11ee-96a4-12b146e9616b.jpeg"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/2_4faf90de-bb9a-11ee-96a4-12b146e9616b.jpeg"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/3_538cea80-bb9a-11ee-96a4-12b146e9616b.jpeg"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; Neufchatel</h5>2112            <p class="apartment-address mb-1">12385 rue des Fous-de-Bassan</p>2113            2114                2115                    <div class="row">2116                        <div class="col-7">2117                            <p class="apartment-infos mb-0">2118                                2119                                    4½ à partir de 1550$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_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2130                                2131                            2132                                2133                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2134                                2135                            2136                                2137                                    <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>2138                                2139                            2140                            2141                        </div>2142                    </div>2143                2144            2145            2146        </div>2147    </div>2148</div>21492150    </a>2151    2152    <script type="application/ld+json">2153        {2154            "@context": "http://schema.org",2155            "@type": "ApartmentComplex",2156            "description": "Appartements à louer",2157            "address": "9115, rue St-Charles Québec Québec G2B2L4",2158            "latitude": "46,846393",2159            "longitude": "-71,322663",2160            "mainEntityOfPage": {2161                "@type": "WebPage",2162                "@id": "lafrance-mathieu.com/louer-appartement-quebec/129"2163            },2164            "photo": {2165                "@type": "ImageObject",2166                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD2_a12b87f4-b169-11ea-8747-1275881fc0b8.jpg"2167            }2168        }2169    </script>2170    <a 2171        href="/logement/129"2172        class="appartments card border-white col-sm-6 mb-4" 2173        data-type="3"2174        data-borough="6"2175    >2176        2177217821792180<script>2181    function displayNowAvailableBubble(buildingId) {2182        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2183        nowAvailableBubble.classList.remove("d-none");2184    }2185</script>21862187<div class="row">2188    2189    2190    2191    <img src alt="" onerror="displayNowAvailableBubble(129);"></img>2192    2193    2194    2195    2196    <div class="now-available-bubble d-none" id="now-available-bubble-129">2197        <p class="text-white m-0">Disponible</p>2198    </div>2199    2200    2201    <div class="col-6 apartment-col">2202        <div class="row">2203            <div class="col-12 pr-0">2204                2205                <img 2206                    class="rounded-left apartment-image" 2207                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD12_43aee954-b169-11ea-bca8-1275881fc0b8.jpg"2208                    alt="unit image"2209                    width=100%2210                    height=232px2211                />2212                2213            </div>2214        </div>2215    </div>2216    2217    2218    <div class="col-6 apartment-col">2219        <div class="row">2220            <div class="col-12 pl-0">2221                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD15_43dec1ec-b169-11ea-bca8-1275881fc0b8.jpg"2222                   alt="unit image" width="100%" height="116px">2223            </div>2224        </div>2225        2226        <div class="row">2227            <div class="col-12 pl-0">2228                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD21_44047df6-b169-11ea-bca8-1275881fc0b8.jpg"2229                    alt="unit image" width=100% height=116px>2230            </div>2231        </div>2232        2233    </div>2234    2235    2236    2237</div>22382239        2240224122422243<div class="row mt-4">2244    <div class="col-12">2245        <div class="card-body p-0 text-left">2246            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2247            <p class="apartment-address mb-1">9115, rue St-Charles</p>2248            2249                2250                    <div class="row">2251                        <div class="col-7">2252                            <p class="apartment-infos mb-0">2253                                2254                                    4½ à partir de 1250$2255                                2256                            </p>2257                            <p class="apartment-availability footnotes">2258                                Libre immédiatement2259                            </p>2260                        </div>2261                        <div class="col-5 text-right">2262                            2263                                2264                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2265                                2266                            2267                                2268                                    <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>2269                                2270                            2271                            2272                        </div>2273                    </div>2274                2275            2276            2277        </div>2278    </div>2279</div>22802281    </a>2282    2283    <script type="application/ld+json">2284        {2285            "@context": "http://schema.org",2286            "@type": "ApartmentComplex",2287            "description": "Appartements à louer",2288            "address": "1571, rue Pierre-Corneille Québec Québec G2E4W9",2289            "latitude": "46,820422",2290            "longitude": "-71,365621",2291            "mainEntityOfPage": {2292                "@type": "WebPage",2293                "@id": "lafrance-mathieu.com/louer-appartement-quebec/159"2294            },2295            "photo": {2296                "@type": "ImageObject",2297                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD49_ac16dbbc-b17f-11ea-8fd9-1275881fc0b8.jpg"2298            }2299        }2300    </script>2301    <a 2302        href="/logement/159"2303        class="appartments card border-white col-sm-6 mb-4" 2304        data-type="3"2305        data-borough="6"2306    >2307        2308230923102311<script>2312    function displayNowAvailableBubble(buildingId) {2313        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2314        nowAvailableBubble.classList.remove("d-none");2315    }2316</script>23172318<div class="row">2319    2320    2321    2322    <img src alt="" onerror="displayNowAvailableBubble(159);"></img>2323    2324    2325    2326    2327    <div class="now-available-bubble d-none" id="now-available-bubble-159">2328        <p class="text-white m-0">Disponible</p>2329    </div>2330    2331    2332    <div class="col-6 apartment-col">2333        <div class="row">2334            <div class="col-12 pr-0">2335                2336                <img 2337                    class="rounded-left apartment-image" 2338                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_f10cac56-bfa3-11ea-abf4-0e226705be53.jpg"2339                    alt="unit image"2340                    width=100%2341                    height=232px2342                />2343                2344            </div>2345        </div>2346    </div>2347    2348    2349    <div class="col-6 apartment-col">2350        <div class="row">2351            <div class="col-12 pl-0">2352                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD2_f1f64032-bfa3-11ea-abf4-0e226705be53.jpg"2353                   alt="unit image" width="100%" height="116px">2354            </div>2355        </div>2356        2357        <div class="row">2358            <div class="col-12 pl-0">2359                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD3_f2d355d0-bfa3-11ea-abf4-0e226705be53.jpg"2360                    alt="unit image" width=100% height=116px>2361            </div>2362        </div>2363        2364    </div>2365    2366    2367    2368</div>23692370        2371237223732374<div class="row mt-4">2375    <div class="col-12">2376        <div class="card-body p-0 text-left">2377            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2378            <p class="apartment-address mb-1">1571, rue Pierre-Corneille</p>2379            2380                2381                    <div class="row">2382                        <div class="col-7">2383                            <p class="apartment-infos mb-0">2384                                2385                                    4½ à partir de 1190$2386                                2387                            </p>2388                            <p class="apartment-availability footnotes">2389                                Libre immédiatement2390                            </p>2391                        </div>2392                        <div class="col-5 text-right">2393                            2394                                2395                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2396                                2397                            2398                                2399                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2400                                2401                            2402                                2403                                    <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>2404                                2405                            2406                                2407                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2408                                2409                            2410                            2411                        </div>2412                    </div>2413                2414            2415            2416        </div>2417    </div>2418</div>24192420    </a>2421    2422    <script type="application/ld+json">2423        {2424            "@context": "http://schema.org",2425            "@type": "ApartmentComplex",2426            "description": "Appartements à louer",2427            "address": "1573, rue Pierre-Corneille Québec Québec G2E4W9",2428            "latitude": "46,820519",2429            "longitude": "-71,365499",2430            "mainEntityOfPage": {2431                "@type": "WebPage",2432                "@id": "lafrance-mathieu.com/louer-appartement-quebec/160"2433            },2434            "photo": {2435                "@type": "ImageObject",2436                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD49_4c147512-b17f-11ea-99b2-1275881fc0b8.jpg"2437            }2438        }2439    </script>2440    <a 2441        href="/logement/160"2442        class="appartments card border-white col-sm-6 mb-4" 2443        data-type="3"2444        data-borough="6"2445    >2446        2447244824492450<script>2451    function displayNowAvailableBubble(buildingId) {2452        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2453        nowAvailableBubble.classList.remove("d-none");2454    }2455</script>24562457<div class="row">2458    2459    2460    2461    <img src alt="" onerror="displayNowAvailableBubble(160);"></img>2462    2463    2464    2465    2466    <div class="now-available-bubble d-none" id="now-available-bubble-160">2467        <p class="text-white m-0">Disponible</p>2468    </div>2469    2470    2471    <div class="col-6 apartment-col">2472        <div class="row">2473            <div class="col-12 pr-0">2474                2475                <img 2476                    class="rounded-left apartment-image" 2477                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2478                    alt="unit image"2479                    width=100%2480                    height=232px2481                />2482                2483            </div>2484        </div>2485    </div>2486    2487    2488    <div class="col-6 apartment-col">2489        <div class="row">2490            <div class="col-12 pl-0">2491                <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"2492                   alt="unit image" width="100%" height="116px">2493            </div>2494        </div>2495        2496        <div class="row">2497            <div class="col-12 pl-0">2498                <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"2499                    alt="unit image" width=100% height=116px>2500            </div>2501        </div>2502        2503    </div>2504    2505    2506    2507</div>25082509        2510251125122513<div class="row mt-4">2514    <div class="col-12">2515        <div class="card-body p-0 text-left">2516            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2517            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2518            2519                2520                    <div class="row">2521                        <div class="col-7">2522                            <p class="apartment-infos mb-0">2523                                2524                                    4½ à partir de 1250$2525                                2526                            </p>2527                            <p class="apartment-availability footnotes">2528                                Libre immédiatement2529                            </p>2530                        </div>2531                        <div class="col-5 text-right">2532                            2533                                2534                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2535                                2536                            2537                                2538                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2539                                2540                            2541                                2542                                    <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>2543                                2544                            2545                                2546                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2547                                2548                            2549                            2550                        </div>2551                    </div>2552                2553            2554            2555        </div>2556    </div>2557</div>25582559    </a>2560    2561    <script type="application/ld+json">2562        {2563            "@context": "http://schema.org",2564            "@type": "ApartmentComplex",2565            "description": "Appartements à louer",2566            "address": "9105, rue St-Charles Québec Québec G2B2L4",2567            "latitude": "46,846366",2568            "longitude": "-71,322645",2569            "mainEntityOfPage": {2570                "@type": "WebPage",2571                "@id": "lafrance-mathieu.com/louer-appartement-quebec/128"2572            },2573            "photo": {2574                "@type": "ImageObject",2575                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD3_8c426dd0-b169-11ea-8d3f-1275881fc0b8.jpg"2576            }2577        }2578    </script>2579    <a 2580        href="/logement/128"2581        class="appartments card border-white col-sm-6 mb-4" 2582        data-type="3"2583        data-borough="6"2584    >2585        2586258725882589<script>2590    function displayNowAvailableBubble(buildingId) {2591        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2592        nowAvailableBubble.classList.remove("d-none");2593    }2594</script>25952596<div class="row">2597    2598    2599    2600    2601    <div class="now-available-bubble d-none" id="now-available-bubble-128">2602        <p class="text-white m-0">Disponible</p>2603    </div>2604    2605    2606    <div class="col-6 apartment-col">2607        <div class="row">2608            <div class="col-12 pr-0">2609                2610                <img 2611                    class="rounded-left apartment-image" 2612                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD12_14596f98-b16a-11ea-8d3f-1275881fc0b8.jpg"2613                    alt="unit image"2614                    width=100%2615                    height=232px2616                />2617                2618            </div>2619        </div>2620    </div>2621    2622    2623    <div class="col-6 apartment-col">2624        <div class="row">2625            <div class="col-12 pl-0">2626                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD13_147e95ca-b16a-11ea-8d3f-1275881fc0b8.jpg"2627                   alt="unit image" width="100%" height="116px">2628            </div>2629        </div>2630        2631        <div class="row">2632            <div class="col-12 pl-0">2633                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD15_149cf704-b16a-11ea-8d3f-1275881fc0b8.jpg"2634                    alt="unit image" width=100% height=116px>2635            </div>2636        </div>2637        2638    </div>2639    2640    2641    2642</div>26432644        2645264626472648<div class="row mt-4">2649    <div class="col-12">2650        <div class="card-body p-0 text-left">2651            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2652            <p class="apartment-address mb-1">9105, rue St-Charles</p>2653            2654                2655                    <div class="row">2656                        <div class="col-7">2657                            <p class="apartment-infos mb-0">2658                                2659                                    4½ à partir de 1250$2660                                2661                            </p>2662                            <p class="apartment-availability footnotes">2663                                septembre 20262664                            </p>2665                        </div>2666                        <div class="col-5 text-right">2667                            2668                                2669                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" 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": "9035 St-Charles Québec Québec G2B2L4",2694            "latitude": "None",2695            "longitude": "None",2696            "mainEntityOfPage": {2697                "@type": "WebPage",2698                "@id": "lafrance-mathieu.com/louer-appartement-quebec/293"2699            },2700            "photo": {2701                "@type": "ImageObject",2702                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD-10_711fc5cc-8dc5-11ec-8222-0ad72719383b.jpg"2703            }2704        }2705    </script>2706    <a 2707        href="/logement/293"2708        class="appartments card border-white col-sm-6 mb-4" 2709        data-type="3"2710        data-borough="6"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-293">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/PPD-3_bc034fda-8dc7-11ec-8f0d-127ec6393897.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/PPD-1_bf901c50-8dc7-11ec-8f0d-127ec6393897.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/PPD-2_c2f4e128-8dc7-11ec-8f0d-127ec6393897.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; Neufchatel</h5>2779            <p class="apartment-address mb-1">9035 St-Charles</p>2780            2781                2782                    <div class="row">2783                        <div class="col-7">2784                            <p class="apartment-infos mb-0">2785                                2786                                    4½ à partir de 1250$2787                                2788                            </p>2789                            <p class="apartment-availability footnotes">2790                                septembre 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/18"3080        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3081        data-type="3"3082        data-borough="3"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(18 + '-recommendation');"></img>3100    3101    3102    3103    3104    <div class="now-available-bubble d-none" id="now-available-bubble-18-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/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.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/PDP_2_bfb756f4-3f15-11f1-9a87-12e0191876fd.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/PDP_5_mod_c088e282-3f15-11f1-9a87-12e0191876fd.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; Beauport</h5>3155            <p class="apartment-address mb-1">555, avenue du Fleuve</p>3156            3157                3158                    <div class="row">3159                        <div class="col-7">3160                            <p class="apartment-infos mb-0">3161                                3162                                    1½ à partir de 799$3163                                3164                            </p>3165                            <p class="apartment-availability footnotes">3166                                Libre immédiatement3167                            </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_light.png" alt="Électricité" height=18px width=18px>3173                                3174                            3175                                3176                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3177                                3178                            3179                                3180                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>3181                                3182                            3183                                3184                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3185                                3186                            3187                                3188                            3189                                3190                            3191                            3192                                <p class="footnotes d-inline"> +2</p>3193                            3194                        </div>3195                    </div>3196                3197            3198            3199        </div>3200    </div>3201</div>32023203    </a>3204    3205    <a 3206        href="/logement/160"3207        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3208        data-type="3"3209        data-borough="6"3210    >3211        3212321332143215<script>3216    function displayNowAvailableBubble(buildingId) {3217        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);3218        nowAvailableBubble.classList.remove("d-none");3219    }3220</script>32213222<div class="row">3223    3224    3225    3226    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>3227    3228    3229    3230    3231    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">3232        <p class="text-white m-0">En vedette</p>3233    </div>3234    3235    3236    <div class="col-6 apartment-col">3237        <div class="row">3238            <div class="col-12 pr-0">3239                3240                <img 3241                    class="rounded-left apartment-image" 3242                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"3243                    alt="unit image"3244                    width=100%3245                    height=232px3246                />3247                3248            </div>3249        </div>3250    </div>3251    3252    3253    <div class="col-6 apartment-col">3254        <div class="row">3255            <div class="col-12 pl-0">3256                <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"3257                   alt="unit image" width="100%" height="116px">3258            </div>3259        </div>3260        3261        <div class="row">3262            <div class="col-12 pl-0">3263                <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"3264                    alt="unit image" width=100% height=116px>3265            </div>3266        </div>3267        3268    </div>3269    3270    3271    3272</div>32733274        3275327632773278<div class="row mt-4">3279    <div class="col-12">3280        <div class="card-body p-0 text-left">3281            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>3282            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>3283            3284                3285                    <div class="row">3286                        <div class="col-7">3287                            <p class="apartment-infos mb-0">3288                                3289                                    4½ à partir de 1250$3290                                3291                            </p>3292                            <p class="apartment-availability footnotes">3293                                Libre immédiatement3294                            </p>3295                        </div>3296                        <div class="col-5 text-right">3297                            3298                                3299                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3300                                3301                            3302                                3303                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3304                                3305                            3306                                3307                                    <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>3308                                3309                            3310                                3311                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>3312                                3313                            3314                            3315                        </div>3316                    </div>3317                3318            3319            3320        </div>3321    </div>3322</div>33233324    </a>3325    3326    <a 3327        href="/logement/312"3328        class="appartments card border-white col-sm-6 mb-4 col-md-6  "3329        data-type="3"3330        data-borough="10"3331    >3332        3333333433353336<script>3337    function displayNowAvailableBubble(buildingId) {3338        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);3339        nowAvailableBubble.classList.remove("d-none");3340    }3341</script>33423343<div class="row">3344    3345    3346    3347    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>3348    3349    3350    3351    3352    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">3353        <p class="text-white m-0">En vedette</p>3354    </div>3355    3356    3357    <div class="col-6 apartment-col">3358        <div class="row">3359            <div class="col-12 pr-0">3360                3361                <img 3362                    class="rounded-left apartment-image" 3363                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"3364                    alt="unit image"3365                    width=100%3366                    height=232px3367                />3368                3369            </div>3370        </div>3371    </div>3372    3373    3374    <div class="col-6 apartment-col">3375        <div class="row">3376            <div class="col-12 pl-0">3377                <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"3378                   alt="unit image" width="100%" height="116px">3379            </div>3380        </div>3381        3382        <div class="row">3383            <div class="col-12 pl-0">3384                <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"3385                    alt="unit image" width=100% height=116px>3386            </div>3387        </div>3388        3389    </div>3390    3391    3392    3393</div>33943395        3396339733983399<div class="row mt-4">3400    <div class="col-12">3401        <div class="card-body p-0 text-left">3402            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>3403            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>3404            3405                3406                    <div class="row">3407                        <div class="col-7">3408                            <p class="apartment-infos mb-0">3409                                3410                                    4½ à partir de 1595$3411                                3412                            </p>3413                            <p class="apartment-availability footnotes">3414                                octobre 20263415                            </p>3416                        </div>3417                        <div class="col-5 text-right">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_ac.png" alt="Climatiseur" height=18px width=18px>3425                                3426                            3427                                3428                                    <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>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.846393", "-71.322663"], "id": 129}, {"loc": ["46.820422", "-71.365621"], "id": 159}, {"loc": ["46.820519", "-71.365499"], "id": 160}, {"loc": ["46.846366", "-71.322645"], "id": 128}]</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#650c0b030a2509040317040b0600480804110d0c00104b060a08" 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="85ecebe3eac5e9e4e3f7e4ebe6e0a8e8e4f1edece0f0abe6eae8">[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