SPB Git

spb/lou-ka Public

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

HTML 99.7%
121.6 KB · 3,433 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#ef86818980af838e899d8e818c8ac2828e9b87868a9ac18c8082" 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="9af3f4fcf5daf6fbfce8fbf4f9ffb7f7fbeef2f3ffefb4f9f5f7">[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">Ste-Foy</span>962        <img src="/static/images/icons/add-filter.svg" alt="+">963    </button>964    <div class="search-input w-100 mw-100 d-none">965        <button class="search-close-button btn btn-no-outline text-primary" type="button">966            Fermer967        </button>968        969        <div class="row search-list">970            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">971                972                <li class="col-12 col-lg-6 px-0">973                    <label class="checkbox mb-2 ">974                        <input975                            id="boroughs-1"976                            class="filter-value"977                            name="boroughs"978                            value="3"979                            type="checkbox"980                            981                            onclick='updateButtonLabel("boroughs", "1", "Beauport", "Quartiers", "");'982                        />983                        <span class="checkmark"></span>984                        Beauport985                    </label>986                </li>987                988                <li class="col-12 col-lg-6 px-0">989                    <label class="checkbox mb-2 ">990                        <input991                            id="boroughs-2"992                            class="filter-value"993                            name="boroughs"994                            value="8"995                            type="checkbox"996                            997                            onclick='updateButtonLabel("boroughs", "2", "Charlesbourg", "Quartiers", "");'998                        />999                        <span class="checkmark"></span>1000                        Charlesbourg1001                    </label>1002                </li>1003                1004                <li class="col-12 col-lg-6 px-0">1005                    <label class="checkbox mb-2 ">1006                        <input1007                            id="boroughs-3"1008                            class="filter-value"1009                            name="boroughs"1010                            value="9"1011                            type="checkbox"1012                            1013                            onclick='updateButtonLabel("boroughs", "3", "L&#x27;Ancienne-Lorette", "Quartiers", "");'1014                        />1015                        <span class="checkmark"></span>1016                        L&#x27;Ancienne-Lorette1017                    </label>1018                </li>1019                1020                <li class="col-12 col-lg-6 px-0">1021                    <label class="checkbox mb-2 ">1022                        <input1023                            id="boroughs-4"1024                            class="filter-value"1025                            name="boroughs"1026                            value="10"1027                            type="checkbox"1028                            1029                            onclick='updateButtonLabel("boroughs", "4", "Lebourgneuf", "Quartiers", "");'1030                        />1031                        <span class="checkmark"></span>1032                        Lebourgneuf1033                    </label>1034                </li>1035                1036                <li class="col-12 col-lg-6 px-0">1037                    <label class="checkbox mb-2 ">1038                        <input1039                            id="boroughs-5"1040                            class="filter-value"1041                            name="boroughs"1042                            value="4"1043                            type="checkbox"1044                            1045                            onclick='updateButtonLabel("boroughs", "5", "Les Saules", "Quartiers", "");'1046                        />1047                        <span class="checkmark"></span>1048                        Les Saules1049                    </label>1050                </li>1051                1052                <li class="col-12 col-lg-6 px-0">1053                    <label class="checkbox mb-2 ">1054                        <input1055                            id="boroughs-6"1056                            class="filter-value"1057                            name="boroughs"1058                            value="14"1059                            type="checkbox"1060                            1061                            onclick='updateButtonLabel("boroughs", "6", "Lévis", "Quartiers", "");'1062                        />1063                        <span class="checkmark"></span>1064                        Lévis1065                    </label>1066                </li>1067                1068                <li class="col-12 col-lg-6 px-0">1069                    <label class="checkbox mb-2 ">1070                        <input1071                            id="boroughs-7"1072                            class="filter-value"1073                            name="boroughs"1074                            value="1"1075                            type="checkbox"1076                            1077                            onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1078                        />1079                        <span class="checkmark"></span>1080                        Limoilou1081                    </label>1082                </li>1083                1084                <li class="col-12 col-lg-6 px-0">1085                    <label class="checkbox mb-2 ">1086                        <input1087                            id="boroughs-8"1088                            class="filter-value"1089                            name="boroughs"1090                            value="15"1091                            type="checkbox"1092                            1093                            onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1094                        />1095                        <span class="checkmark"></span>1096                        Loretteville1097                    </label>1098                </li>1099                1100                <li class="col-12 col-lg-6 px-0">1101                    <label class="checkbox mb-2 ">1102                        <input1103                            id="boroughs-9"1104                            class="filter-value"1105                            name="boroughs"1106                            value="6"1107                            type="checkbox"1108                            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                            checked1173                            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                    14 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=5&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": "1005 chemin Ste-Foy Québec  Québec G1S0E2",2023            "latitude": "None",2024            "longitude": "None",2025            "mainEntityOfPage": {2026                "@type": "WebPage",2027                "@id": "lafrance-mathieu.com/louer-appartement-quebec/309"2028            },2029            "photo": {2030                "@type": "ImageObject",2031                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_3_3ae46e66-144d-11ef-a75f-0ef24e757581.jpg"2032            }2033        }2034    </script>2035    <a 2036        href="/logement/309"2037        class="appartments card border-white col-sm-6 mb-4" 2038        data-type="3"2039        data-borough="5"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(309);"></img>2057    2058    2059    2060    2061    2062    <img src alt="" onerror="displayNowAvailableBubble(309);"></img>2063    2064    2065    2066    2067    <div class="now-available-bubble d-none" id="now-available-bubble-309">2068        <p class="text-white m-0">Disponible</p>2069    </div>2070    2071    2072    <div class="col-6 apartment-col">2073        <div class="row">2074            <div class="col-12 pr-0">2075                2076                <img 2077                    class="rounded-left apartment-image" 2078                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_18_bc1529f2-144e-11ef-a0e5-0ef24e757581.jpg"2079                    alt="unit image"2080                    width=100%2081                    height=232px2082                />2083                2084            </div>2085        </div>2086    </div>2087    2088    2089    <div class="col-6 apartment-col">2090        <div class="row">2091            <div class="col-12 pl-0">2092                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_17_bcc9a030-144e-11ef-a0e5-0ef24e757581.jpg"2093                   alt="unit image" width="100%" height="116px">2094            </div>2095        </div>2096        2097        <div class="row">2098            <div class="col-12 pl-0">2099                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_16_bd817372-144e-11ef-a0e5-0ef24e757581.jpg"2100                    alt="unit image" width=100% height=116px>2101            </div>2102        </div>2103        2104    </div>2105    2106    2107    2108</div>21092110        2111211221132114<div class="row mt-4">2115    <div class="col-12">2116        <div class="card-body p-0 text-left">2117            <h5 class="apartment-borough">Appartements &middot; Ste-Foy</h5>2118            <p class="apartment-address mb-1">1005 chemin Ste-Foy</p>2119            2120                2121                    <div class="row">2122                        <div class="col-7">2123                            <p class="apartment-infos mb-0">2124                                2125                                    3½ à partir de 1715$2126                                2127                            </p>2128                            <p class="apartment-availability footnotes">2129                                Libre immédiatement2130                            </p>2131                        </div>2132                        <div class="col-5 text-right">2133                            2134                                2135                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2136                                2137                            2138                                2139                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2140                                2141                            2142                                2143                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2144                                2145                            2146                                2147                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances.png" alt="Semi-meublé" height=18px width=18px>2148                                2149                            2150                                2151                            2152                            2153                                <p class="footnotes d-inline"> +1</p>2154                            2155                        </div>2156                    </div>2157                2158            2159                2160                    <div class="row">2161                        <div class="col-7">2162                            <p class="apartment-infos mb-0">2163                                2164                                    4½ à partir de 1900$2165                                2166                            </p>2167                            <p class="apartment-availability footnotes">2168                                Libre immédiatement2169                            </p>2170                        </div>2171                        <div class="col-5 text-right">2172                            2173                                2174                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2175                                2176                            2177                                2178                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2179                                2180                            2181                                2182                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2183                                2184                            2185                                2186                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances.png" alt="Semi-meublé" height=18px width=18px>2187                                2188                            2189                                2190                            2191                            2192                                <p class="footnotes d-inline"> +1</p>2193                            2194                        </div>2195                    </div>2196                2197            2198            2199        </div>2200    </div>2201</div>22022203    </a>2204    2205    <script type="application/ld+json">2206        {2207            "@context": "http://schema.org",2208            "@type": "ApartmentComplex",2209            "description": "Appartements à louer",2210            "address": "750, rue Gingras Québec Québec G1X4C3",2211            "latitude": "None",2212            "longitude": "None",2213            "mainEntityOfPage": {2214                "@type": "WebPage",2215                "@id": "lafrance-mathieu.com/louer-appartement-quebec/301"2216            },2217            "photo": {2218                "@type": "ImageObject",2219                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext1_00515aac-e50f-11ed-8340-0ee34002bf15.jpg"2220            }2221        }2222    </script>2223    <a 2224        href="/logement/301"2225        class="appartments card border-white col-sm-6 mb-4" 2226        data-type="3"2227        data-borough="5"2228    >2229        2230223122322233<script>2234    function displayNowAvailableBubble(buildingId) {2235        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2236        nowAvailableBubble.classList.remove("d-none");2237    }2238</script>22392240<div class="row">2241    2242    2243    2244    <img src alt="" onerror="displayNowAvailableBubble(301);"></img>2245    2246    2247    2248    2249    <div class="now-available-bubble d-none" id="now-available-bubble-301">2250        <p class="text-white m-0">Disponible</p>2251    </div>2252    2253    2254    <div class="col-6 apartment-col">2255        <div class="row">2256            <div class="col-12 pr-0">2257                2258                <img 2259                    class="rounded-left apartment-image" 2260                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_bdfe446a-f08e-11f0-ae60-02cdb0c1febd.jpg"2261                    alt="unit image"2262                    width=100%2263                    height=232px2264                />2265                2266            </div>2267        </div>2268    </div>2269    2270    2271    <div class="col-6 apartment-col">2272        <div class="row">2273            <div class="col-12 pl-0">2274                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_bfce767a-f08e-11f0-ae60-02cdb0c1febd.jpg"2275                   alt="unit image" width="100%" height="116px">2276            </div>2277        </div>2278        2279        <div class="row">2280            <div class="col-12 pl-0">2281                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_c1aafb58-f08e-11f0-ae60-02cdb0c1febd.jpg"2282                    alt="unit image" width=100% height=116px>2283            </div>2284        </div>2285        2286    </div>2287    2288    2289    2290</div>22912292        2293229422952296<div class="row mt-4">2297    <div class="col-12">2298        <div class="card-body p-0 text-left">2299            <h5 class="apartment-borough">Appartements &middot; Ste-Foy</h5>2300            <p class="apartment-address mb-1">750, rue Gingras</p>2301            2302                2303                    <div class="row">2304                        <div class="col-7">2305                            <p class="apartment-infos mb-0">2306                                2307                                    4½ à partir de 1495$2308                                2309                            </p>2310                            <p class="apartment-availability footnotes">2311                                Libre immédiatement2312                            </p>2313                        </div>2314                        <div class="col-5 text-right">2315                            2316                                2317                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2318                                2319                            2320                                2321                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2322                                2323                            2324                                2325                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2326                                2327                            2328                                2329                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2330                                2331                            2332                                2333                            2334                            2335                                <p class="footnotes d-inline"> +1</p>2336                            2337                        </div>2338                    </div>2339                2340            2341            2342        </div>2343    </div>2344</div>23452346    </a>2347    2348    <script type="application/ld+json">2349        {2350            "@context": "http://schema.org",2351            "@type": "ApartmentComplex",2352            "description": "Appartements à louer",2353            "address": "350, rue Gingras Québec Québec G1X4C4",2354            "latitude": "None",2355            "longitude": "None",2356            "mainEntityOfPage": {2357                "@type": "WebPage",2358                "@id": "lafrance-mathieu.com/louer-appartement-quebec/300"2359            },2360            "photo": {2361                "@type": "ImageObject",2362                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext1_9cb8394e-e5c6-11ed-bb2e-0ee34002bf15.jpg"2363            }2364        }2365    </script>2366    <a 2367        href="/logement/300"2368        class="appartments card border-white col-sm-6 mb-4" 2369        data-type="3"2370        data-borough="5"2371    >2372        2373237423752376<script>2377    function displayNowAvailableBubble(buildingId) {2378        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2379        nowAvailableBubble.classList.remove("d-none");2380    }2381</script>23822383<div class="row">2384    2385    2386    2387    2388    <div class="now-available-bubble d-none" id="now-available-bubble-300">2389        <p class="text-white m-0">Disponible</p>2390    </div>2391    2392    2393    <div class="col-6 apartment-col">2394        <div class="row">2395            <div class="col-12 pr-0">2396                2397                <img 2398                    class="rounded-left apartment-image" 2399                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_9d950fb4-f08a-11f0-8406-02cdb0c1febd.jpg"2400                    alt="unit image"2401                    width=100%2402                    height=232px2403                />2404                2405            </div>2406        </div>2407    </div>2408    2409    2410    <div class="col-6 apartment-col">2411        <div class="row">2412            <div class="col-12 pl-0">2413                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_9f532e62-f08a-11f0-8406-02cdb0c1febd.jpg"2414                   alt="unit image" width="100%" height="116px">2415            </div>2416        </div>2417        2418        <div class="row">2419            <div class="col-12 pl-0">2420                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_a119c38c-f08a-11f0-8406-02cdb0c1febd.jpg"2421                    alt="unit image" width=100% height=116px>2422            </div>2423        </div>2424        2425    </div>2426    2427    2428    2429</div>24302431        2432243324342435<div class="row mt-4">2436    <div class="col-12">2437        <div class="card-body p-0 text-left">2438            <h5 class="apartment-borough">Appartements &middot; Ste-Foy</h5>2439            <p class="apartment-address mb-1">350, rue Gingras</p>2440            2441                2442                    <div class="row">2443                        <div class="col-7">2444                            <p class="apartment-infos mb-0">2445                                2446                                    4½ à partir de 1610$2447                                2448                            </p>2449                            <p class="apartment-availability footnotes">2450                                janvier 20272451                            </p>2452                        </div>2453                        <div class="col-5 text-right">2454                            2455                                2456                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2457                                2458                            2459                                2460                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2461                                2462                            2463                                2464                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2465                                2466                            2467                                2468                                    <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>2469                                2470                            2471                            2472                        </div>2473                    </div>2474                2475            2476            2477        </div>2478    </div>2479</div>24802481    </a>2482    2483</div>2484248524862487                    2488                    2489                    2490249124922493<div class="row my-5 ">2494    <h1 class="col-12 text-center mb-3 new-title">2495        Explorer les logements à louer par secteurs2496    </h1>2497    <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2498    2499    <div class="col-md-12 left-align-slick">2500        <div class="centered--left multiple-items-slick-arrow--left"></div>2501        <div class="slick-carousel" data-items="4">2502            2503            <a 2504                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2505                data-borough="3"2506                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2507                href="/louer-appartement-quebec/?boroughs=3"2508            >2509                <div class="bottom--middle d-flex flex-column pb-3">2510                    <p class="thumbnail-title text-white mb-1">Beauport</p>2511                    <span class="text-white very-small-paragraph">2512                        92513                        Logements2514                    </span>2515                </div>2516                <div class="tile-gradient rounded"></div>2517            </a>2518            2519            <a 2520                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2521                data-borough="8"2522                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2523                href="/louer-appartement-quebec/?boroughs=8"2524            >2525                <div class="bottom--middle d-flex flex-column pb-3">2526                    <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2527                    <span class="text-white very-small-paragraph">2528                        62529                        Logements2530                    </span>2531                </div>2532                <div class="tile-gradient rounded"></div>2533            </a>2534            2535            <a 2536                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2537                data-borough="9"2538                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2539                href="/louer-appartement-quebec/?boroughs=9"2540            >2541                <div class="bottom--middle d-flex flex-column pb-3">2542                    <p class="thumbnail-title text-white mb-1">L&#x27;Ancienne-Lorette</p>2543                    <span class="text-white very-small-paragraph">2544                        12545                        Logement2546                    </span>2547                </div>2548                <div class="tile-gradient rounded"></div>2549            </a>2550            2551            <a 2552                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2553                data-borough="10"2554                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2555                href="/louer-appartement-quebec/?boroughs=10"2556            >2557                <div class="bottom--middle d-flex flex-column pb-3">2558                    <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2559                    <span class="text-white very-small-paragraph">2560                        32561                        Logements2562                    </span>2563                </div>2564                <div class="tile-gradient rounded"></div>2565            </a>2566            2567            <a 2568                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2569                data-borough="4"2570                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2571                href="/louer-appartement-quebec/?boroughs=4"2572            >2573                <div class="bottom--middle d-flex flex-column pb-3">2574                    <p class="thumbnail-title text-white mb-1">Les Saules</p>2575                    <span class="text-white very-small-paragraph">2576                        92577                        Logements2578                    </span>2579                </div>2580                <div class="tile-gradient rounded"></div>2581            </a>2582            2583            <a 2584                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2585                data-borough="14"2586                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2587                href="/louer-appartement-quebec/?boroughs=14"2588            >2589                <div class="bottom--middle d-flex flex-column pb-3">2590                    <p class="thumbnail-title text-white mb-1">Lévis</p>2591                    <span class="text-white very-small-paragraph">2592                        42593                        Logements2594                    </span>2595                </div>2596                <div class="tile-gradient rounded"></div>2597            </a>2598            2599            <a 2600                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2601                data-borough="1"2602                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2603                href="/louer-appartement-quebec/?boroughs=1"2604            >2605                <div class="bottom--middle d-flex flex-column pb-3">2606                    <p class="thumbnail-title text-white mb-1">Limoilou</p>2607                    <span class="text-white very-small-paragraph">2608                        32609                        Logements2610                    </span>2611                </div>2612                <div class="tile-gradient rounded"></div>2613            </a>2614            2615            <a 2616                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2617                data-borough="15"2618                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2619                href="/louer-appartement-quebec/?boroughs=15"2620            >2621                <div class="bottom--middle d-flex flex-column pb-3">2622                    <p class="thumbnail-title text-white mb-1">Loretteville</p>2623                    <span class="text-white very-small-paragraph">2624                        12625                        Logement2626                    </span>2627                </div>2628                <div class="tile-gradient rounded"></div>2629            </a>2630            2631            <a 2632                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2633                data-borough="6"2634                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2635                href="/louer-appartement-quebec/?boroughs=6"2636            >2637                <div class="bottom--middle d-flex flex-column pb-3">2638                    <p class="thumbnail-title text-white mb-1">Neufchatel</p>2639                    <span class="text-white very-small-paragraph">2640                        62641                        Logements2642                    </span>2643                </div>2644                <div class="tile-gradient rounded"></div>2645            </a>2646            2647            <a 2648                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2649                data-borough="12"2650                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2651                href="/louer-appartement-quebec/?boroughs=12"2652            >2653                <div class="bottom--middle d-flex flex-column pb-3">2654                    <p class="thumbnail-title text-white mb-1">Québec</p>2655                    <span class="text-white very-small-paragraph">2656                        22657                        Logements2658                    </span>2659                </div>2660                <div class="tile-gradient rounded"></div>2661            </a>2662            2663            <a 2664                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2665                data-borough="16"2666                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2667                href="/louer-appartement-quebec/?boroughs=16"2668            >2669                <div class="bottom--middle d-flex flex-column pb-3">2670                    <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2671                    <span class="text-white very-small-paragraph">2672                        102673                        Logements2674                    </span>2675                </div>2676                <div class="tile-gradient rounded"></div>2677            </a>2678            2679            <a 2680                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2681                data-borough="13"2682                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2683                href="/louer-appartement-quebec/?boroughs=13"2684            >2685                <div class="bottom--middle d-flex flex-column pb-3">2686                    <p class="thumbnail-title text-white mb-1">St-Roch</p>2687                    <span class="text-white very-small-paragraph">2688                        12689                        Logement2690                    </span>2691                </div>2692                <div class="tile-gradient rounded"></div>2693            </a>2694            2695            <a 2696                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2697                data-borough="5"2698                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2699                href="/louer-appartement-quebec/?boroughs=5"2700            >2701                <div class="bottom--middle d-flex flex-column pb-3">2702                    <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2703                    <span class="text-white very-small-paragraph">2704                        142705                        Logements2706                    </span>2707                </div>2708                <div class="tile-gradient rounded"></div>2709            </a>2710            2711            <a 2712                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2713                data-borough="17"2714                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2715                href="/louer-appartement-quebec/?boroughs=17"2716            >2717                <div class="bottom--middle d-flex flex-column pb-3">2718                    <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2719                    <span class="text-white very-small-paragraph">2720                        22721                        Logements2722                    </span>2723                </div>2724                <div class="tile-gradient rounded"></div>2725            </a>2726            2727        </div>2728        <div class="centered--right multiple-items-slick-arrow--right"></div>2729    </div>2730</div>273127322733                    2734                    2735273627372738    <div class="row mt-5 ">2739        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2740        <div class="col-12 mb-3">2741            274227432744<div class="row">2745    2746    <a 2747        href="/logement/312"2748        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2749        data-type="3"2750        data-borough="10"2751    >2752        2753275427552756<script>2757    function displayNowAvailableBubble(buildingId) {2758        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2759        nowAvailableBubble.classList.remove("d-none");2760    }2761</script>27622763<div class="row">2764    2765    2766    2767    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2768    2769    2770    2771    2772    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2773        <p class="text-white m-0">En vedette</p>2774    </div>2775    2776    2777    <div class="col-6 apartment-col">2778        <div class="row">2779            <div class="col-12 pr-0">2780                2781                <img 2782                    class="rounded-left apartment-image" 2783                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2784                    alt="unit image"2785                    width=100%2786                    height=232px2787                />2788                2789            </div>2790        </div>2791    </div>2792    2793    2794    <div class="col-6 apartment-col">2795        <div class="row">2796            <div class="col-12 pl-0">2797                <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"2798                   alt="unit image" width="100%" height="116px">2799            </div>2800        </div>2801        2802        <div class="row">2803            <div class="col-12 pl-0">2804                <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"2805                    alt="unit image" width=100% height=116px>2806            </div>2807        </div>2808        2809    </div>2810    2811    2812    2813</div>28142815        2816281728182819<div class="row mt-4">2820    <div class="col-12">2821        <div class="card-body p-0 text-left">2822            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2823            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2824            2825                2826                    <div class="row">2827                        <div class="col-7">2828                            <p class="apartment-infos mb-0">2829                                2830                                    4½ à partir de 1595$2831                                2832                            </p>2833                            <p class="apartment-availability footnotes">2834                                octobre 20262835                            </p>2836                        </div>2837                        <div class="col-5 text-right">2838                            2839                                2840                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2841                                2842                            2843                                2844                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2845                                2846                            2847                                2848                                    <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>2849                                2850                            2851                            2852                        </div>2853                    </div>2854                2855            2856            2857        </div>2858    </div>2859</div>28602861    </a>2862    2863    <a 2864        href="/logement/160"2865        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2866        data-type="3"2867        data-borough="6"2868    >2869        2870287128722873<script>2874    function displayNowAvailableBubble(buildingId) {2875        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2876        nowAvailableBubble.classList.remove("d-none");2877    }2878</script>28792880<div class="row">2881    2882    2883    2884    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2885    2886    2887    2888    2889    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2890        <p class="text-white m-0">En vedette</p>2891    </div>2892    2893    2894    <div class="col-6 apartment-col">2895        <div class="row">2896            <div class="col-12 pr-0">2897                2898                <img 2899                    class="rounded-left apartment-image" 2900                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2901                    alt="unit image"2902                    width=100%2903                    height=232px2904                />2905                2906            </div>2907        </div>2908    </div>2909    2910    2911    <div class="col-6 apartment-col">2912        <div class="row">2913            <div class="col-12 pl-0">2914                <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"2915                   alt="unit image" width="100%" height="116px">2916            </div>2917        </div>2918        2919        <div class="row">2920            <div class="col-12 pl-0">2921                <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"2922                    alt="unit image" width=100% height=116px>2923            </div>2924        </div>2925        2926    </div>2927    2928    2929    2930</div>29312932        2933293429352936<div class="row mt-4">2937    <div class="col-12">2938        <div class="card-body p-0 text-left">2939            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2940            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2941            2942                2943                    <div class="row">2944                        <div class="col-7">2945                            <p class="apartment-infos mb-0">2946                                2947                                    4½ à partir de 1250$2948                                2949                            </p>2950                            <p class="apartment-availability footnotes">2951                                Libre immédiatement2952                            </p>2953                        </div>2954                        <div class="col-5 text-right">2955                            2956                                2957                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2958                                2959                            2960                                2961                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2962                                2963                            2964                                2965                                    <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>2966                                2967                            2968                                2969                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2970                                2971                            2972                            2973                        </div>2974                    </div>2975                2976            2977            2978        </div>2979    </div>2980</div>29812982    </a>2983    2984    <a 2985        href="/logement/18"2986        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2987        data-type="3"2988        data-borough="3"2989    >2990        2991299229932994<script>2995    function displayNowAvailableBubble(buildingId) {2996        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2997        nowAvailableBubble.classList.remove("d-none");2998    }2999</script>30003001<div class="row">3002    3003    3004    3005    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>3006    3007    3008    3009    3010    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">3011        <p class="text-white m-0">En vedette</p>3012    </div>3013    3014    3015    <div class="col-6 apartment-col">3016        <div class="row">3017            <div class="col-12 pr-0">3018                3019                <img 3020                    class="rounded-left apartment-image" 3021                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"3022                    alt="unit image"3023                    width=100%3024                    height=232px3025                />3026                3027            </div>3028        </div>3029    </div>3030    3031    3032    <div class="col-6 apartment-col">3033        <div class="row">3034            <div class="col-12 pl-0">3035                <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"3036                   alt="unit image" width="100%" height="116px">3037            </div>3038        </div>3039        3040        <div class="row">3041            <div class="col-12 pl-0">3042                <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"3043                    alt="unit image" width=100% height=116px>3044            </div>3045        </div>3046        3047    </div>3048    3049    3050    3051</div>30523053        3054305530563057<div class="row mt-4">3058    <div class="col-12">3059        <div class="card-body p-0 text-left">3060            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>3061            <p class="apartment-address mb-1">555, avenue du Fleuve</p>3062            3063                3064                    <div class="row">3065                        <div class="col-7">3066                            <p class="apartment-infos mb-0">3067                                3068                                    1½ à partir de 799$3069                                3070                            </p>3071                            <p class="apartment-availability footnotes">3072                                Libre immédiatement3073                            </p>3074                        </div>3075                        <div class="col-5 text-right">3076                            3077                                3078                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>3079                                3080                            3081                                3082                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3083                                3084                            3085                                3086                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>3087                                3088                            3089                                3090                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3091                                3092                            3093                                3094                            3095                                3096                            3097                            3098                                <p class="footnotes d-inline"> +2</p>3099                            3100                        </div>3101                    </div>3102                3103            3104            3105        </div>3106    </div>3107</div>31083109    </a>3110    3111</div>31123113        </div>3114        3115    </div>311631173118                    3119                </div>3120                3121                <div class="col-md-6 pt-4">3122                    31233124<script id="building-coordinates" type="application/json">[]</script>31253126<div id="map-container" class=" mb-2 mt-1">3127    <div id="interactive-map" style="height: 100%;" class="rounded">3128    </div>3129</div>31303131                </div>3132                3133            </div>3134        </div>3135    </div>3136</div>31373138            </main>3139            <footer>3140                314131423143<div class="footer row m-0 p-5 justify-content-center bg-black">3144    <div class="container m-0">3145        <div class="row mb-3">3146            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"3147                height="80px" class="footer-logo">3148        </div>3149        <div class="row">3150            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">3151                <p class="footer-title mb-2">Contactez-nous</p>3152                <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>3153                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3154                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3155                    <span class="footer-phone">418 626-5500</span>3156                </a>3157                <a href="/cdn-cgi/l/email-protection#82ebece4edc2eee3e4f0e3ece1e7afefe3f6eaebe7f7ace1edef" target="_blank" class="mb-3 d-flex align-items-center">3158                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />3159                    <span><span class="__cf_email__" data-cfemail="345d5a525b7458555246555a5751195955405c5d51411a575b59">[email&#160;protected]</span></span>3160                </a>3161                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">3162                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G43163                </a>3164                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>3165                <div class="d-flex">3166                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">3167                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"3168                            class="footer-social-icon mr-3" />3169                    </a>3170                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">3171                        <img src=/static/images/icons/facebook.svg alt="facebook icon"3172                            class="footer-social-icon" />3173                    </a>3174                </div>3175            </div>3176            <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">3177                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>3178                <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>3179                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3180                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3181                    <span class="footer-phone">418-626-5500</span>3182                </a>3183                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">3184                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />3185                    <span>Se connecter à l’Espace client</span>3186                </a>3187                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">3188                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />3189                    <span>Se connecter à Sensaas</span>3190                </a>3191            </div>3192            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">3193                <ul class="navbar-nav">3194                    3195                    31963197<li class="nav-item  ">3198    <a class="nav-link py-0 footer-main-navigation mb-3"3199        href="/">Accueil</a>3200    <hr class="my-1 border-gray-medium d-none">3201</li>320232033204                    3205                    32063207<li class="nav-item  ">3208    <a class="nav-link py-0 footer-main-navigation mb-3"3209        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3210    <hr class="my-1 border-gray-medium d-none">3211</li>321232133214                    3215                    32163217<li class="nav-item active ">3218    <a class="nav-link py-0 footer-main-navigation mb-3"3219        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3220    <hr class="my-1 border-gray-medium d-none">3221</li>322232233224                    3225                    32263227<li class="nav-item  ">3228    <a class="nav-link py-0 footer-main-navigation mb-3"3229        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3230    <hr class="my-1 border-gray-medium d-none">3231</li>323232333234                    3235                    32363237<li class="nav-item  ">3238    <a class="nav-link py-0 footer-main-navigation mb-3"3239        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3240    <hr class="my-1 border-gray-medium d-none">3241</li>324232433244                    3245                    32463247<li class="nav-item  ">3248    <a class="nav-link py-0 footer-main-navigation mb-3"3249        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3250    <hr class="my-1 border-gray-medium d-none">3251</li>325232533254                    3255                </ul>3256            </div>3257            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3258                <ul class="navbar-nav">3259                    3260                    32613262<li class="nav-item  ">3263    <a class="nav-link py-0 footer-main-navigation mb-3"3264        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3265    <hr class="my-1 border-gray-medium d-none">3266</li>326732683269                    3270                    32713272<li class="nav-item  ">3273    <a class="nav-link py-0 footer-main-navigation mb-3"3274        href="/blog">Blogue</a>3275    <hr class="my-1 border-gray-medium d-none">3276</li>327732783279                    3280                    32813282<li class="nav-item  ">3283    <a class="nav-link py-0 footer-main-navigation mb-3"3284        href="/faire-carriere/">Carrières</a>3285    <hr class="my-1 border-gray-medium d-none">3286</li>328732883289                    3290                </ul>3291            </div>3292        </div>3293    </div>3294</div>32953296329732983299<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">3300    <div class="d-flex justify-content-center">3301        <ul class="list-inline mb-1">3302            3303            <li class="list-inline-item">3304                <a href=/conditions-utilisation>3305                    Conditions d'utilisation3306                </a>3307            </li>3308            3309            3310            <li class="list-inline-item">3311                <a href=/politique-confidentialite>3312                    Politique de confidentialité3313                </a>3314            </li>3315            3316            3317            <li class="list-inline-item">3318                <a href=/protection-renseignements-personnels>3319                    Protection des renseignements personnels3320                </a>3321            </li>3322            3323            3324            <li class="list-inline-item">3325                <a href=/temoins-navigation>3326                    Gérer vos témoins de navigation3327                </a>3328            </li>3329            3330        </ul>3331    </div>3332    <div class="d-flex justify-content-center">3333        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3334    </div>3335</div>33363337            </footer>3338        33393340<!-- Cookie Banner -->3341<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3342    <div class="gilm-cookie-banner-container">3343        <div class="gilm-cookie-banner-text">3344            <p>3345                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3346                sites3347                Web3348                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3349                témoins,3350                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3351                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3352                l'utilisation3353                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3354            </p>3355            <p class="d-sm-none">3356                <a href=/temoins-navigation>3357                    Gérer vos témoins de navigation3358                </a>3359                <br/>3360                <a href=/politique-confidentialite>3361                    Politique de confidentialité3362                </a>3363                <br/>3364                <a href=/conditions-utilisation>3365                    Conditions d'utilisation3366                </a>3367            </p>3368            <p class="d-none d-sm-block">3369                <a href=/temoins-navigation>3370                    Gérer vos témoins de navigation3371                </a>3372                -3373                <a href=/politique-confidentialite>3374                    Politique de confidentialité3375                </a>3376                -3377                <a href=/conditions-utilisation>3378                    Conditions d'utilisation3379                </a>3380            </p>3381        </div>3382        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3383                onclick="window.gilm_hideCookieBanner()">3384            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3385        </button>3386    </div>3387</div>3388<!-- End of Cookie Banner -->3389        </div>3390        <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">3391        </script>3392        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3393        </script>3394        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3395        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3396        </script>3397        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3398        </script>3399        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3400        </script>3401        <script type="text/javascript" src="/static/js/carousel.js">3402        </script>3403        <script type="text/javascript" src="/static/js/cookie_banner.js">3404        </script>3405        <script id="search-script" type="text/javascript" src="/static/js/search.js">3406        </script>3407        <script type="text/javascript" src="/static/js/jssocials.min.js">3408        </script>3409        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3410        </script>3411        <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">3412        </script>3413        <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">3414        </script>3415        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3416        <script>3417            window.dataLayer = window.dataLayer || [];34183419            function gtag() {3420                dataLayer.push(arguments);3421            }3422            gtag('js', new Date());3423            gtag('config', 'UA-20687227-3');3424        </script>3425        3426<script type="text/javascript" src="/static/js/leaflet.js">3427</script>34283429        3430    </body>34313432    </html>3433