SPB Git

spb/lou-ka Public

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

HTML 99.7%
118.5 KB · 3,360 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#0f666169604f636e697d6e616c6a22626e7b67666a7a216c6062" 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="056c6b636a4569646377646b6660286864716d6c60702b666a68">[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">Limoilou</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                            checked1077                            onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1078                        />1079                        <span class="checkmark"></span>1080                        Limoilou1081                    </label>1082                </li>1083                1084                <li class="col-12 col-lg-6 px-0">1085                    <label class="checkbox mb-2 ">1086                        <input1087                            id="boroughs-8"1088                            class="filter-value"1089                            name="boroughs"1090                            value="15"1091                            type="checkbox"1092                            1093                            onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1094                        />1095                        <span class="checkmark"></span>1096                        Loretteville1097                    </label>1098                </li>1099                1100                <li class="col-12 col-lg-6 px-0">1101                    <label class="checkbox mb-2 ">1102                        <input1103                            id="boroughs-9"1104                            class="filter-value"1105                            name="boroughs"1106                            value="6"1107                            type="checkbox"1108                            1109                            onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1110                        />1111                        <span class="checkmark"></span>1112                        Neufchatel1113                    </label>1114                </li>1115                1116                <li class="col-12 col-lg-6 px-0">1117                    <label class="checkbox mb-2 ">1118                        <input1119                            id="boroughs-10"1120                            class="filter-value"1121                            name="boroughs"1122                            value="12"1123                            type="checkbox"1124                            1125                            onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1126                        />1127                        <span class="checkmark"></span>1128                        Québec1129                    </label>1130                </li>1131                1132                <li class="col-12 col-lg-6 px-0">1133                    <label class="checkbox mb-2 ">1134                        <input1135                            id="boroughs-11"1136                            class="filter-value"1137                            name="boroughs"1138                            value="16"1139                            type="checkbox"1140                            1141                            onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1142                        />1143                        <span class="checkmark"></span>1144                        Saint-Augustin-de-Desmaures1145                    </label>1146                </li>1147                1148                <li class="col-12 col-lg-6 px-0">1149                    <label class="checkbox mb-2 ">1150                        <input1151                            id="boroughs-12"1152                            class="filter-value"1153                            name="boroughs"1154                            value="13"1155                            type="checkbox"1156                            1157                            onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1158                        />1159                        <span class="checkmark"></span>1160                        St-Roch1161                    </label>1162                </li>1163                1164                <li class="col-12 col-lg-6 px-0">1165                    <label class="checkbox mb-2 ">1166                        <input1167                            id="boroughs-13"1168                            class="filter-value"1169                            name="boroughs"1170                            value="5"1171                            type="checkbox"1172                            1173                            onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1174                        />1175                        <span class="checkmark"></span>1176                        Ste-Foy1177                    </label>1178                </li>1179                1180                <li class="col-12 col-lg-6 px-0">1181                    <label class="checkbox mb-2 ">1182                        <input1183                            id="boroughs-14"1184                            class="filter-value"1185                            name="boroughs"1186                            value="17"1187                            type="checkbox"1188                            1189                            onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1190                        />1191                        <span class="checkmark"></span>1192                        Val-Bélair1193                    </label>1194                </li>1195                1196            </ul>1197        </div>1198        1199    </div>1200</div>12011202<script>1203    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1204        const label = document.getElementById(`label-${ name }`);1205        if (label.innerHTML === defaultValue) label.innerHTML = "";12061207        const input = document.getElementById(`${ name }-${counter}`);12081209        if (input.checked) {1210            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1211            else label.innerHTML = value;1212        } else {1213            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1214            else label.innerHTML = label.innerHTML.replace(value, "");1215        }12161217        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1218    }12191220    1221</script>12221223    1224    122512261227<div class="search-button-container mb-2 mb-lg-0 big ">1228    <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1229        <div class="room-sizes-container">1230            <div id="room-size-group" class="room-size-group">1231                1232                <button1233                    id="button-2"1234                    type="button"1235                    class="btn room-size-btn "1236                    onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1237                >12381239                </button>1240                1241                <button1242                    id="button-3"1243                    type="button"1244                    class="btn room-size-btn "1245                    onclick="toggleRoomSizeButton(3); toggleRoomSizeCheckBox(3);"1246                >12471248                </button>1249                1250                <button1251                    id="button-4"1252                    type="button"1253                    class="btn room-size-btn "1254                    onclick="toggleRoomSizeButton(4); toggleRoomSizeCheckBox(4);"1255                >12561257                </button>1258                1259                <button1260                    id="button-5"1261                    type="button"1262                    class="btn room-size-btn "1263                    onclick="toggleRoomSizeButton(5); toggleRoomSizeCheckBox(5);"1264                >12651266                </button>1267                1268                <button1269                    id="button-6"1270                    type="button"1271                    class="btn room-size-btn "1272                    onclick="toggleRoomSizeButton(6); toggleRoomSizeCheckBox(6);"1273                >12741275                </button>1276                1277            </div>1278            <button id="see-more-rooms" type="button" class="search-button btn inner-button d-none text-primary border-0" data-toggle="toggle">...</button>1279            <div class="search-input w-100 mw-100 d-none">1280                <button class="search-close-button btn btn-no-outline text-primary" type="button">1281                    Fermer1282                </button>1283                <div class="row search-list">1284                    <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1285                        1286                        <li class="col-12 col-lg-6 px-0">1287                            <label class="checkbox mb-2">1288                                <input 1289                                    type="checkbox"1290                                    id="checkbox-2"1291                                    1292                                    name="room-size"1293                                    value="2"1294                                    onclick="toggleRoomSizeButton(2);"1295                                />1296                                <span class="checkmark"></span>12971298                            </label>1299                        </li>1300                        1301                        <li class="col-12 col-lg-6 px-0">1302                            <label class="checkbox mb-2">1303                                <input 1304                                    type="checkbox"1305                                    id="checkbox-3"1306                                    1307                                    name="room-size"1308                                    value="3"1309                                    onclick="toggleRoomSizeButton(3);"1310                                />1311                                <span class="checkmark"></span>13121313                            </label>1314                        </li>1315                        1316                        <li class="col-12 col-lg-6 px-0">1317                            <label class="checkbox mb-2">1318                                <input 1319                                    type="checkbox"1320                                    id="checkbox-4"1321                                    1322                                    name="room-size"1323                                    value="4"1324                                    onclick="toggleRoomSizeButton(4);"1325                                />1326                                <span class="checkmark"></span>13271328                            </label>1329                        </li>1330                        1331                        <li class="col-12 col-lg-6 px-0">1332                            <label class="checkbox mb-2">1333                                <input 1334                                    type="checkbox"1335                                    id="checkbox-5"1336                                    1337                                    name="room-size"1338                                    value="5"1339                                    onclick="toggleRoomSizeButton(5);"1340                                />1341                                <span class="checkmark"></span>13421343                            </label>1344                        </li>1345                        1346                        <li class="col-12 col-lg-6 px-0">1347                            <label class="checkbox mb-2">1348                                <input 1349                                    type="checkbox"1350                                    id="checkbox-6"1351                                    1352                                    name="room-size"1353                                    value="6"1354                                    onclick="toggleRoomSizeButton(6);"1355                                />1356                                <span class="checkmark"></span>13571358                            </label>1359                        </li>1360                        1361                    </ul>1362                </div>1363            </div>1364        </div>1365    </div>1366</div>13671368<script>1369    function toggleRoomSizeCheckBox(roomSizeId) {1370        const roomSizeCheckBox = document.getElementById(`checkbox-${roomSizeId}`);1371        if (roomSizeCheckBox) roomSizeCheckBox.checked = !roomSizeCheckBox.checked;1372    }13731374    function toggleRoomSizeButton(roomSizeId) {1375        const roomSizeButton = document.getElementById(`button-${roomSizeId}`);1376        if (roomSizeButton) roomSizeButton.classList.toggle("active");1377    }13781379    function isOverflown(element) {1380        return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;1381    }13821383    function displaySeeMoreButtonIfOverflow() {1384        const seeMoreButton = document.getElementById("see-more-rooms");1385        const roomSizeGroup = document.getElementById("room-size-group");13861387        seeMoreButton.classList.add("d-none");1388        const overflown = isOverflown(roomSizeGroup);1389        if (overflown) seeMoreButton.classList.remove("d-none");13901391    }13921393    window.addEventListener("resize", displaySeeMoreButtonIfOverflow);1394    window.addEventListener("DOMContentLoaded", displaySeeMoreButtonIfOverflow);1395</script>13961397    1398139914001401<div class="search-button-container position-static">1402    <button 1403        id="price-range-button"1404        type="button" 1405        class="search-button btn rounded-pill w-100" 1406        data-toggle="toggle"1407    >1408        <span id="label-price">Prix</span>1409        <img src="/static/images/icons/add-filter.svg" alt="+">1410    </button>1411    <div class="search-input w-100 mw-100 d-none">1412        <button class="search-close-button btn btn-no-outline text-primary" type="button">1413            Fermer1414        </button>1415        1416        141714181419<script id="search-script" type="application/json">{"rent__min": "785.00", "rent__max": "2690.00"}</script>14201421<div class="row">1422    <div class="mr-4" style="right: 0;">1423        <p class="text-primary" id="count_of_units"></p>1424    </div>1425    <div class="col-12">1426        <svg viewBox="0 0 500 100" class="chart">1427            <polyline1428                fill="#F0EDE4"1429                stroke="#ad986e"1430                stroke-width="2"1431                points="1432                    0, 1001433                    1434                        0, 951435                    1436                        11, 981437                    1438                        22, 1001439                    1440                        34, 1001441                    1442                        45, 1001443                    1444                        57, 1001445                    1446                        68, 981447                    1448                        79, 961449                    1450                        91, 961451                    1452                        102, 951453                    1454                        114, 911455                    1456                        125, 981457                    1458                        136, 951459                    1460                        148, 1001461                    1462                        159, 951463                    1464                        171, 911465                    1466                        182, 911467                    1468                        193, 931469                    1470                        205, 901471                    1472                        216, 901473                    1474                        228, 951475                    1476                        239, 961477                    1478                        250, 961479                    1480                        262, 961481                    1482                        273, 961483                    1484                        285, 981485                    1486                        296, 961487                    1488                        307, 951489                    1490                        319, 981491                    1492                        330, 981493                    1494                        342, 1001495                    1496                        353, 1001497                    1498                        365, 1001499                    1500                        376, 1001501                    1502                        387, 1001503                    1504                        399, 1001505                    1506                        410, 1001507                    1508                        422, 1001509                    1510                        433, 981511                    1512                    500, 1001513                "1514            />1515        </svg>1516        <div id="slider-range"></div>1517    </div>1518</div>1519<div class="row mt-4">1520    <div class="col-6 pr-0">1521        <input1522            class="search-slider-input rounded-left"1523            type="text"1524            id="slider-min-amount"1525            name="min-amount"1526            placeholder="Prix min."1527            value="">1528    </div>1529    <div class="col-6 pl-0">1530        <input1531            class="search-slider-input rounded-right"1532            type="text"1533            id="slider-max-amount"1534            name="max-amount"1535            placeholder="Prix max."1536            value="">1537    </div>1538</div>15391540        1541    </div>1542</div>15431544<script>1545    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1546        const label = document.getElementById(`label-${ name }`);1547        if (label.innerHTML === defaultValue) label.innerHTML = "";15481549        const input = document.getElementById(`${ name }-${counter}`);15501551        if (input.checked) {1552            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1553            else label.innerHTML = value;1554        } else {1555            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1556            else label.innerHTML = label.innerHTML.replace(value, "");1557        }15581559        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1560    }15611562    1563</script>15641565    1566156715681569<div class="search-button-container position-static">1570    <button 1571        1572        type="button" 1573        class="search-button btn rounded-pill w-100" 1574        data-toggle="toggle"1575    >1576        <span id="label-availability">Disponibilités</span>1577        <img src="/static/images/icons/add-filter.svg" alt="+">1578    </button>1579    <div class="search-input w-100 mw-100 d-none">1580        <button class="search-close-button btn btn-no-outline text-primary" type="button">1581            Fermer1582        </button>1583        1584        <div class="row search-list">1585            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1586                1587                <li class="col-12 col-lg-6 px-0">1588                    <label class="checkbox mb-2 radio">1589                        <input1590                            id="availability-1"1591                            class="filter-value"1592                            name="availability"1593                            value="1786147200"1594                            type="radio"1595                            1596                            onclick='updateButtonLabel("availability", "1", "Libre immédiatement", "Disponibilités", "True");'1597                        />1598                        <span class="checkmark"></span>1599                        Libre immédiatement1600                    </label>1601                </li>1602                1603                <li class="col-12 col-lg-6 px-0">1604                    <label class="checkbox mb-2 radio">1605                        <input1606                            id="availability-2"1607                            class="filter-value"1608                            name="availability"1609                            value="1788220800"1610                            type="radio"1611                            1612                            onclick='updateButtonLabel("availability", "2", "septembre 2026", "Disponibilités", "True");'1613                        />1614                        <span class="checkmark"></span>1615                        septembre 20261616                    </label>1617                </li>1618                1619                <li class="col-12 col-lg-6 px-0">1620                    <label class="checkbox mb-2 radio">1621                        <input1622                            id="availability-3"1623                            class="filter-value"1624                            name="availability"1625                            value="1790812800"1626                            type="radio"1627                            1628                            onclick='updateButtonLabel("availability", "3", "octobre 2026", "Disponibilités", "True");'1629                        />1630                        <span class="checkmark"></span>1631                        octobre 20261632                    </label>1633                </li>1634                1635                <li class="col-12 col-lg-6 px-0">1636                    <label class="checkbox mb-2 radio">1637                        <input1638                            id="availability-4"1639                            class="filter-value"1640                            name="availability"1641                            value="1793491200"1642                            type="radio"1643                            1644                            onclick='updateButtonLabel("availability", "4", "novembre 2026", "Disponibilités", "True");'1645                        />1646                        <span class="checkmark"></span>1647                        novembre 20261648                    </label>1649                </li>1650                1651                <li class="col-12 col-lg-6 px-0">1652                    <label class="checkbox mb-2 radio">1653                        <input1654                            id="availability-5"1655                            class="filter-value"1656                            name="availability"1657                            value="1796083200"1658                            type="radio"1659                            1660                            onclick='updateButtonLabel("availability", "5", "décembre 2026", "Disponibilités", "True");'1661                        />1662                        <span class="checkmark"></span>1663                        décembre 20261664                    </label>1665                </li>1666                1667                <li class="col-12 col-lg-6 px-0">1668                    <label class="checkbox mb-2 radio">1669                        <input1670                            id="availability-6"1671                            class="filter-value"1672                            name="availability"1673                            value="1798761600"1674                            type="radio"1675                            1676                            onclick='updateButtonLabel("availability", "6", "janvier 2027", "Disponibilités", "True");'1677                        />1678                        <span class="checkmark"></span>1679                        janvier 20271680                    </label>1681                </li>1682                1683                <li class="col-12 col-lg-6 px-0">1684                    <label class="checkbox mb-2 radio">1685                        <input1686                            id="availability-7"1687                            class="filter-value"1688                            name="availability"1689                            value="1801440000"1690                            type="radio"1691                            1692                            onclick='updateButtonLabel("availability", "7", "février 2027", "Disponibilités", "True");'1693                        />1694                        <span class="checkmark"></span>1695                        février 20271696                    </label>1697                </li>1698                1699                <li class="col-12 col-lg-6 px-0">1700                    <label class="checkbox mb-2 radio">1701                        <input1702                            id="availability-8"1703                            class="filter-value"1704                            name="availability"1705                            value="1803859200"1706                            type="radio"1707                            1708                            onclick='updateButtonLabel("availability", "8", "mars 2027", "Disponibilités", "True");'1709                        />1710                        <span class="checkmark"></span>1711                        mars 20271712                    </label>1713                </li>1714                1715            </ul>1716        </div>1717        1718    </div>1719</div>17201721<script>1722    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1723        const label = document.getElementById(`label-${ name }`);1724        if (label.innerHTML === defaultValue) label.innerHTML = "";17251726        const input = document.getElementById(`${ name }-${counter}`);17271728        if (input.checked) {1729            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1730            else label.innerHTML = value;1731        } else {1732            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1733            else label.innerHTML = label.innerHTML.replace(value, "");1734        }17351736        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1737    }17381739    1740</script>17411742    1743    1744174517461747<div class="search-button-container position-static">1748    <button 1749        1750        type="button" 1751        class="search-button btn rounded-pill w-100" 1752        data-toggle="toggle"1753    >1754        <span id="label-conveniences">Commodités</span>1755        <img src="/static/images/icons/add-filter.svg" alt="+">1756    </button>1757    <div class="search-input w-100 mw-100 d-none">1758        <button class="search-close-button btn btn-no-outline text-primary" type="button">1759            Fermer1760        </button>1761        1762        <div class="row search-list">1763            <ul class="list-unstyled d-flex flex-wrap col-12 m-0">1764                1765                <li class="col-12 col-lg-6 px-0">1766                    <label class="checkbox mb-2 ">1767                        <input1768                            id="conveniences-1"1769                            class="filter-value"1770                            name="conveniences"1771                            value="27"1772                            type="checkbox"1773                            1774                            onclick='updateButtonLabel("conveniences", "1", "Accessible aux personnes handicapées", "Commodités", "");'1775                        />1776                        <span class="checkmark"></span>1777                        Accessible aux personnes handicapées1778                    </label>1779                </li>1780                1781                <li class="col-12 col-lg-6 px-0">1782                    <label class="checkbox mb-2 ">1783                        <input1784                            id="conveniences-2"1785                            class="filter-value"1786                            name="conveniences"1787                            value="5"1788                            type="checkbox"1789                            1790                            onclick='updateButtonLabel("conveniences", "2", "Chauffage", "Commodités", "");'1791                        />1792                        <span class="checkmark"></span>1793                        Chauffage1794                    </label>1795                </li>1796                1797                <li class="col-12 col-lg-6 px-0">1798                    <label class="checkbox mb-2 ">1799                        <input1800                            id="conveniences-3"1801                            class="filter-value"1802                            name="conveniences"1803                            value="24"1804                            type="checkbox"1805                            1806                            onclick='updateButtonLabel("conveniences", "3", "Climatiseur", "Commodités", "");'1807                        />1808                        <span class="checkmark"></span>1809                        Climatiseur1810                    </label>1811                </li>1812                1813                <li class="col-12 col-lg-6 px-0">1814                    <label class="checkbox mb-2 ">1815                        <input1816                            id="conveniences-4"1817                            class="filter-value"1818                            name="conveniences"1819                            value="3"1820                            type="checkbox"1821                            1822                            onclick='updateButtonLabel("conveniences", "4", "Eau Chaude", "Commodités", "");'1823                        />1824                        <span class="checkmark"></span>1825                        Eau Chaude1826                    </label>1827                </li>1828                1829                <li class="col-12 col-lg-6 px-0">1830                    <label class="checkbox mb-2 ">1831                        <input1832                            id="conveniences-5"1833                            class="filter-value"1834                            name="conveniences"1835                            value="2"1836                            type="checkbox"1837                            1838                            onclick='updateButtonLabel("conveniences", "5", "Électricité", "Commodités", "");'1839                        />1840                        <span class="checkmark"></span>1841                        Électricité1842                    </label>1843                </li>1844                1845                <li class="col-12 col-lg-6 px-0">1846                    <label class="checkbox mb-2 ">1847                        <input1848                            id="conveniences-6"1849                            class="filter-value"1850                            name="conveniences"1851                            value="11"1852                            type="checkbox"1853                            1854                            onclick='updateButtonLabel("conveniences", "6", "Équipe de maintenance 24h", "Commodités", "");'1855                        />1856                        <span class="checkmark"></span>1857                        Équipe de maintenance 24h1858                    </label>1859                </li>1860                1861                <li class="col-12 col-lg-6 px-0">1862                    <label class="checkbox mb-2 ">1863                        <input1864                            id="conveniences-7"1865                            class="filter-value"1866                            name="conveniences"1867                            value="30"1868                            type="checkbox"1869                            1870                            onclick='updateButtonLabel("conveniences", "7", "Lave-vaisselle", "Commodités", "");'1871                        />1872                        <span class="checkmark"></span>1873                        Lave-vaisselle1874                    </label>1875                </li>1876                1877                <li class="col-12 col-lg-6 px-0">1878                    <label class="checkbox mb-2 ">1879                        <input1880                            id="conveniences-8"1881                            class="filter-value"1882                            name="conveniences"1883                            value="26"1884                            type="checkbox"1885                            1886                            onclick='updateButtonLabel("conveniences", "8", "Semi-meublé", "Commodités", "");'1887                        />1888                        <span class="checkmark"></span>1889                        Semi-meublé1890                    </label>1891                </li>1892                1893                <li class="col-12 col-lg-6 px-0">1894                    <label class="checkbox mb-2 ">1895                        <input1896                            id="conveniences-9"1897                            class="filter-value"1898                            name="conveniences"1899                            value="28"1900                            type="checkbox"1901                            1902                            onclick='updateButtonLabel("conveniences", "9", "Stationnement extérieur", "Commodités", "");'1903                        />1904                        <span class="checkmark"></span>1905                        Stationnement extérieur1906                    </label>1907                </li>1908                1909                <li class="col-12 col-lg-6 px-0">1910                    <label class="checkbox mb-2 ">1911                        <input1912                            id="conveniences-10"1913                            class="filter-value"1914                            name="conveniences"1915                            value="29"1916                            type="checkbox"1917                            1918                            onclick='updateButtonLabel("conveniences", "10", "Stationnement intérieur", "Commodités", "");'1919                        />1920                        <span class="checkmark"></span>1921                        Stationnement intérieur1922                    </label>1923                </li>1924                1925            </ul>1926        </div>1927        1928    </div>1929</div>19301931<script>1932    function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1933        const label = document.getElementById(`label-${ name }`);1934        if (label.innerHTML === defaultValue) label.innerHTML = "";19351936        const input = document.getElementById(`${ name }-${counter}`);19371938        if (input.checked) {1939            if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1940            else label.innerHTML = value;1941        } else {1942            if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1943            else label.innerHTML = label.innerHTML.replace(value, "");1944        }19451946        if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1947    }19481949    1950</script>19511952    1953    <button type="submit" class="btn btn-primary search-bar-btn" id="btn-search">1954        <span>Rechercher</span>1955    </button>1956</div>19571958            </div>1959            1960        </div>1961    </div>1962</div>19631964    <div class="container">1965        <div class="row pt-4">1966            <div class="order-1 order-md-0 col-md-6 d-flex flex-wrap-reverse justify-content-between align-items-end">1967                <h2 class="mb-0">1968                    1969                    3 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=1&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": "2960, avenue Bergemont Québec  Québec G1J5J9",2023            "latitude": "46,841148",2024            "longitude": "-71,236061",2025            "mainEntityOfPage": {2026                "@type": "WebPage",2027                "@id": "lafrance-mathieu.com/louer-appartement-quebec/41"2028            },2029            "photo": {2030                "@type": "ImageObject",2031                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD038_5b619f44-c5f8-11ea-9f28-0a0304700363.jpg"2032            }2033        }2034    </script>2035    <a 2036        href="/logement/41"2037        class="appartments card border-white col-sm-6 mb-4" 2038        data-type="3"2039        data-borough="1"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    2057    <div class="now-available-bubble d-none" id="now-available-bubble-41">2058        <p class="text-white m-0">Disponible</p>2059    </div>2060    2061    2062    <div class="col-6 apartment-col">2063        <div class="row">2064            <div class="col-12 pr-0">2065                2066                <img 2067                    class="rounded-left apartment-image" 2068                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_46633eee-c5f9-11ea-9e0f-1217419a3abd.JPG"2069                    alt="unit image"2070                    width=100%2071                    height=232px2072                />2073                2074            </div>2075        </div>2076    </div>2077    2078    2079    <div class="col-6 apartment-col">2080        <div class="row">2081            <div class="col-12 pl-0">2082                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_46a3c6bc-c5f9-11ea-9e0f-1217419a3abd.JPG"2083                   alt="unit image" width="100%" height="116px">2084            </div>2085        </div>2086        2087        <div class="row">2088            <div class="col-12 pl-0">2089                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_46e474aa-c5f9-11ea-9e0f-1217419a3abd.JPG"2090                    alt="unit image" width=100% height=116px>2091            </div>2092        </div>2093        2094    </div>2095    2096    2097    2098</div>20992100        2101210221032104<div class="row mt-4">2105    <div class="col-12">2106        <div class="card-body p-0 text-left">2107            <h5 class="apartment-borough">Appartements &middot; Limoilou</h5>2108            <p class="apartment-address mb-1">2960, avenue Bergemont</p>2109            2110                2111                    <div class="row">2112                        <div class="col-7">2113                            <p class="apartment-infos mb-0">2114                                2115                                    3½ à partir de 1195$2116                                2117                            </p>2118                            <p class="apartment-availability footnotes">2119                                octobre 20262120                            </p>2121                        </div>2122                        <div class="col-5 text-right">2123                            2124                                2125                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2126                                2127                            2128                                2129                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2130                                2131                            2132                                2133                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2134                                2135                            2136                            2137                        </div>2138                    </div>2139                2140            2141            2142        </div>2143    </div>2144</div>21452146    </a>2147    2148    <script type="application/ld+json">2149        {2150            "@context": "http://schema.org",2151            "@type": "ApartmentComplex",2152            "description": "Appartements à louer",2153            "address": "2980, avenue Bergemont Québec  Québec G1J5K1",2154            "latitude": "46,840520",2155            "longitude": "-71,236933",2156            "mainEntityOfPage": {2157                "@type": "WebPage",2158                "@id": "lafrance-mathieu.com/louer-appartement-quebec/42"2159            },2160            "photo": {2161                "@type": "ImageObject",2162                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP131_e87cb300-c5ee-11ea-943c-1217419a3abd.jpg"2163            }2164        }2165    </script>2166    <a 2167        href="/logement/42"2168        class="appartments card border-white col-sm-6 mb-4" 2169        data-type="3"2170        data-borough="1"2171    >2172        2173217421752176<script>2177    function displayNowAvailableBubble(buildingId) {2178        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2179        nowAvailableBubble.classList.remove("d-none");2180    }2181</script>21822183<div class="row">2184    2185    2186    2187    <img src alt="" onerror="displayNowAvailableBubble(42);"></img>2188    2189    2190    2191    2192    <div class="now-available-bubble d-none" id="now-available-bubble-42">2193        <p class="text-white m-0">Disponible</p>2194    </div>2195    2196    2197    <div class="col-6 apartment-col">2198        <div class="row">2199            <div class="col-12 pr-0">2200                2201                <img 2202                    class="rounded-left apartment-image" 2203                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0946_7da01c3a-3cc1-11f0-b2c7-12177a6ab54d.jpg"2204                    alt="unit image"2205                    width=100%2206                    height=232px2207                />2208                2209            </div>2210        </div>2211    </div>2212    2213    2214    <div class="col-6 apartment-col">2215        <div class="row">2216            <div class="col-12 pl-0">2217                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/IMG_0947_80095fe0-3cc1-11f0-b2c7-12177a6ab54d.jpg"2218                   alt="unit image" width="100%" height="116px">2219            </div>2220        </div>2221        2222        <div class="row">2223            <div class="col-12 pl-0">2224                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_059723ae-c5f8-11ea-9f28-0a0304700363.jpg"2225                    alt="unit image" width=100% height=116px>2226            </div>2227        </div>2228        2229    </div>2230    2231    2232    2233</div>22342235        2236223722382239<div class="row mt-4">2240    <div class="col-12">2241        <div class="card-body p-0 text-left">2242            <h5 class="apartment-borough">Appartements &middot; Limoilou</h5>2243            <p class="apartment-address mb-1">2980, avenue Bergemont</p>2244            2245                2246                    <div class="row">2247                        <div class="col-7">2248                            <p class="apartment-infos mb-0">2249                                2250                                    4½ à partir de 1390$2251                                2252                            </p>2253                            <p class="apartment-availability footnotes">2254                                Libre immédiatement2255                            </p>2256                        </div>2257                        <div class="col-5 text-right">2258                            2259                                2260                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2261                                2262                            2263                                2264                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2265                                2266                            2267                                2268                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2269                                2270                            2271                            2272                        </div>2273                    </div>2274                2275            2276            2277        </div>2278    </div>2279</div>22802281    </a>2282    2283    <script type="application/ld+json">2284        {2285            "@context": "http://schema.org",2286            "@type": "ApartmentComplex",2287            "description": "Appartements à louer",2288            "address": "2920, avenue Bergemont Québec  Québec G1J5J8",2289            "latitude": "46,840827",2290            "longitude": "-71,235716",2291            "mainEntityOfPage": {2292                "@type": "WebPage",2293                "@id": "lafrance-mathieu.com/louer-appartement-quebec/40"2294            },2295            "photo": {2296                "@type": "ImageObject",2297                "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD038_93765974-c5f8-11ea-9633-0e7fd20b2e77.jpg"2298            }2299        }2300    </script>2301    <a 2302        href="/logement/40"2303        class="appartments card border-white col-sm-6 mb-4" 2304        data-type="3"2305        data-borough="1"2306    >2307        2308230923102311<script>2312    function displayNowAvailableBubble(buildingId) {2313        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2314        nowAvailableBubble.classList.remove("d-none");2315    }2316</script>23172318<div class="row">2319    2320    2321    2322    2323    <div class="now-available-bubble d-none" id="now-available-bubble-40">2324        <p class="text-white m-0">Disponible</p>2325    </div>2326    2327    2328    <div class="col-6 apartment-col">2329        <div class="row">2330            <div class="col-12 pr-0">2331                2332                <img 2333                    class="rounded-left apartment-image" 2334                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_11917d84-c5f9-11ea-9247-1217419a3abd.JPG"2335                    alt="unit image"2336                    width=100%2337                    height=232px2338                />2339                2340            </div>2341        </div>2342    </div>2343    2344    2345    <div class="col-6 apartment-col">2346        <div class="row">2347            <div class="col-12 pl-0">2348                <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_11f3d664-c5f9-11ea-9247-1217419a3abd.JPG"2349                   alt="unit image" width="100%" height="116px">2350            </div>2351        </div>2352        2353        <div class="row">2354            <div class="col-12 pl-0">2355                <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_12402bf4-c5f9-11ea-9247-1217419a3abd.JPG"2356                    alt="unit image" width=100% height=116px>2357            </div>2358        </div>2359        2360    </div>2361    2362    2363    2364</div>23652366        2367236823692370<div class="row mt-4">2371    <div class="col-12">2372        <div class="card-body p-0 text-left">2373            <h5 class="apartment-borough">Appartements &middot; Limoilou</h5>2374            <p class="apartment-address mb-1">2920, avenue Bergemont</p>2375            2376                2377                    <div class="row">2378                        <div class="col-7">2379                            <p class="apartment-infos mb-0">2380                                2381                                    3½ à partir de 1150$2382                                2383                            </p>2384                            <p class="apartment-availability footnotes">2385                                novembre 20262386                            </p>2387                        </div>2388                        <div class="col-5 text-right">2389                            2390                                2391                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2392                                2393                            2394                                2395                                    <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>2396                                2397                            2398                            2399                        </div>2400                    </div>2401                2402            2403            2404        </div>2405    </div>2406</div>24072408    </a>2409    2410</div>2411241224132414                    2415                    2416                    2417241824192420<div class="row my-5 ">2421    <h1 class="col-12 text-center mb-3 new-title">2422        Explorer les logements à louer par secteurs2423    </h1>2424    <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2425    2426    <div class="col-md-12 left-align-slick">2427        <div class="centered--left multiple-items-slick-arrow--left"></div>2428        <div class="slick-carousel" data-items="4">2429            2430            <a 2431                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2432                data-borough="3"2433                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2434                href="/louer-appartement-quebec/?boroughs=3"2435            >2436                <div class="bottom--middle d-flex flex-column pb-3">2437                    <p class="thumbnail-title text-white mb-1">Beauport</p>2438                    <span class="text-white very-small-paragraph">2439                        92440                        Logements2441                    </span>2442                </div>2443                <div class="tile-gradient rounded"></div>2444            </a>2445            2446            <a 2447                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2448                data-borough="8"2449                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2450                href="/louer-appartement-quebec/?boroughs=8"2451            >2452                <div class="bottom--middle d-flex flex-column pb-3">2453                    <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2454                    <span class="text-white very-small-paragraph">2455                        62456                        Logements2457                    </span>2458                </div>2459                <div class="tile-gradient rounded"></div>2460            </a>2461            2462            <a 2463                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2464                data-borough="9"2465                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2466                href="/louer-appartement-quebec/?boroughs=9"2467            >2468                <div class="bottom--middle d-flex flex-column pb-3">2469                    <p class="thumbnail-title text-white mb-1">L&#x27;Ancienne-Lorette</p>2470                    <span class="text-white very-small-paragraph">2471                        12472                        Logement2473                    </span>2474                </div>2475                <div class="tile-gradient rounded"></div>2476            </a>2477            2478            <a 2479                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2480                data-borough="10"2481                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2482                href="/louer-appartement-quebec/?boroughs=10"2483            >2484                <div class="bottom--middle d-flex flex-column pb-3">2485                    <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2486                    <span class="text-white very-small-paragraph">2487                        32488                        Logements2489                    </span>2490                </div>2491                <div class="tile-gradient rounded"></div>2492            </a>2493            2494            <a 2495                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2496                data-borough="4"2497                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2498                href="/louer-appartement-quebec/?boroughs=4"2499            >2500                <div class="bottom--middle d-flex flex-column pb-3">2501                    <p class="thumbnail-title text-white mb-1">Les Saules</p>2502                    <span class="text-white very-small-paragraph">2503                        92504                        Logements2505                    </span>2506                </div>2507                <div class="tile-gradient rounded"></div>2508            </a>2509            2510            <a 2511                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2512                data-borough="14"2513                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2514                href="/louer-appartement-quebec/?boroughs=14"2515            >2516                <div class="bottom--middle d-flex flex-column pb-3">2517                    <p class="thumbnail-title text-white mb-1">Lévis</p>2518                    <span class="text-white very-small-paragraph">2519                        42520                        Logements2521                    </span>2522                </div>2523                <div class="tile-gradient rounded"></div>2524            </a>2525            2526            <a 2527                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2528                data-borough="1"2529                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2530                href="/louer-appartement-quebec/?boroughs=1"2531            >2532                <div class="bottom--middle d-flex flex-column pb-3">2533                    <p class="thumbnail-title text-white mb-1">Limoilou</p>2534                    <span class="text-white very-small-paragraph">2535                        32536                        Logements2537                    </span>2538                </div>2539                <div class="tile-gradient rounded"></div>2540            </a>2541            2542            <a 2543                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2544                data-borough="15"2545                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2546                href="/louer-appartement-quebec/?boroughs=15"2547            >2548                <div class="bottom--middle d-flex flex-column pb-3">2549                    <p class="thumbnail-title text-white mb-1">Loretteville</p>2550                    <span class="text-white very-small-paragraph">2551                        12552                        Logement2553                    </span>2554                </div>2555                <div class="tile-gradient rounded"></div>2556            </a>2557            2558            <a 2559                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2560                data-borough="6"2561                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2562                href="/louer-appartement-quebec/?boroughs=6"2563            >2564                <div class="bottom--middle d-flex flex-column pb-3">2565                    <p class="thumbnail-title text-white mb-1">Neufchatel</p>2566                    <span class="text-white very-small-paragraph">2567                        62568                        Logements2569                    </span>2570                </div>2571                <div class="tile-gradient rounded"></div>2572            </a>2573            2574            <a 2575                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2576                data-borough="12"2577                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2578                href="/louer-appartement-quebec/?boroughs=12"2579            >2580                <div class="bottom--middle d-flex flex-column pb-3">2581                    <p class="thumbnail-title text-white mb-1">Québec</p>2582                    <span class="text-white very-small-paragraph">2583                        22584                        Logements2585                    </span>2586                </div>2587                <div class="tile-gradient rounded"></div>2588            </a>2589            2590            <a 2591                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2592                data-borough="16"2593                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2594                href="/louer-appartement-quebec/?boroughs=16"2595            >2596                <div class="bottom--middle d-flex flex-column pb-3">2597                    <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2598                    <span class="text-white very-small-paragraph">2599                        102600                        Logements2601                    </span>2602                </div>2603                <div class="tile-gradient rounded"></div>2604            </a>2605            2606            <a 2607                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2608                data-borough="13"2609                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2610                href="/louer-appartement-quebec/?boroughs=13"2611            >2612                <div class="bottom--middle d-flex flex-column pb-3">2613                    <p class="thumbnail-title text-white mb-1">St-Roch</p>2614                    <span class="text-white very-small-paragraph">2615                        12616                        Logement2617                    </span>2618                </div>2619                <div class="tile-gradient rounded"></div>2620            </a>2621            2622            <a 2623                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2624                data-borough="5"2625                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2626                href="/louer-appartement-quebec/?boroughs=5"2627            >2628                <div class="bottom--middle d-flex flex-column pb-3">2629                    <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2630                    <span class="text-white very-small-paragraph">2631                        142632                        Logements2633                    </span>2634                </div>2635                <div class="tile-gradient rounded"></div>2636            </a>2637            2638            <a 2639                class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2640                data-borough="17"2641                style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2642                href="/louer-appartement-quebec/?boroughs=17"2643            >2644                <div class="bottom--middle d-flex flex-column pb-3">2645                    <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2646                    <span class="text-white very-small-paragraph">2647                        22648                        Logements2649                    </span>2650                </div>2651                <div class="tile-gradient rounded"></div>2652            </a>2653            2654        </div>2655        <div class="centered--right multiple-items-slick-arrow--right"></div>2656    </div>2657</div>265826592660                    2661                    2662266326642665    <div class="row mt-5 ">2666        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2667        <div class="col-12 mb-3">2668            266926702671<div class="row">2672    2673    <a 2674        href="/logement/160"2675        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2676        data-type="3"2677        data-borough="6"2678    >2679        2680268126822683<script>2684    function displayNowAvailableBubble(buildingId) {2685        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2686        nowAvailableBubble.classList.remove("d-none");2687    }2688</script>26892690<div class="row">2691    2692    2693    2694    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2695    2696    2697    2698    2699    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2700        <p class="text-white m-0">En vedette</p>2701    </div>2702    2703    2704    <div class="col-6 apartment-col">2705        <div class="row">2706            <div class="col-12 pr-0">2707                2708                <img 2709                    class="rounded-left apartment-image" 2710                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2711                    alt="unit image"2712                    width=100%2713                    height=232px2714                />2715                2716            </div>2717        </div>2718    </div>2719    2720    2721    <div class="col-6 apartment-col">2722        <div class="row">2723            <div class="col-12 pl-0">2724                <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"2725                   alt="unit image" width="100%" height="116px">2726            </div>2727        </div>2728        2729        <div class="row">2730            <div class="col-12 pl-0">2731                <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"2732                    alt="unit image" width=100% height=116px>2733            </div>2734        </div>2735        2736    </div>2737    2738    2739    2740</div>27412742        2743274427452746<div class="row mt-4">2747    <div class="col-12">2748        <div class="card-body p-0 text-left">2749            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2750            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2751            2752                2753                    <div class="row">2754                        <div class="col-7">2755                            <p class="apartment-infos mb-0">2756                                2757                                    4½ à partir de 1250$2758                                2759                            </p>2760                            <p class="apartment-availability footnotes">2761                                Libre immédiatement2762                            </p>2763                        </div>2764                        <div class="col-5 text-right">2765                            2766                                2767                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2768                                2769                            2770                                2771                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2772                                2773                            2774                                2775                                    <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>2776                                2777                            2778                                2779                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2780                                2781                            2782                            2783                        </div>2784                    </div>2785                2786            2787            2788        </div>2789    </div>2790</div>27912792    </a>2793    2794    <a 2795        href="/logement/312"2796        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2797        data-type="3"2798        data-borough="10"2799    >2800        2801280228032804<script>2805    function displayNowAvailableBubble(buildingId) {2806        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2807        nowAvailableBubble.classList.remove("d-none");2808    }2809</script>28102811<div class="row">2812    2813    2814    2815    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2816    2817    2818    2819    2820    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2821        <p class="text-white m-0">En vedette</p>2822    </div>2823    2824    2825    <div class="col-6 apartment-col">2826        <div class="row">2827            <div class="col-12 pr-0">2828                2829                <img 2830                    class="rounded-left apartment-image" 2831                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2832                    alt="unit image"2833                    width=100%2834                    height=232px2835                />2836                2837            </div>2838        </div>2839    </div>2840    2841    2842    <div class="col-6 apartment-col">2843        <div class="row">2844            <div class="col-12 pl-0">2845                <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"2846                   alt="unit image" width="100%" height="116px">2847            </div>2848        </div>2849        2850        <div class="row">2851            <div class="col-12 pl-0">2852                <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"2853                    alt="unit image" width=100% height=116px>2854            </div>2855        </div>2856        2857    </div>2858    2859    2860    2861</div>28622863        2864286528662867<div class="row mt-4">2868    <div class="col-12">2869        <div class="card-body p-0 text-left">2870            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2871            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2872            2873                2874                    <div class="row">2875                        <div class="col-7">2876                            <p class="apartment-infos mb-0">2877                                2878                                    4½ à partir de 1595$2879                                2880                            </p>2881                            <p class="apartment-availability footnotes">2882                                octobre 20262883                            </p>2884                        </div>2885                        <div class="col-5 text-right">2886                            2887                                2888                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2889                                2890                            2891                                2892                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2893                                2894                            2895                                2896                                    <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>2897                                2898                            2899                            2900                        </div>2901                    </div>2902                2903            2904            2905        </div>2906    </div>2907</div>29082909    </a>2910    2911    <a 2912        href="/logement/18"2913        class="appartments card border-white col-sm-6 mb-4 col-md-6  "2914        data-type="3"2915        data-borough="3"2916    >2917        2918291929202921<script>2922    function displayNowAvailableBubble(buildingId) {2923        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2924        nowAvailableBubble.classList.remove("d-none");2925    }2926</script>29272928<div class="row">2929    2930    2931    2932    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2933    2934    2935    2936    2937    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2938        <p class="text-white m-0">En vedette</p>2939    </div>2940    2941    2942    <div class="col-6 apartment-col">2943        <div class="row">2944            <div class="col-12 pr-0">2945                2946                <img 2947                    class="rounded-left apartment-image" 2948                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2949                    alt="unit image"2950                    width=100%2951                    height=232px2952                />2953                2954            </div>2955        </div>2956    </div>2957    2958    2959    <div class="col-6 apartment-col">2960        <div class="row">2961            <div class="col-12 pl-0">2962                <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"2963                   alt="unit image" width="100%" height="116px">2964            </div>2965        </div>2966        2967        <div class="row">2968            <div class="col-12 pl-0">2969                <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"2970                    alt="unit image" width=100% height=116px>2971            </div>2972        </div>2973        2974    </div>2975    2976    2977    2978</div>29792980        2981298229832984<div class="row mt-4">2985    <div class="col-12">2986        <div class="card-body p-0 text-left">2987            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2988            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2989            2990                2991                    <div class="row">2992                        <div class="col-7">2993                            <p class="apartment-infos mb-0">2994                                2995                                    1½ à partir de 799$2996                                2997                            </p>2998                            <p class="apartment-availability footnotes">2999                                Libre immédiatement3000                            </p>3001                        </div>3002                        <div class="col-5 text-right">3003                            3004                                3005                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>3006                                3007                            3008                                3009                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>3010                                3011                            3012                                3013                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>3014                                3015                            3016                                3017                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>3018                                3019                            3020                                3021                            3022                                3023                            3024                            3025                                <p class="footnotes d-inline"> +2</p>3026                            3027                        </div>3028                    </div>3029                3030            3031            3032        </div>3033    </div>3034</div>30353036    </a>3037    3038</div>30393040        </div>3041        3042    </div>304330443045                    3046                </div>3047                3048                <div class="col-md-6 pt-4">3049                    30503051<script id="building-coordinates" type="application/json">[{"loc": ["46.841148", "-71.236061"], "id": 41}, {"loc": ["46.840520", "-71.236933"], "id": 42}, {"loc": ["46.840827", "-71.235716"], "id": 40}]</script>30523053<div id="map-container" class=" mb-2 mt-1">3054    <div id="interactive-map" style="height: 100%;" class="rounded">3055    </div>3056</div>30573058                </div>3059                3060            </div>3061        </div>3062    </div>3063</div>30643065            </main>3066            <footer>3067                306830693070<div class="footer row m-0 p-5 justify-content-center bg-black">3071    <div class="container m-0">3072        <div class="row mb-3">3073            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"3074                height="80px" class="footer-logo">3075        </div>3076        <div class="row">3077            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">3078                <p class="footer-title mb-2">Contactez-nous</p>3079                <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>3080                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3081                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3082                    <span class="footer-phone">418 626-5500</span>3083                </a>3084                <a href="/cdn-cgi/l/email-protection#7f161119103f131e190d1e111c1a52121e0b17161a0a511c1012" target="_blank" class="mb-3 d-flex align-items-center">3085                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />3086                    <span><span class="__cf_email__" data-cfemail="5e373038311e323f382c3f303d3b73333f2a36373b2b703d3133">[email&#160;protected]</span></span>3087                </a>3088                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">3089                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G43090                </a>3091                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>3092                <div class="d-flex">3093                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">3094                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"3095                            class="footer-social-icon mr-3" />3096                    </a>3097                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">3098                        <img src=/static/images/icons/facebook.svg alt="facebook icon"3099                            class="footer-social-icon" />3100                    </a>3101                </div>3102            </div>3103            <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">3104                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>3105                <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>3106                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">3107                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />3108                    <span class="footer-phone">418-626-5500</span>3109                </a>3110                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">3111                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />3112                    <span>Se connecter à l’Espace client</span>3113                </a>3114                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">3115                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />3116                    <span>Se connecter à Sensaas</span>3117                </a>3118            </div>3119            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">3120                <ul class="navbar-nav">3121                    3122                    31233124<li class="nav-item  ">3125    <a class="nav-link py-0 footer-main-navigation mb-3"3126        href="/">Accueil</a>3127    <hr class="my-1 border-gray-medium d-none">3128</li>312931303131                    3132                    31333134<li class="nav-item  ">3135    <a class="nav-link py-0 footer-main-navigation mb-3"3136        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3137    <hr class="my-1 border-gray-medium d-none">3138</li>313931403141                    3142                    31433144<li class="nav-item active ">3145    <a class="nav-link py-0 footer-main-navigation mb-3"3146        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3147    <hr class="my-1 border-gray-medium d-none">3148</li>314931503151                    3152                    31533154<li class="nav-item  ">3155    <a class="nav-link py-0 footer-main-navigation mb-3"3156        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3157    <hr class="my-1 border-gray-medium d-none">3158</li>315931603161                    3162                    31633164<li class="nav-item  ">3165    <a class="nav-link py-0 footer-main-navigation mb-3"3166        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3167    <hr class="my-1 border-gray-medium d-none">3168</li>316931703171                    3172                    31733174<li class="nav-item  ">3175    <a class="nav-link py-0 footer-main-navigation mb-3"3176        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3177    <hr class="my-1 border-gray-medium d-none">3178</li>317931803181                    3182                </ul>3183            </div>3184            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3185                <ul class="navbar-nav">3186                    3187                    31883189<li class="nav-item  ">3190    <a class="nav-link py-0 footer-main-navigation mb-3"3191        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3192    <hr class="my-1 border-gray-medium d-none">3193</li>319431953196                    3197                    31983199<li class="nav-item  ">3200    <a class="nav-link py-0 footer-main-navigation mb-3"3201        href="/blog">Blogue</a>3202    <hr class="my-1 border-gray-medium d-none">3203</li>320432053206                    3207                    32083209<li class="nav-item  ">3210    <a class="nav-link py-0 footer-main-navigation mb-3"3211        href="/faire-carriere/">Carrières</a>3212    <hr class="my-1 border-gray-medium d-none">3213</li>321432153216                    3217                </ul>3218            </div>3219        </div>3220    </div>3221</div>32223223322432253226<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">3227    <div class="d-flex justify-content-center">3228        <ul class="list-inline mb-1">3229            3230            <li class="list-inline-item">3231                <a href=/conditions-utilisation>3232                    Conditions d'utilisation3233                </a>3234            </li>3235            3236            3237            <li class="list-inline-item">3238                <a href=/politique-confidentialite>3239                    Politique de confidentialité3240                </a>3241            </li>3242            3243            3244            <li class="list-inline-item">3245                <a href=/protection-renseignements-personnels>3246                    Protection des renseignements personnels3247                </a>3248            </li>3249            3250            3251            <li class="list-inline-item">3252                <a href=/temoins-navigation>3253                    Gérer vos témoins de navigation3254                </a>3255            </li>3256            3257        </ul>3258    </div>3259    <div class="d-flex justify-content-center">3260        <p class="">© Gestion immobilière Lafrance & Mathieu</p>3261    </div>3262</div>32633264            </footer>3265        32663267<!-- Cookie Banner -->3268<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3269    <div class="gilm-cookie-banner-container">3270        <div class="gilm-cookie-banner-text">3271            <p>3272                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3273                sites3274                Web3275                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3276                témoins,3277                comme l’explique notre <a href=/protection-renseignements-personnels> protection des3278                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3279                l'utilisation3280                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3281            </p>3282            <p class="d-sm-none">3283                <a href=/temoins-navigation>3284                    Gérer vos témoins de navigation3285                </a>3286                <br/>3287                <a href=/politique-confidentialite>3288                    Politique de confidentialité3289                </a>3290                <br/>3291                <a href=/conditions-utilisation>3292                    Conditions d'utilisation3293                </a>3294            </p>3295            <p class="d-none d-sm-block">3296                <a href=/temoins-navigation>3297                    Gérer vos témoins de navigation3298                </a>3299                -3300                <a href=/politique-confidentialite>3301                    Politique de confidentialité3302                </a>3303                -3304                <a href=/conditions-utilisation>3305                    Conditions d'utilisation3306                </a>3307            </p>3308        </div>3309        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3310                onclick="window.gilm_hideCookieBanner()">3311            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3312        </button>3313    </div>3314</div>3315<!-- End of Cookie Banner -->3316        </div>3317        <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">3318        </script>3319        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3320        </script>3321        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3322        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3323        </script>3324        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3325        </script>3326        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3327        </script>3328        <script type="text/javascript" src="/static/js/carousel.js">3329        </script>3330        <script type="text/javascript" src="/static/js/cookie_banner.js">3331        </script>3332        <script id="search-script" type="text/javascript" src="/static/js/search.js">3333        </script>3334        <script type="text/javascript" src="/static/js/jssocials.min.js">3335        </script>3336        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3337        </script>3338        <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">3339        </script>3340        <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">3341        </script>3342        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3343        <script>3344            window.dataLayer = window.dataLayer || [];33453346            function gtag() {3347                dataLayer.push(arguments);3348            }3349            gtag('js', new Date());3350            gtag('config', 'UA-20687227-3');3351        </script>3352        3353<script type="text/javascript" src="/static/js/leaflet.js">3354</script>33553356        3357    </body>33583359    </html>3360