SPB Git

spb/lou-ka Public

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

HTML 99.7%
124.1 KB · 3,527 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#3c55525a537c505d5a4e5d525f5911515d4854555949125f5351" 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="e58c8b838aa589848397848b8680c88884918d8c8090cb868a88">[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">Beauport</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                            checked981                            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                            1109                            onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1110                        />1111                        <span class="checkmark"></span>1112                        Neufchatel1113                    </label>1114                </li>1115                1116                <li class="col-12 col-lg-6 px-0">1117                    <label class="checkbox mb-2 ">1118                        <input1119                            id="boroughs-10"1120                            class="filter-value"1121                            name="boroughs"1122                            value="12"1123                            type="checkbox"1124                            1125                            onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1126                        />1127                        <span class="checkmark"></span>1128                        Québec1129                    </label>1130                </li>1131                1132                <li class="col-12 col-lg-6 px-0">1133                    <label class="checkbox mb-2 ">1134                        <input1135                            id="boroughs-11"1136                            class="filter-value"1137                            name="boroughs"1138                            value="16"1139                            type="checkbox"1140                            1141                            onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1142                        />1143                        <span class="checkmark"></span>1144                        Saint-Augustin-de-Desmaures1145                    </label>1146                </li>1147                1148                <li class="col-12 col-lg-6 px-0">1149                    <label class="checkbox mb-2 ">1150                        <input1151                            id="boroughs-12"1152                            class="filter-value"1153                            name="boroughs"1154                            value="13"1155                            type="checkbox"1156                            1157                            onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1158                        />1159                        <span class="checkmark"></span>1160                        St-Roch1161                    </label>1162                </li>1163                1164                <li class="col-12 col-lg-6 px-0">1165                    <label class="checkbox mb-2 ">1166                        <input1167                            id="boroughs-13"1168                            class="filter-value"1169                            name="boroughs"1170                            value="5"1171                            type="checkbox"1172                            1173                            onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1174                        />1175                        <span class="checkmark"></span>1176                        Ste-Foy1177                    </label>1178                </li>1179                1180                <li class="col-12 col-lg-6 px-0">1181                    <label class="checkbox mb-2 ">1182                        <input1183                            id="boroughs-14"1184                            class="filter-value"1185                            name="boroughs"1186                            value="17"1187                            type="checkbox"1188                            1189                            onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1190                        />1191                        <span class="checkmark"></span>1192                        Val-Bélair1193                    </label>1194                </li>1195                1196            </ul>1197        </div>1198        1199    </div>1200</div>12011202<script>1203    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1204        const label = document.getElementById(`label-${ name }`);1205        if (label.innerHTML === defaultValue) label.innerHTML = "";12061207        const input = document.getElementById(`${ name }-${counter}`);12081209        if (input.checked) {1210            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1211            else label.innerHTML = value;1212        } else {1213            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1214            else label.innerHTML = label.innerHTML.replace(value, "");1215        }12161217        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1218    }12191220    1221</script>12221223    1224    122512261227<div class="search-button-container mb-2 mb-lg-0 big ">1228    <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1229        <div class="room-sizes-container">1230            <div id="room-size-group" class="room-size-group">1231                1232                <button1233                    id="button-2"1234                    type="button"1235                    class="btn room-size-btn "1236                    onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1237                >12381239                </button>1240                1241                <button1242                    id="button-3"1243                    type="button"1244                    class="btn room-size-btn "1245                    onclick="toggleRoomSizeButton(3); toggleRoomSizeCheckBox(3);"1246                >12471248                </button>1249                1250                <button1251                    id="button-4"1252                    type="button"1253                    class="btn room-size-btn "1254                    onclick="toggleRoomSizeButton(4); toggleRoomSizeCheckBox(4);"1255                >12561257                </button>1258                1259                <button1260                    id="button-5"1261                    type="button"1262                    class="btn room-size-btn "1263                    onclick="toggleRoomSizeButton(5); toggleRoomSizeCheckBox(5);"1264                >12651266                </button>1267                1268                <button1269                    id="button-6"1270                    type="button"1271                    class="btn room-size-btn "1272                    onclick="toggleRoomSizeButton(6); toggleRoomSizeCheckBox(6);"1273                >12741275                </button>1276                1277            </div>1278            <button id="see-more-rooms" type="button" class="search-button btn inner-button d-none text-primary border-0" data-toggle="toggle">...</button>1279            <div class="search-input w-100 mw-100 d-none">1280                <button class="search-close-button btn btn-no-outline text-primary" type="button">1281                    Fermer1282                </button>1283                <div class="row search-list">1284                    <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1285                        1286                        <li class="col-12 col-lg-6 px-0">1287                            <label class="checkbox mb-2">1288                                <input 1289                                    type="checkbox"1290                                    id="checkbox-2"1291                                    1292                                    name="room-size"1293                                    value="2"1294                                    onclick="toggleRoomSizeButton(2);"1295                                />1296                                <span class="checkmark"></span>12971298                            </label>1299                        </li>1300                        1301                        <li class="col-12 col-lg-6 px-0">1302                            <label class="checkbox mb-2">1303                                <input 1304                                    type="checkbox"1305                                    id="checkbox-3"1306                                    1307                                    name="room-size"1308                                    value="3"1309                                    onclick="toggleRoomSizeButton(3);"1310                                />1311                                <span class="checkmark"></span>13121313                            </label>1314                        </li>1315                        1316                        <li class="col-12 col-lg-6 px-0">1317                            <label class="checkbox mb-2">1318                                <input 1319                                    type="checkbox"1320                                    id="checkbox-4"1321                                    1322                                    name="room-size"1323                                    value="4"1324                                    onclick="toggleRoomSizeButton(4);"1325                                />1326                                <span class="checkmark"></span>13271328                            </label>1329                        </li>1330                        1331                        <li class="col-12 col-lg-6 px-0">1332                            <label class="checkbox mb-2">1333                                <input 1334                                    type="checkbox"1335                                    id="checkbox-5"1336                                    1337                                    name="room-size"1338                                    value="5"1339                                    onclick="toggleRoomSizeButton(5);"1340                                />1341                                <span class="checkmark"></span>13421343                            </label>1344                        </li>1345                        1346                        <li class="col-12 col-lg-6 px-0">1347                            <label class="checkbox mb-2">1348                                <input 1349                                    type="checkbox"1350                                    id="checkbox-6"1351                                    1352                                    name="room-size"1353                                    value="6"1354                                    onclick="toggleRoomSizeButton(6);"1355                                />1356                                <span class="checkmark"></span>13571358                            </label>1359                        </li>1360                        1361                    </ul>1362                </div>1363            </div>1364        </div>1365    </div>1366</div>13671368<script>1369    function toggleRoomSizeCheckBox(roomSizeId) {1370        const roomSizeCheckBox = document.getElementById(`checkbox-${roomSizeId}`);1371        if (roomSizeCheckBox) roomSizeCheckBox.checked = !roomSizeCheckBox.checked;1372    }13731374    function toggleRoomSizeButton(roomSizeId) {1375        const roomSizeButton = document.getElementById(`button-${roomSizeId}`);1376        if (roomSizeButton) roomSizeButton.classList.toggle("active");1377    }13781379    function isOverflown(element) {1380        return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;1381    }13821383    function displaySeeMoreButtonIfOverflow() {1384        const seeMoreButton = document.getElementById("see-more-rooms");1385        const roomSizeGroup = document.getElementById("room-size-group");13861387        seeMoreButton.classList.add("d-none");1388        const overflown = isOverflown(roomSizeGroup);1389        if (overflown) seeMoreButton.classList.remove("d-none");13901391    }13921393    window.addEventListener("resize", displaySeeMoreButtonIfOverflow);1394    window.addEventListener("DOMContentLoaded", displaySeeMoreButtonIfOverflow);1395</script>13961397    1398139914001401<div class="search-button-container position-static">1402    <button 1403        id="price-range-button"1404        type="button" 1405        class="search-button btn rounded-pill w-100" 1406        data-toggle="toggle"1407    >1408        <span id="label-price">Prix</span>1409        <img src="/static/images/icons/add-filter.svg" alt="+">1410    </button>1411    <div class="search-input w-100 mw-100 d-none">1412        <button class="search-close-button btn btn-no-outline text-primary" type="button">1413            Fermer1414        </button>1415        1416        141714181419<script id="search-script" type="application/json">{"rent__min": "785.00", "rent__max": "2690.00"}</script>14201421<div class="row">1422    <div class="mr-4" style="right: 0;">1423        <p class="text-primary" id="count_of_units"></p>1424    </div>1425    <div class="col-12">1426        <svg viewBox="0 0 500 100" class="chart">1427            <polyline1428                fill="#F0EDE4"1429                stroke="#ad986e"1430                stroke-width="2"1431                points="1432                    0, 1001433                    1434                        0, 951435                    1436                        11, 981437                    1438                        22, 1001439                    1440                        34, 1001441                    1442                        45, 1001443                    1444                        57, 1001445                    1446                        68, 981447                    1448                        79, 961449                    1450                        91, 961451                    1452                        102, 951453                    1454                        114, 911455                    1456                        125, 981457                    1458                        136, 951459                    1460                        148, 1001461                    1462                        159, 951463                    1464                        171, 911465                    1466                        182, 911467                    1468                        193, 931469                    1470                        205, 901471                    1472                        216, 901473                    1474                        228, 951475                    1476                        239, 961477                    1478                        250, 961479                    1480                        262, 961481                    1482                        273, 961483                    1484                        285, 981485                    1486                        296, 961487                    1488                        307, 951489                    1490                        319, 981491                    1492                        330, 981493                    1494                        342, 1001495                    1496                        353, 1001497                    1498                        365, 1001499                    1500                        376, 1001501                    1502                        387, 1001503                    1504                        399, 1001505                    1506                        410, 1001507                    1508                        422, 1001509                    1510                        433, 981511                    1512                    500, 1001513                "1514            />1515        </svg>1516        <div id="slider-range"></div>1517    </div>1518</div>1519<div class="row mt-4">1520    <div class="col-6 pr-0">1521        <input1522            class="search-slider-input rounded-left"1523            type="text"1524            id="slider-min-amount"1525            name="min-amount"1526            placeholder="Prix min."1527            value="">1528    </div>1529    <div class="col-6 pl-0">1530        <input1531            class="search-slider-input rounded-right"1532            type="text"1533            id="slider-max-amount"1534            name="max-amount"1535            placeholder="Prix max."1536            value="">1537    </div>1538</div>15391540        1541    </div>1542</div>15431544<script>1545    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1546        const label = document.getElementById(`label-${ name }`);1547        if (label.innerHTML === defaultValue) label.innerHTML = "";15481549        const input = document.getElementById(`${ name }-${counter}`);15501551        if (input.checked) {1552            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1553            else label.innerHTML = value;1554        } else {1555            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1556            else label.innerHTML = label.innerHTML.replace(value, "");1557        }15581559        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1560    }15611562    1563</script>15641565    1566156715681569<div class="search-button-container position-static">1570    <button 1571        1572        type="button" 1573        class="search-button btn rounded-pill w-100" 1574        data-toggle="toggle"1575    >1576        <span id="label-availability">Disponibilités</span>1577        <img src="/static/images/icons/add-filter.svg" alt="+">1578    </button>1579    <div class="search-input w-100 mw-100 d-none">1580        <button class="search-close-button btn btn-no-outline text-primary" type="button">1581            Fermer1582        </button>1583        1584        <div class="row search-list">1585            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1586                1587                <li class="col-12 col-lg-6 px-0">1588                    <label class="checkbox mb-2 radio">1589                        <input1590                            id="availability-1"1591                            class="filter-value"1592                            name="availability"1593                            value="1786147200"1594                            type="radio"1595                            1596                            onclick='updateButtonLabel("availability", "1", "Libre immédiatement", "Disponibilités", "True");'1597                        />1598                        <span class="checkmark"></span>1599                        Libre immédiatement1600                    </label>1601                </li>1602                1603                <li class="col-12 col-lg-6 px-0">1604                    <label class="checkbox mb-2 radio">1605                        <input1606                            id="availability-2"1607                            class="filter-value"1608                            name="availability"1609                            value="1788220800"1610                            type="radio"1611                            1612                            onclick='updateButtonLabel("availability", "2", "septembre 2026", "Disponibilités", "True");'1613                        />1614                        <span class="checkmark"></span>1615                        septembre 20261616                    </label>1617                </li>1618                1619                <li class="col-12 col-lg-6 px-0">1620                    <label class="checkbox mb-2 radio">1621                        <input1622                            id="availability-3"1623                            class="filter-value"1624                            name="availability"1625                            value="1790812800"1626                            type="radio"1627                            1628                            onclick='updateButtonLabel("availability", "3", "octobre 2026", "Disponibilités", "True");'1629                        />1630                        <span class="checkmark"></span>1631                        octobre 20261632                    </label>1633                </li>1634                1635                <li class="col-12 col-lg-6 px-0">1636                    <label class="checkbox mb-2 radio">1637                        <input1638                            id="availability-4"1639                            class="filter-value"1640                            name="availability"1641                            value="1793491200"1642                            type="radio"1643                            1644                            onclick='updateButtonLabel("availability", "4", "novembre 2026", "Disponibilités", "True");'1645                        />1646                        <span class="checkmark"></span>1647                        novembre 20261648                    </label>1649                </li>1650                1651                <li class="col-12 col-lg-6 px-0">1652                    <label class="checkbox mb-2 radio">1653                        <input1654                            id="availability-5"1655                            class="filter-value"1656                            name="availability"1657                            value="1796083200"1658                            type="radio"1659                            1660                            onclick='updateButtonLabel("availability", "5", "décembre 2026", "Disponibilités", "True");'1661                        />1662                        <span class="checkmark"></span>1663                        décembre 20261664                    </label>1665                </li>1666                1667                <li class="col-12 col-lg-6 px-0">1668                    <label class="checkbox mb-2 radio">1669                        <input1670                            id="availability-6"1671                            class="filter-value"1672                            name="availability"1673                            value="1798761600"1674                            type="radio"1675                            1676                            onclick='updateButtonLabel("availability", "6", "janvier 2027", "Disponibilités", "True");'1677                        />1678                        <span class="checkmark"></span>1679                        janvier 20271680                    </label>1681                </li>1682                1683                <li class="col-12 col-lg-6 px-0">1684                    <label class="checkbox mb-2 radio">1685                        <input1686                            id="availability-7"1687                            class="filter-value"1688                            name="availability"1689                            value="1801440000"1690                            type="radio"1691                            1692                            onclick='updateButtonLabel("availability", "7", "février 2027", "Disponibilités", "True");'1693                        />1694                        <span class="checkmark"></span>1695                        février 20271696                    </label>1697                </li>1698                1699                <li class="col-12 col-lg-6 px-0">1700                    <label class="checkbox mb-2 radio">1701                        <input1702                            id="availability-8"1703                            class="filter-value"1704                            name="availability"1705                            value="1803859200"1706                            type="radio"1707                            1708                            onclick='updateButtonLabel("availability", "8", "mars 2027", "Disponibilités", "True");'1709                        />1710                        <span class="checkmark"></span>1711                        mars 20271712                    </label>1713                </li>1714                1715            </ul>1716        </div>1717        1718    </div>1719</div>17201721<script>1722    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1723        const label = document.getElementById(`label-${ name }`);1724        if (label.innerHTML === defaultValue) label.innerHTML = "";17251726        const input = document.getElementById(`${ name }-${counter}`);17271728        if (input.checked) {1729            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1730            else label.innerHTML = value;1731        } else {1732            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1733            else label.innerHTML = label.innerHTML.replace(value, "");1734        }17351736        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1737    }17381739    1740</script>17411742    1743    1744174517461747<div class="search-button-container position-static">1748    <button 1749        1750        type="button" 1751        class="search-button btn rounded-pill w-100" 1752        data-toggle="toggle"1753    >1754        <span id="label-conveniences">Commodités</span>1755        <img src="/static/images/icons/add-filter.svg" alt="+">1756    </button>1757    <div class="search-input w-100 mw-100 d-none">1758        <button class="search-close-button btn btn-no-outline text-primary" type="button">1759            Fermer1760        </button>1761        1762        <div class="row search-list">1763            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1764                1765                <li class="col-12 col-lg-6 px-0">1766                    <label class="checkbox mb-2 ">1767                        <input1768                            id="conveniences-1"1769                            class="filter-value"1770                            name="conveniences"1771                            value="27"1772                            type="checkbox"1773                            1774                            onclick='updateButtonLabel("conveniences", "1", "Accessible aux personnes handicapées", "Commodités", "");'1775                        />1776                        <span class="checkmark"></span>1777                        Accessible aux personnes handicapées1778                    </label>1779                </li>1780                1781                <li class="col-12 col-lg-6 px-0">1782                    <label class="checkbox mb-2 ">1783                        <input1784                            id="conveniences-2"1785                            class="filter-value"1786                            name="conveniences"1787                            value="5"1788                            type="checkbox"1789                            1790                            onclick='updateButtonLabel("conveniences", "2", "Chauffage", "Commodités", "");'1791                        />1792                        <span class="checkmark"></span>1793                        Chauffage1794                    </label>1795                </li>1796                1797                <li class="col-12 col-lg-6 px-0">1798                    <label class="checkbox mb-2 ">1799                        <input1800                            id="conveniences-3"1801                            class="filter-value"1802                            name="conveniences"1803                            value="24"1804                            type="checkbox"1805                            1806                            onclick='updateButtonLabel("conveniences", "3", "Climatiseur", "Commodités", "");'1807                        />1808                        <span class="checkmark"></span>1809                        Climatiseur1810                    </label>1811                </li>1812                1813                <li class="col-12 col-lg-6 px-0">1814                    <label class="checkbox mb-2 ">1815                        <input1816                            id="conveniences-4"1817                            class="filter-value"1818                            name="conveniences"1819                            value="3"1820                            type="checkbox"1821                            1822                            onclick='updateButtonLabel("conveniences", "4", "Eau Chaude", "Commodités", "");'1823                        />1824                        <span class="checkmark"></span>1825                        Eau Chaude1826                    </label>1827                </li>1828                1829                <li class="col-12 col-lg-6 px-0">1830                    <label class="checkbox mb-2 ">1831                        <input1832                            id="conveniences-5"1833                            class="filter-value"1834                            name="conveniences"1835                            value="2"1836                            type="checkbox"1837                            1838                            onclick='updateButtonLabel("conveniences", "5", "Électricité", "Commodités", "");'1839                        />1840                        <span class="checkmark"></span>1841                        Électricité1842                    </label>1843                </li>1844                1845                <li class="col-12 col-lg-6 px-0">1846                    <label class="checkbox mb-2 ">1847                        <input1848                            id="conveniences-6"1849                            class="filter-value"1850                            name="conveniences"1851                            value="11"1852                            type="checkbox"1853                            1854                            onclick='updateButtonLabel("conveniences", "6", "Équipe de maintenance 24h", "Commodités", "");'1855                        />1856                        <span class="checkmark"></span>1857                        Équipe de maintenance 24h1858                    </label>1859                </li>1860                1861                <li class="col-12 col-lg-6 px-0">1862                    <label class="checkbox mb-2 ">1863                        <input1864                            id="conveniences-7"1865                            class="filter-value"1866                            name="conveniences"1867                            value="30"1868                            type="checkbox"1869                            1870                            onclick='updateButtonLabel("conveniences", "7", "Lave-vaisselle", "Commodités", "");'1871                        />1872                        <span class="checkmark"></span>1873                        Lave-vaisselle1874                    </label>1875                </li>1876                1877                <li class="col-12 col-lg-6 px-0">1878                    <label class="checkbox mb-2 ">1879                        <input1880                            id="conveniences-8"1881                            class="filter-value"1882                            name="conveniences"1883                            value="26"1884                            type="checkbox"1885                            1886                            onclick='updateButtonLabel("conveniences", "8", "Semi-meublé", "Commodités", "");'1887                        />1888                        <span class="checkmark"></span>1889                        Semi-meublé1890                    </label>1891                </li>1892                1893                <li class="col-12 col-lg-6 px-0">1894                    <label class="checkbox mb-2 ">1895                        <input1896                            id="conveniences-9"1897                            class="filter-value"1898                            name="conveniences"1899                            value="28"1900                            type="checkbox"1901                            1902                            onclick='updateButtonLabel("conveniences", "9", "Stationnement extérieur", "Commodités", "");'1903                        />1904                        <span class="checkmark"></span>1905                        Stationnement extérieur1906                    </label>1907                </li>1908                1909                <li class="col-12 col-lg-6 px-0">1910                    <label class="checkbox mb-2 ">1911                        <input1912                            id="conveniences-10"1913                            class="filter-value"1914                            name="conveniences"1915                            value="29"1916                            type="checkbox"1917                            1918                            onclick='updateButtonLabel("conveniences", "10", "Stationnement intérieur", "Commodités", "");'1919                        />1920                        <span class="checkmark"></span>1921                        Stationnement intérieur1922                    </label>1923                </li>1924                1925            </ul>1926        </div>1927        1928    </div>1929</div>19301931<script>1932    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1933        const label = document.getElementById(`label-${ name }`);1934        if (label.innerHTML === defaultValue) label.innerHTML = "";19351936        const input = document.getElementById(`${ name }-${counter}`);19371938        if (input.checked) {1939            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1940            else label.innerHTML = value;1941        } else {1942            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1943            else label.innerHTML = label.innerHTML.replace(value, "");1944        }19451946        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1947    }19481949    1950</script>19511952    1953    <button type="submit" class="btn btn-primary search-bar-btn" id="btn-search">1954        <span>Rechercher</span>1955    </button>1956</div>19571958            </div>1959            1960        </div>1961    </div>1962</div>19631964    <div class="container">1965        <div class="row pt-4">1966            <div class="order-1 order-md-0 col-md-6 d-flex flex-wrap-reverse justify-content-between align-items-end">1967                <h2 class="mb-0">1968                    1969                    9 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=3&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": "2665, rue Alexandra Québec  Québec G1E1E4",2023            "latitude": "46,852647",2024            "longitude": "-71,226767",2025            "mainEntityOfPage": {2026                "@type": "WebPage",2027                "@id": "lafrance-mathieu.com/louer-appartement-quebec/15"2028            },2029            "photo": {2030                "@type": "ImageObject",2031                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD081.JPG"2032            }2033        }2034    </script>2035    <a 2036        href="/logement/15"2037        class="appartments card border-white col-sm-6 mb-4" 2038        data-type="3"2039        data-borough="3"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(15);"></img>2057    2058    2059    2060    2061    <div class="now-available-bubble d-none" id="now-available-bubble-15">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/PPD073.jpg"2073                    alt="unit image"2074                    width=100%2075                    height=232px2076                />2077                2078            </div>2079        </div>2080    </div>2081    2082    2083    <div class="col-6 apartment-col">2084        <div class="row">2085            <div class="col-12 pl-0">2086                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD071.jpg"2087                   alt="unit image" width="100%" height="116px">2088            </div>2089        </div>2090        2091        <div class="row">2092            <div class="col-12 pl-0">2093                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD070.jpg"2094                    alt="unit image" width=100% height=116px>2095            </div>2096        </div>2097        2098    </div>2099    2100    2101    2102</div>21032104        2105210621072108<div class="row mt-4">2109    <div class="col-12">2110        <div class="card-body p-0 text-left">2111            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2112            <p class="apartment-address mb-1">2665, rue Alexandra</p>2113            2114                2115                    <div class="row">2116                        <div class="col-7">2117                            <p class="apartment-infos mb-0">2118                                2119                                    4½ à partir de 1275$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_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2134                                2135                            2136                            2137                        </div>2138                    </div>2139                2140            2141            2142        </div>2143    </div>2144</div>21452146    </a>2147    2148    <script type="application/ld+json">2149        {2150            "@context": "http://schema.org",2151            "@type": "ApartmentComplex",2152            "description": "Appartements à louer",2153            "address": "555, avenue du Fleuve Québec  Québec G1E3N1",2154            "latitude": "46,853479",2155            "longitude": "-71,191040",2156            "mainEntityOfPage": {2157                "@type": "WebPage",2158                "@id": "lafrance-mathieu.com/louer-appartement-quebec/18"2159            },2160            "photo": {2161                "@type": "ImageObject",2162                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/15-2_555_avenue_du_fleuve_b3d907f0-7c57-11eb-a546-0a56480f841b.jpg"2163            }2164        }2165    </script>2166    <a 2167        href="/logement/18"2168        class="appartments card border-white col-sm-6 mb-4" 2169        data-type="3"2170        data-borough="3"2171    >2172        2173217421752176<script>2177    function displayNowAvailableBubble(buildingId) {2178        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2179        nowAvailableBubble.classList.remove("d-none");2180    }2181</script>21822183<div class="row">2184    2185    2186    2187    <img src alt="" onerror="displayNowAvailableBubble(18);"></img>2188    2189    2190    2191    2192    <div class="now-available-bubble d-none" id="now-available-bubble-18">2193        <p class="text-white m-0">Disponible</p>2194    </div>2195    2196    2197    <div class="col-6 apartment-col">2198        <div class="row">2199            <div class="col-12 pr-0">2200                2201                <img 2202                    class="rounded-left apartment-image" 2203                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2204                    alt="unit image"2205                    width=100%2206                    height=232px2207                />2208                2209            </div>2210        </div>2211    </div>2212    2213    2214    <div class="col-6 apartment-col">2215        <div class="row">2216            <div class="col-12 pl-0">2217                <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"2218                   alt="unit image" width="100%" height="116px">2219            </div>2220        </div>2221        2222        <div class="row">2223            <div class="col-12 pl-0">2224                <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"2225                    alt="unit image" width=100% height=116px>2226            </div>2227        </div>2228        2229    </div>2230    2231    2232    2233</div>22342235        2236223722382239<div class="row mt-4">2240    <div class="col-12">2241        <div class="card-body p-0 text-left">2242            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2243            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2244            2245                2246                    <div class="row">2247                        <div class="col-7">2248                            <p class="apartment-infos mb-0">2249                                2250                                    1½ à partir de 799$2251                                2252                            </p>2253                            <p class="apartment-availability footnotes">2254                                Libre immédiatement2255                            </p>2256                        </div>2257                        <div class="col-5 text-right">2258                            2259                                2260                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2261                                2262                            2263                                2264                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2265                                2266                            2267                                2268                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2269                                2270                            2271                                2272                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2273                                2274                            2275                                2276                            2277                                2278                            2279                            2280                                <p class="footnotes d-inline"> +2</p>2281                            2282                        </div>2283                    </div>2284                2285            2286            2287        </div>2288    </div>2289</div>22902291    </a>2292    2293    <script type="application/ld+json">2294        {2295            "@context": "http://schema.org",2296            "@type": "ApartmentComplex",2297            "description": "Appartements à louer",2298            "address": "89, rue Dartois Québec  Québec G1C3C8",2299            "latitude": "46,884805",2300            "longitude": "-71,164130",2301            "mainEntityOfPage": {2302                "@type": "WebPage",2303                "@id": "lafrance-mathieu.com/louer-appartement-quebec/19"2304            },2305            "photo": {2306                "@type": "ImageObject",2307                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD025_905df678-93b8-11eb-a9b8-0ebd7c1ee107.jpg"2308            }2309        }2310    </script>2311    <a 2312        href="/logement/19"2313        class="appartments card border-white col-sm-6 mb-4" 2314        data-type="3"2315        data-borough="3"2316    >2317        2318231923202321<script>2322    function displayNowAvailableBubble(buildingId) {2323        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2324        nowAvailableBubble.classList.remove("d-none");2325    }2326</script>23272328<div class="row">2329    2330    2331    2332    <img src alt="" onerror="displayNowAvailableBubble(19);"></img>2333    2334    2335    2336    2337    <div class="now-available-bubble d-none" id="now-available-bubble-19">2338        <p class="text-white m-0">Disponible</p>2339    </div>2340    2341    2342    <div class="col-6 apartment-col">2343        <div class="row">2344            <div class="col-12 pr-0">2345                2346                <img 2347                    class="rounded-left apartment-image" 2348                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD016_64ee21b8-ff5a-11ef-a3ed-123a044ec477.jpg"2349                    alt="unit image"2350                    width=100%2351                    height=232px2352                />2353                2354            </div>2355        </div>2356    </div>2357    2358    2359    <div class="col-6 apartment-col">2360        <div class="row">2361            <div class="col-12 pl-0">2362                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_6591752a-ff5a-11ef-a3ed-123a044ec477.jpg"2363                   alt="unit image" width="100%" height="116px">2364            </div>2365        </div>2366        2367        <div class="row">2368            <div class="col-12 pl-0">2369                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_662c2e4e-ff5a-11ef-a3ed-123a044ec477.jpg"2370                    alt="unit image" width=100% height=116px>2371            </div>2372        </div>2373        2374    </div>2375    2376    2377    2378</div>23792380        2381238223832384<div class="row mt-4">2385    <div class="col-12">2386        <div class="card-body p-0 text-left">2387            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2388            <p class="apartment-address mb-1">89, rue Dartois</p>2389            2390                2391                    <div class="row">2392                        <div class="col-7">2393                            <p class="apartment-infos mb-0">2394                                2395                                    4½ à partir de 1090$2396                                2397                            </p>2398                            <p class="apartment-availability footnotes">2399                                Libre immédiatement2400                            </p>2401                        </div>2402                        <div class="col-5 text-right">2403                            2404                                2405                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2406                                2407                            2408                                2409                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2410                                2411                            2412                                2413                                    <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>2414                                2415                            2416                            2417                        </div>2418                    </div>2419                2420            2421            2422        </div>2423    </div>2424</div>24252426    </a>2427    2428    <script type="application/ld+json">2429        {2430            "@context": "http://schema.org",2431            "@type": "ApartmentComplex",2432            "description": "Appartements à louer",2433            "address": "3952 boul. Sainte-Anne  Québec Québec G1E0M9",2434            "latitude": "None",2435            "longitude": "None",2436            "mainEntityOfPage": {2437                "@type": "WebPage",2438                "@id": "lafrance-mathieu.com/louer-appartement-quebec/333"2439            },2440            "photo": {2441                "@type": "ImageObject",2442                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_585d6a96-4ed5-11f1-ab2a-12d0c5f785c3.png"2443            }2444        }2445    </script>2446    <a 2447        href="/logement/333"2448        class="appartments card border-white col-sm-6 mb-4" 2449        data-type="3"2450        data-borough="3"2451    >2452        2453245424552456<script>2457    function displayNowAvailableBubble(buildingId) {2458        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2459        nowAvailableBubble.classList.remove("d-none");2460    }2461</script>24622463<div class="row">2464    2465    2466    2467    <img src alt="" onerror="displayNowAvailableBubble(333);"></img>2468    2469    2470    2471    2472    <div class="now-available-bubble d-none" id="now-available-bubble-333">2473        <p class="text-white m-0">Disponible</p>2474    </div>2475    2476    2477    <div class="col-6 apartment-col">2478        <div class="row">2479            <div class="col-12 pr-0">2480                2481                <img 2482                    class="rounded-left apartment-image" 2483                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3952_St-Anne_7_2fb84dca-8bbf-11ef-a152-0e98de9e3805.jpg"2484                    alt="unit image"2485                    width=100%2486                    height=232px2487                />2488                2489            </div>2490        </div>2491    </div>2492    2493    2494    <div class="col-6 apartment-col">2495        <div class="row">2496            <div class="col-12 pl-0">2497                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3952_St-Anne_9_30d87900-8bbf-11ef-a152-0e98de9e3805.jpg"2498                   alt="unit image" width="100%" height="116px">2499            </div>2500        </div>2501        2502        <div class="row">2503            <div class="col-12 pl-0">2504                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3952_St-Anne_10_31cf83b2-8bbf-11ef-a152-0e98de9e3805.jpg"2505                    alt="unit image" width=100% height=116px>2506            </div>2507        </div>2508        2509    </div>2510    2511    2512    2513</div>25142515        2516251725182519<div class="row mt-4">2520    <div class="col-12">2521        <div class="card-body p-0 text-left">2522            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2523            <p class="apartment-address mb-1">3952 boul. Sainte-Anne </p>2524            2525                2526                    <div class="row">2527                        <div class="col-7">2528                            <p class="apartment-infos mb-0">2529                                2530                                    4½ à partir de 1750$2531                                2532                            </p>2533                            <p class="apartment-availability footnotes">2534                                Libre immédiatement2535                            </p>2536                        </div>2537                        <div class="col-5 text-right">2538                            2539                                2540                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2541                                2542                            2543                                2544                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2545                                2546                            2547                                2548                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2549                                2550                            2551                                2552                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2553                                2554                            2555                                2556                            2557                                2558                            2559                                2560                            2561                                2562                            2563                            2564                                <p class="footnotes d-inline"> +4</p>2565                            2566                        </div>2567                    </div>2568                2569            2570            2571        </div>2572    </div>2573</div>25742575    </a>2576    2577</div>2578257925802581                    2582                    2583                    2584258525862587<div class="row my-5 ">2588    <h1 class="col-12 text-center mb-3 new-title">2589        Explorer les logements à louer par secteurs2590    </h1>2591    <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2592    2593    <div class="col-md-12 left-align-slick">2594        <div class="centered--left multiple-items-slick-arrow--left"></div>2595        <div class="slick-carousel" data-items="4">2596            2597            <a 2598                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2599                data-borough="3"2600                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2601                href="/louer-appartement-quebec/?boroughs=3"2602            >2603                <div class="bottom--middle d-flex flex-column pb-3">2604                    <p class="thumbnail-title text-white mb-1">Beauport</p>2605                    <span class="text-white very-small-paragraph">2606                        92607                        Logements2608                    </span>2609                </div>2610                <div class="tile-gradient rounded"></div>2611            </a>2612            2613            <a 2614                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2615                data-borough="8"2616                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2617                href="/louer-appartement-quebec/?boroughs=8"2618            >2619                <div class="bottom--middle d-flex flex-column pb-3">2620                    <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2621                    <span class="text-white very-small-paragraph">2622                        62623                        Logements2624                    </span>2625                </div>2626                <div class="tile-gradient rounded"></div>2627            </a>2628            2629            <a 2630                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2631                data-borough="9"2632                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2633                href="/louer-appartement-quebec/?boroughs=9"2634            >2635                <div class="bottom--middle d-flex flex-column pb-3">2636                    <p class="thumbnail-title text-white mb-1">L&#x27;Ancienne-Lorette</p>2637                    <span class="text-white very-small-paragraph">2638                        12639                        Logement2640                    </span>2641                </div>2642                <div class="tile-gradient rounded"></div>2643            </a>2644            2645            <a 2646                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2647                data-borough="10"2648                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2649                href="/louer-appartement-quebec/?boroughs=10"2650            >2651                <div class="bottom--middle d-flex flex-column pb-3">2652                    <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2653                    <span class="text-white very-small-paragraph">2654                        32655                        Logements2656                    </span>2657                </div>2658                <div class="tile-gradient rounded"></div>2659            </a>2660            2661            <a 2662                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2663                data-borough="4"2664                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2665                href="/louer-appartement-quebec/?boroughs=4"2666            >2667                <div class="bottom--middle d-flex flex-column pb-3">2668                    <p class="thumbnail-title text-white mb-1">Les Saules</p>2669                    <span class="text-white very-small-paragraph">2670                        92671                        Logements2672                    </span>2673                </div>2674                <div class="tile-gradient rounded"></div>2675            </a>2676            2677            <a 2678                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2679                data-borough="14"2680                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2681                href="/louer-appartement-quebec/?boroughs=14"2682            >2683                <div class="bottom--middle d-flex flex-column pb-3">2684                    <p class="thumbnail-title text-white mb-1">Lévis</p>2685                    <span class="text-white very-small-paragraph">2686                        42687                        Logements2688                    </span>2689                </div>2690                <div class="tile-gradient rounded"></div>2691            </a>2692            2693            <a 2694                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2695                data-borough="1"2696                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2697                href="/louer-appartement-quebec/?boroughs=1"2698            >2699                <div class="bottom--middle d-flex flex-column pb-3">2700                    <p class="thumbnail-title text-white mb-1">Limoilou</p>2701                    <span class="text-white very-small-paragraph">2702                        32703                        Logements2704                    </span>2705                </div>2706                <div class="tile-gradient rounded"></div>2707            </a>2708            2709            <a 2710                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2711                data-borough="15"2712                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2713                href="/louer-appartement-quebec/?boroughs=15"2714            >2715                <div class="bottom--middle d-flex flex-column pb-3">2716                    <p class="thumbnail-title text-white mb-1">Loretteville</p>2717                    <span class="text-white very-small-paragraph">2718                        12719                        Logement2720                    </span>2721                </div>2722                <div class="tile-gradient rounded"></div>2723            </a>2724            2725            <a 2726                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2727                data-borough="6"2728                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2729                href="/louer-appartement-quebec/?boroughs=6"2730            >2731                <div class="bottom--middle d-flex flex-column pb-3">2732                    <p class="thumbnail-title text-white mb-1">Neufchatel</p>2733                    <span class="text-white very-small-paragraph">2734                        62735                        Logements2736                    </span>2737                </div>2738                <div class="tile-gradient rounded"></div>2739            </a>2740            2741            <a 2742                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2743                data-borough="12"2744                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2745                href="/louer-appartement-quebec/?boroughs=12"2746            >2747                <div class="bottom--middle d-flex flex-column pb-3">2748                    <p class="thumbnail-title text-white mb-1">Québec</p>2749                    <span class="text-white very-small-paragraph">2750                        22751                        Logements2752                    </span>2753                </div>2754                <div class="tile-gradient rounded"></div>2755            </a>2756            2757            <a 2758                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2759                data-borough="16"2760                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2761                href="/louer-appartement-quebec/?boroughs=16"2762            >2763                <div class="bottom--middle d-flex flex-column pb-3">2764                    <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2765                    <span class="text-white very-small-paragraph">2766                        102767                        Logements2768                    </span>2769                </div>2770                <div class="tile-gradient rounded"></div>2771            </a>2772            2773            <a 2774                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2775                data-borough="13"2776                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2777                href="/louer-appartement-quebec/?boroughs=13"2778            >2779                <div class="bottom--middle d-flex flex-column pb-3">2780                    <p class="thumbnail-title text-white mb-1">St-Roch</p>2781                    <span class="text-white very-small-paragraph">2782                        12783                        Logement2784                    </span>2785                </div>2786                <div class="tile-gradient rounded"></div>2787            </a>2788            2789            <a 2790                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2791                data-borough="5"2792                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2793                href="/louer-appartement-quebec/?boroughs=5"2794            >2795                <div class="bottom--middle d-flex flex-column pb-3">2796                    <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2797                    <span class="text-white very-small-paragraph">2798                        142799                        Logements2800                    </span>2801                </div>2802                <div class="tile-gradient rounded"></div>2803            </a>2804            2805            <a 2806                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2807                data-borough="17"2808                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2809                href="/louer-appartement-quebec/?boroughs=17"2810            >2811                <div class="bottom--middle d-flex flex-column pb-3">2812                    <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2813                    <span class="text-white very-small-paragraph">2814                        22815                        Logements2816                    </span>2817                </div>2818                <div class="tile-gradient rounded"></div>2819            </a>2820            2821        </div>2822        <div class="centered--right multiple-items-slick-arrow--right"></div>2823    </div>2824</div>282528262827                    2828                    2829283028312832    <div class="row mt-5 ">2833        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2834        <div class="col-12 mb-3">2835            283628372838<div class="row">2839    2840    <a 2841        href="/logement/312"2842        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2843        data-type="3"2844        data-borough="10"2845    >2846        2847284828492850<script>2851    function displayNowAvailableBubble(buildingId) {2852        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2853        nowAvailableBubble.classList.remove("d-none");2854    }2855</script>28562857<div class="row">2858    2859    2860    2861    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2862    2863    2864    2865    2866    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2867        <p class="text-white m-0">En vedette</p>2868    </div>2869    2870    2871    <div class="col-6 apartment-col">2872        <div class="row">2873            <div class="col-12 pr-0">2874                2875                <img 2876                    class="rounded-left apartment-image" 2877                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2878                    alt="unit image"2879                    width=100%2880                    height=232px2881                />2882                2883            </div>2884        </div>2885    </div>2886    2887    2888    <div class="col-6 apartment-col">2889        <div class="row">2890            <div class="col-12 pl-0">2891                <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"2892                   alt="unit image" width="100%" height="116px">2893            </div>2894        </div>2895        2896        <div class="row">2897            <div class="col-12 pl-0">2898                <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"2899                    alt="unit image" width=100% height=116px>2900            </div>2901        </div>2902        2903    </div>2904    2905    2906    2907</div>29082909        2910291129122913<div class="row mt-4">2914    <div class="col-12">2915        <div class="card-body p-0 text-left">2916            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2917            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2918            2919                2920                    <div class="row">2921                        <div class="col-7">2922                            <p class="apartment-infos mb-0">2923                                2924                                    4½ à partir de 1595$2925                                2926                            </p>2927                            <p class="apartment-availability footnotes">2928                                octobre 20262929                            </p>2930                        </div>2931                        <div class="col-5 text-right">2932                            2933                                2934                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2935                                2936                            2937                                2938                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2939                                2940                            2941                                2942                                    <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>2943                                2944                            2945                            2946                        </div>2947                    </div>2948                2949            2950            2951        </div>2952    </div>2953</div>29542955    </a>2956    2957    <a 2958        href="/logement/160"2959        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2960        data-type="3"2961        data-borough="6"2962    >2963        2964296529662967<script>2968    function displayNowAvailableBubble(buildingId) {2969        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2970        nowAvailableBubble.classList.remove("d-none");2971    }2972</script>29732974<div class="row">2975    2976    2977    2978    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2979    2980    2981    2982    2983    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2984        <p class="text-white m-0">En vedette</p>2985    </div>2986    2987    2988    <div class="col-6 apartment-col">2989        <div class="row">2990            <div class="col-12 pr-0">2991                2992                <img 2993                    class="rounded-left apartment-image" 2994                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2995                    alt="unit image"2996                    width=100%2997                    height=232px2998                />2999                3000            </div>3001        </div>3002    </div>3003    3004    3005    <div class="col-6 apartment-col">3006        <div class="row">3007            <div class="col-12 pl-0">3008                <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"3009                   alt="unit image" width="100%" height="116px">3010            </div>3011        </div>3012        3013        <div class="row">3014            <div class="col-12 pl-0">3015                <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"3016                    alt="unit image" width=100% height=116px>3017            </div>3018        </div>3019        3020    </div>3021    3022    3023    3024</div>30253026        3027302830293030<div class="row mt-4">3031    <div class="col-12">3032        <div class="card-body p-0 text-left">3033            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>3034            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>3035            3036                3037                    <div class="row">3038                        <div class="col-7">3039                            <p class="apartment-infos mb-0">3040                                3041                                    4½ à partir de 1250$3042                                3043                            </p>3044                            <p class="apartment-availability footnotes">3045                                Libre immédiatement3046                            </p>3047                        </div>3048                        <div class="col-5 text-right">3049                            3050                                3051                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3052                                3053                            3054                                3055                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3056                                3057                            3058                                3059                                    <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>3060                                3061                            3062                                3063                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>3064                                3065                            3066                            3067                        </div>3068                    </div>3069                3070            3071            3072        </div>3073    </div>3074</div>30753076    </a>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</div>32063207        </div>3208        3209    </div>321032113212                    3213                </div>3214                3215                <div class="col-md-6 pt-4">3216                    32173218<script id="building-coordinates" type="application/json">[{"loc": ["46.852647", "-71.226767"], "id": 15}, {"loc": ["46.853479", "-71.191040"], "id": 18}, {"loc": ["46.884805", "-71.164130"], "id": 19}]</script>32193220<div id="map-container" class=" mb-2 mt-1">3221    <div id="interactive-map" style="height: 100%;" class="rounded">3222    </div>3223</div>32243225                </div>3226                3227            </div>3228        </div>3229    </div>3230</div>32313232            </main>3233            <footer>3234                323532363237<div class="footer row m-0 p-5 justify-content-center bg-black">3238    <div class="container m-0">3239        <div class="row mb-3">3240            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"3241                height="80px" class="footer-logo">3242        </div>3243        <div class="row">3244            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">3245                <p class="footer-title mb-2">Contactez-nous</p>3246                <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>3247                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3248                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3249                    <span class="footer-phone">418 626-5500</span>3250                </a>3251                <a href="/cdn-cgi/l/email-protection#41282f272e012d202733202f22246c2c2035292824346f222e2c" target="_blank" class="mb-3 d-flex align-items-center">3252                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />3253                    <span><span class="__cf_email__" data-cfemail="81e8efe7eec1ede0e7f3e0efe2e4acece0f5e9e8e4f4afe2eeec">[email&#160;protected]</span></span>3254                </a>3255                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">3256                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G43257                </a>3258                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>3259                <div class="d-flex">3260                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">3261                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"3262                            class="footer-social-icon mr-3" />3263                    </a>3264                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">3265                        <img src=/static/images/icons/facebook.svg alt="facebook icon"3266                            class="footer-social-icon" />3267                    </a>3268                </div>3269            </div>3270            <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">3271                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>3272                <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>3273                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3274                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3275                    <span class="footer-phone">418-626-5500</span>3276                </a>3277                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">3278                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />3279                    <span>Se connecter à l’Espace client</span>3280                </a>3281                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">3282                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />3283                    <span>Se connecter à Sensaas</span>3284                </a>3285            </div>3286            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">3287                <ul class="navbar-nav">3288                    3289                    32903291<li class="nav-item  ">3292    <a class="nav-link py-0 footer-main-navigation mb-3"3293        href="/">Accueil</a>3294    <hr class="my-1 border-gray-medium d-none">3295</li>329632973298                    3299                    33003301<li class="nav-item  ">3302    <a class="nav-link py-0 footer-main-navigation mb-3"3303        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3304    <hr class="my-1 border-gray-medium d-none">3305</li>330633073308                    3309                    33103311<li class="nav-item active ">3312    <a class="nav-link py-0 footer-main-navigation mb-3"3313        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3314    <hr class="my-1 border-gray-medium d-none">3315</li>331633173318                    3319                    33203321<li class="nav-item  ">3322    <a class="nav-link py-0 footer-main-navigation mb-3"3323        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3324    <hr class="my-1 border-gray-medium d-none">3325</li>332633273328                    3329                    33303331<li class="nav-item  ">3332    <a class="nav-link py-0 footer-main-navigation mb-3"3333        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3334    <hr class="my-1 border-gray-medium d-none">3335</li>333633373338                    3339                    33403341<li class="nav-item  ">3342    <a class="nav-link py-0 footer-main-navigation mb-3"3343        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3344    <hr class="my-1 border-gray-medium d-none">3345</li>334633473348                    3349                </ul>3350            </div>3351            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3352                <ul class="navbar-nav">3353                    3354                    33553356<li class="nav-item  ">3357    <a class="nav-link py-0 footer-main-navigation mb-3"3358        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3359    <hr class="my-1 border-gray-medium d-none">3360</li>336133623363                    3364                    33653366<li class="nav-item  ">3367    <a class="nav-link py-0 footer-main-navigation mb-3"3368        href="/blog">Blogue</a>3369    <hr class="my-1 border-gray-medium d-none">3370</li>337133723373                    3374                    33753376<li class="nav-item  ">3377    <a class="nav-link py-0 footer-main-navigation mb-3"3378        href="/faire-carriere/">Carrières</a>3379    <hr class="my-1 border-gray-medium d-none">3380</li>338133823383                    3384                </ul>3385            </div>3386        </div>3387    </div>3388</div>33893390339133923393<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">3394    <div class="d-flex justify-content-center">3395        <ul class="list-inline mb-1">3396            3397            <li class="list-inline-item">3398                <a href=/conditions-utilisation>3399                    Conditions d'utilisation3400                </a>3401            </li>3402            3403            3404            <li class="list-inline-item">3405                <a href=/politique-confidentialite>3406                    Politique de confidentialité3407                </a>3408            </li>3409            3410            3411            <li class="list-inline-item">3412                <a href=/protection-renseignements-personnels>3413                    Protection des renseignements personnels3414                </a>3415            </li>3416            3417            3418            <li class="list-inline-item">3419                <a href=/temoins-navigation>3420                    Gérer vos témoins de navigation3421                </a>3422            </li>3423            3424        </ul>3425    </div>3426    <div class="d-flex justify-content-center">3427        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3428    </div>3429</div>34303431            </footer>3432        34333434<!-- Cookie Banner -->3435<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3436    <div class="gilm-cookie-banner-container">3437        <div class="gilm-cookie-banner-text">3438            <p>3439                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3440                sites3441                Web3442                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3443                témoins,3444                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3445                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3446                l'utilisation3447                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3448            </p>3449            <p class="d-sm-none">3450                <a href=/temoins-navigation>3451                    Gérer vos témoins de navigation3452                </a>3453                <br/>3454                <a href=/politique-confidentialite>3455                    Politique de confidentialité3456                </a>3457                <br/>3458                <a href=/conditions-utilisation>3459                    Conditions d'utilisation3460                </a>3461            </p>3462            <p class="d-none d-sm-block">3463                <a href=/temoins-navigation>3464                    Gérer vos témoins de navigation3465                </a>3466                -3467                <a href=/politique-confidentialite>3468                    Politique de confidentialité3469                </a>3470                -3471                <a href=/conditions-utilisation>3472                    Conditions d'utilisation3473                </a>3474            </p>3475        </div>3476        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3477                onclick="window.gilm_hideCookieBanner()">3478            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3479        </button>3480    </div>3481</div>3482<!-- End of Cookie Banner -->3483        </div>3484        <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">3485        </script>3486        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3487        </script>3488        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3489        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3490        </script>3491        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3492        </script>3493        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3494        </script>3495        <script type="text/javascript" src="/static/js/carousel.js">3496        </script>3497        <script type="text/javascript" src="/static/js/cookie_banner.js">3498        </script>3499        <script id="search-script" type="text/javascript" src="/static/js/search.js">3500        </script>3501        <script type="text/javascript" src="/static/js/jssocials.min.js">3502        </script>3503        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3504        </script>3505        <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">3506        </script>3507        <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">3508        </script>3509        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3510        <script>3511            window.dataLayer = window.dataLayer || [];35123513            function gtag() {3514                dataLayer.push(arguments);3515            }3516            gtag('js', new Date());3517            gtag('config', 'UA-20687227-3');3518        </script>3519        3520<script type="text/javascript" src="/static/js/leaflet.js">3521</script>35223523        3524    </body>35253526    </html>3527