spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
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'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'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#6900070f062905080f1b08070a0c4404081d01000c1c470a0604" target="_blank" class="mb-3 d-flex align-items-center">561 <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />562 <span><span class="__cf_email__" data-cfemail="b3daddd5dcf3dfd2d5c1d2ddd0d69eded2c7dbdad6c69dd0dcde">[email 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'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">Lebourgneuf</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'Ancienne-Lorette", "Quartiers", "");'1014 />1015 <span class="checkmark"></span>1016 L'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 checked1029 onclick='updateButtonLabel("boroughs", "4", "Lebourgneuf", "Quartiers", "");'1030 />1031 <span class="checkmark"></span>1032 Lebourgneuf1033 </label>1034 </li>1035 1036 <li class="col-12 col-lg-6 px-0">1037 <label class="checkbox mb-2 ">1038 <input1039 id="boroughs-5"1040 class="filter-value"1041 name="boroughs"1042 value="4"1043 type="checkbox"1044 1045 onclick='updateButtonLabel("boroughs", "5", "Les Saules", "Quartiers", "");'1046 />1047 <span class="checkmark"></span>1048 Les Saules1049 </label>1050 </li>1051 1052 <li class="col-12 col-lg-6 px-0">1053 <label class="checkbox mb-2 ">1054 <input1055 id="boroughs-6"1056 class="filter-value"1057 name="boroughs"1058 value="14"1059 type="checkbox"1060 1061 onclick='updateButtonLabel("boroughs", "6", "Lévis", "Quartiers", "");'1062 />1063 <span class="checkmark"></span>1064 Lévis1065 </label>1066 </li>1067 1068 <li class="col-12 col-lg-6 px-0">1069 <label class="checkbox mb-2 ">1070 <input1071 id="boroughs-7"1072 class="filter-value"1073 name="boroughs"1074 value="1"1075 type="checkbox"1076 1077 onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1078 />1079 <span class="checkmark"></span>1080 Limoilou1081 </label>1082 </li>1083 1084 <li class="col-12 col-lg-6 px-0">1085 <label class="checkbox mb-2 ">1086 <input1087 id="boroughs-8"1088 class="filter-value"1089 name="boroughs"1090 value="15"1091 type="checkbox"1092 1093 onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1094 />1095 <span class="checkmark"></span>1096 Loretteville1097 </label>1098 </li>1099 1100 <li class="col-12 col-lg-6 px-0">1101 <label class="checkbox mb-2 ">1102 <input1103 id="boroughs-9"1104 class="filter-value"1105 name="boroughs"1106 value="6"1107 type="checkbox"1108 1109 onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1110 />1111 <span class="checkmark"></span>1112 Neufchatel1113 </label>1114 </li>1115 1116 <li class="col-12 col-lg-6 px-0">1117 <label class="checkbox mb-2 ">1118 <input1119 id="boroughs-10"1120 class="filter-value"1121 name="boroughs"1122 value="12"1123 type="checkbox"1124 1125 onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1126 />1127 <span class="checkmark"></span>1128 Québec1129 </label>1130 </li>1131 1132 <li class="col-12 col-lg-6 px-0">1133 <label class="checkbox mb-2 ">1134 <input1135 id="boroughs-11"1136 class="filter-value"1137 name="boroughs"1138 value="16"1139 type="checkbox"1140 1141 onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1142 />1143 <span class="checkmark"></span>1144 Saint-Augustin-de-Desmaures1145 </label>1146 </li>1147 1148 <li class="col-12 col-lg-6 px-0">1149 <label class="checkbox mb-2 ">1150 <input1151 id="boroughs-12"1152 class="filter-value"1153 name="boroughs"1154 value="13"1155 type="checkbox"1156 1157 onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1158 />1159 <span class="checkmark"></span>1160 St-Roch1161 </label>1162 </li>1163 1164 <li class="col-12 col-lg-6 px-0">1165 <label class="checkbox mb-2 ">1166 <input1167 id="boroughs-13"1168 class="filter-value"1169 name="boroughs"1170 value="5"1171 type="checkbox"1172 1173 onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1174 />1175 <span class="checkmark"></span>1176 Ste-Foy1177 </label>1178 </li>1179 1180 <li class="col-12 col-lg-6 px-0">1181 <label class="checkbox mb-2 ">1182 <input1183 id="boroughs-14"1184 class="filter-value"1185 name="boroughs"1186 value="17"1187 type="checkbox"1188 1189 onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1190 />1191 <span class="checkmark"></span>1192 Val-Bélair1193 </label>1194 </li>1195 1196 </ul>1197 </div>1198 1199 </div>1200</div>12011202<script>1203 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1204 const label = document.getElementById(`label-${ name }`);1205 if (label.innerHTML === defaultValue) label.innerHTML = "";12061207 const input = document.getElementById(`${ name }-${counter}`);12081209 if (input.checked) {1210 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1211 else label.innerHTML = value;1212 } else {1213 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1214 else label.innerHTML = label.innerHTML.replace(value, "");1215 }12161217 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1218 }12191220 1221</script>12221223 1224 122512261227<div class="search-button-container mb-2 mb-lg-0 big ">1228 <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1229 <div class="room-sizes-container">1230 <div id="room-size-group" class="room-size-group">1231 1232 <button1233 id="button-2"1234 type="button"1235 class="btn room-size-btn "1236 onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1237 >1238 1½1239 </button>1240 1241 <button1242 id="button-3"1243 type="button"1244 class="btn room-size-btn "1245 onclick="toggleRoomSizeButton(3); toggleRoomSizeCheckBox(3);"1246 >1247 2½1248 </button>1249 1250 <button1251 id="button-4"1252 type="button"1253 class="btn room-size-btn "1254 onclick="toggleRoomSizeButton(4); toggleRoomSizeCheckBox(4);"1255 >1256 3½1257 </button>1258 1259 <button1260 id="button-5"1261 type="button"1262 class="btn room-size-btn "1263 onclick="toggleRoomSizeButton(5); toggleRoomSizeCheckBox(5);"1264 >1265 4½1266 </button>1267 1268 <button1269 id="button-6"1270 type="button"1271 class="btn room-size-btn "1272 onclick="toggleRoomSizeButton(6); toggleRoomSizeCheckBox(6);"1273 >1274 5½1275 </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>1297 1½1298 </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>1312 2½1313 </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>1327 3½1328 </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>1342 4½1343 </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>1357 5½1358 </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=10&sort=asc">1977 <span class="mr-1">Prix 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": "2580, boulevard Lebourgneuf Québec Québec G2C1K5",2023 "latitude": "46,827384",2024 "longitude": "-71,317241",2025 "mainEntityOfPage": {2026 "@type": "WebPage",2027 "@id": "lafrance-mathieu.com/louer-appartement-quebec/111"2028 },2029 "photo": {2030 "@type": "ImageObject",2031 "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_104887e8-aa5a-11ea-8d3f-1275881fc0b8.JPG"2032 }2033 }2034 </script>2035 <a 2036 href="/logement/111"2037 class="appartments card border-white col-sm-6 mb-4" 2038 data-type="3"2039 data-borough="10"2040 >2041 2042204320442045<script>2046 function displayNowAvailableBubble(buildingId) {2047 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2048 nowAvailableBubble.classList.remove("d-none");2049 }2050</script>20512052<div class="row">2053 2054 2055 2056 <img src alt="" onerror="displayNowAvailableBubble(111);"></img>2057 2058 2059 2060 2061 <div class="now-available-bubble d-none" id="now-available-bubble-111">2062 <p class="text-white m-0">Disponible</p>2063 </div>2064 2065 2066 <div class="col-6 apartment-col">2067 <div class="row">2068 <div class="col-12 pr-0">2069 2070 <img 2071 class="rounded-left apartment-image" 2072 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_8239bfc0-aa5a-11ea-8d3f-1275881fc0b8.jpg"2073 alt="unit image"2074 width=100%2075 height=232px2076 />2077 2078 </div>2079 </div>2080 </div>2081 2082 2083 <div class="col-6 apartment-col">2084 <div class="row">2085 <div class="col-12 pl-0">2086 <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_827f6336-aa5a-11ea-8d3f-1275881fc0b8.jpg"2087 alt="unit image" width="100%" height="116px">2088 </div>2089 </div>2090 2091 <div class="row">2092 <div class="col-12 pl-0">2093 <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_829e7280-aa5a-11ea-8d3f-1275881fc0b8.jpg"2094 alt="unit image" width=100% height=116px>2095 </div>2096 </div>2097 2098 </div>2099 2100 2101 2102</div>21032104 2105210621072108<div class="row mt-4">2109 <div class="col-12">2110 <div class="card-body p-0 text-left">2111 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2112 <p class="apartment-address mb-1">2580, boulevard Lebourgneuf</p>2113 2114 2115 <div class="row">2116 <div class="col-7">2117 <p class="apartment-infos mb-0">2118 2119 4½ à partir de 1395$2120 2121 </p>2122 <p class="apartment-availability footnotes">2123 Libre immédiatement2124 </p>2125 </div>2126 <div class="col-5 text-right">2127 2128 2129 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2130 2131 2132 2133 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2134 2135 2136 2137 </div>2138 </div>2139 2140 2141 2142 </div>2143 </div>2144</div>21452146 </a>2147 2148 <script type="application/ld+json">2149 {2150 "@context": "http://schema.org",2151 "@type": "ApartmentComplex",2152 "description": "Appartements à louer",2153 "address": "5900 boul. St-Jacques Québec Québec G2C1M6",2154 "latitude": "None",2155 "longitude": "None",2156 "mainEntityOfPage": {2157 "@type": "WebPage",2158 "@id": "lafrance-mathieu.com/louer-appartement-quebec/312"2159 },2160 "photo": {2161 "@type": "ImageObject",2162 "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/FACADE_2_IMMEUBLE_3d3a4e44-5810-11f0-9b0a-0e9b4be91035.jpg"2163 }2164 }2165 </script>2166 <a 2167 href="/logement/312"2168 class="appartments card border-white col-sm-6 mb-4" 2169 data-type="3"2170 data-borough="10"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 2188 <div class="now-available-bubble d-none" id="now-available-bubble-312">2189 <p class="text-white m-0">Disponible</p>2190 </div>2191 2192 2193 <div class="col-6 apartment-col">2194 <div class="row">2195 <div class="col-12 pr-0">2196 2197 <img 2198 class="rounded-left apartment-image" 2199 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2200 alt="unit image"2201 width=100%2202 height=232px2203 />2204 2205 </div>2206 </div>2207 </div>2208 2209 2210 <div class="col-6 apartment-col">2211 <div class="row">2212 <div class="col-12 pl-0">2213 <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"2214 alt="unit image" width="100%" height="116px">2215 </div>2216 </div>2217 2218 <div class="row">2219 <div class="col-12 pl-0">2220 <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"2221 alt="unit image" width=100% height=116px>2222 </div>2223 </div>2224 2225 </div>2226 2227 2228 2229</div>22302231 2232223322342235<div class="row mt-4">2236 <div class="col-12">2237 <div class="card-body p-0 text-left">2238 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2239 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2240 2241 2242 <div class="row">2243 <div class="col-7">2244 <p class="apartment-infos mb-0">2245 2246 4½ à partir de 1585$2247 2248 </p>2249 <p class="apartment-availability footnotes">2250 octobre 20262251 </p>2252 </div>2253 <div class="col-5 text-right">2254 2255 2256 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2257 2258 2259 2260 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2261 2262 2263 2264 <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>2265 2266 2267 2268 </div>2269 </div>2270 2271 2272 2273 </div>2274 </div>2275</div>22762277 </a>2278 2279</div>2280228122822283 2284 2285 2286228722882289<div class="row my-5 ">2290 <h1 class="col-12 text-center mb-3 new-title">2291 Explorer les logements à louer par secteurs2292 </h1>2293 <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2294 2295 <div class="col-md-12 left-align-slick">2296 <div class="centered--left multiple-items-slick-arrow--left"></div>2297 <div class="slick-carousel" data-items="4">2298 2299 <a 2300 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2301 data-borough="3"2302 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2303 href="/louer-appartement-quebec/?boroughs=3"2304 >2305 <div class="bottom--middle d-flex flex-column pb-3">2306 <p class="thumbnail-title text-white mb-1">Beauport</p>2307 <span class="text-white very-small-paragraph">2308 92309 Logements2310 </span>2311 </div>2312 <div class="tile-gradient rounded"></div>2313 </a>2314 2315 <a 2316 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2317 data-borough="8"2318 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2319 href="/louer-appartement-quebec/?boroughs=8"2320 >2321 <div class="bottom--middle d-flex flex-column pb-3">2322 <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2323 <span class="text-white very-small-paragraph">2324 62325 Logements2326 </span>2327 </div>2328 <div class="tile-gradient rounded"></div>2329 </a>2330 2331 <a 2332 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2333 data-borough="9"2334 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2335 href="/louer-appartement-quebec/?boroughs=9"2336 >2337 <div class="bottom--middle d-flex flex-column pb-3">2338 <p class="thumbnail-title text-white mb-1">L'Ancienne-Lorette</p>2339 <span class="text-white very-small-paragraph">2340 12341 Logement2342 </span>2343 </div>2344 <div class="tile-gradient rounded"></div>2345 </a>2346 2347 <a 2348 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2349 data-borough="10"2350 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2351 href="/louer-appartement-quebec/?boroughs=10"2352 >2353 <div class="bottom--middle d-flex flex-column pb-3">2354 <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2355 <span class="text-white very-small-paragraph">2356 32357 Logements2358 </span>2359 </div>2360 <div class="tile-gradient rounded"></div>2361 </a>2362 2363 <a 2364 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2365 data-borough="4"2366 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2367 href="/louer-appartement-quebec/?boroughs=4"2368 >2369 <div class="bottom--middle d-flex flex-column pb-3">2370 <p class="thumbnail-title text-white mb-1">Les Saules</p>2371 <span class="text-white very-small-paragraph">2372 92373 Logements2374 </span>2375 </div>2376 <div class="tile-gradient rounded"></div>2377 </a>2378 2379 <a 2380 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2381 data-borough="14"2382 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2383 href="/louer-appartement-quebec/?boroughs=14"2384 >2385 <div class="bottom--middle d-flex flex-column pb-3">2386 <p class="thumbnail-title text-white mb-1">Lévis</p>2387 <span class="text-white very-small-paragraph">2388 42389 Logements2390 </span>2391 </div>2392 <div class="tile-gradient rounded"></div>2393 </a>2394 2395 <a 2396 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2397 data-borough="1"2398 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2399 href="/louer-appartement-quebec/?boroughs=1"2400 >2401 <div class="bottom--middle d-flex flex-column pb-3">2402 <p class="thumbnail-title text-white mb-1">Limoilou</p>2403 <span class="text-white very-small-paragraph">2404 32405 Logements2406 </span>2407 </div>2408 <div class="tile-gradient rounded"></div>2409 </a>2410 2411 <a 2412 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2413 data-borough="15"2414 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2415 href="/louer-appartement-quebec/?boroughs=15"2416 >2417 <div class="bottom--middle d-flex flex-column pb-3">2418 <p class="thumbnail-title text-white mb-1">Loretteville</p>2419 <span class="text-white very-small-paragraph">2420 12421 Logement2422 </span>2423 </div>2424 <div class="tile-gradient rounded"></div>2425 </a>2426 2427 <a 2428 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2429 data-borough="6"2430 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2431 href="/louer-appartement-quebec/?boroughs=6"2432 >2433 <div class="bottom--middle d-flex flex-column pb-3">2434 <p class="thumbnail-title text-white mb-1">Neufchatel</p>2435 <span class="text-white very-small-paragraph">2436 62437 Logements2438 </span>2439 </div>2440 <div class="tile-gradient rounded"></div>2441 </a>2442 2443 <a 2444 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2445 data-borough="12"2446 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2447 href="/louer-appartement-quebec/?boroughs=12"2448 >2449 <div class="bottom--middle d-flex flex-column pb-3">2450 <p class="thumbnail-title text-white mb-1">Québec</p>2451 <span class="text-white very-small-paragraph">2452 22453 Logements2454 </span>2455 </div>2456 <div class="tile-gradient rounded"></div>2457 </a>2458 2459 <a 2460 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2461 data-borough="16"2462 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2463 href="/louer-appartement-quebec/?boroughs=16"2464 >2465 <div class="bottom--middle d-flex flex-column pb-3">2466 <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2467 <span class="text-white very-small-paragraph">2468 102469 Logements2470 </span>2471 </div>2472 <div class="tile-gradient rounded"></div>2473 </a>2474 2475 <a 2476 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2477 data-borough="13"2478 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2479 href="/louer-appartement-quebec/?boroughs=13"2480 >2481 <div class="bottom--middle d-flex flex-column pb-3">2482 <p class="thumbnail-title text-white mb-1">St-Roch</p>2483 <span class="text-white very-small-paragraph">2484 12485 Logement2486 </span>2487 </div>2488 <div class="tile-gradient rounded"></div>2489 </a>2490 2491 <a 2492 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2493 data-borough="5"2494 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2495 href="/louer-appartement-quebec/?boroughs=5"2496 >2497 <div class="bottom--middle d-flex flex-column pb-3">2498 <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2499 <span class="text-white very-small-paragraph">2500 142501 Logements2502 </span>2503 </div>2504 <div class="tile-gradient rounded"></div>2505 </a>2506 2507 <a 2508 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2509 data-borough="17"2510 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2511 href="/louer-appartement-quebec/?boroughs=17"2512 >2513 <div class="bottom--middle d-flex flex-column pb-3">2514 <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2515 <span class="text-white very-small-paragraph">2516 22517 Logements2518 </span>2519 </div>2520 <div class="tile-gradient rounded"></div>2521 </a>2522 2523 </div>2524 <div class="centered--right multiple-items-slick-arrow--right"></div>2525 </div>2526</div>252725282529 2530 2531253225332534 <div class="row mt-5 ">2535 <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2536 <div class="col-12 mb-3">2537 253825392540<div class="row">2541 2542 <a 2543 href="/logement/18"2544 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2545 data-type="3"2546 data-borough="3"2547 >2548 2549255025512552<script>2553 function displayNowAvailableBubble(buildingId) {2554 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2555 nowAvailableBubble.classList.remove("d-none");2556 }2557</script>25582559<div class="row">2560 2561 2562 2563 <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2564 2565 2566 2567 2568 <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2569 <p class="text-white m-0">En vedette</p>2570 </div>2571 2572 2573 <div class="col-6 apartment-col">2574 <div class="row">2575 <div class="col-12 pr-0">2576 2577 <img 2578 class="rounded-left apartment-image" 2579 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2580 alt="unit image"2581 width=100%2582 height=232px2583 />2584 2585 </div>2586 </div>2587 </div>2588 2589 2590 <div class="col-6 apartment-col">2591 <div class="row">2592 <div class="col-12 pl-0">2593 <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"2594 alt="unit image" width="100%" height="116px">2595 </div>2596 </div>2597 2598 <div class="row">2599 <div class="col-12 pl-0">2600 <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"2601 alt="unit image" width=100% height=116px>2602 </div>2603 </div>2604 2605 </div>2606 2607 2608 2609</div>26102611 2612261326142615<div class="row mt-4">2616 <div class="col-12">2617 <div class="card-body p-0 text-left">2618 <h5 class="apartment-borough">Appartements · Beauport</h5>2619 <p class="apartment-address mb-1">555, avenue du Fleuve</p>2620 2621 2622 <div class="row">2623 <div class="col-7">2624 <p class="apartment-infos mb-0">2625 2626 1½ à partir de 799$2627 2628 </p>2629 <p class="apartment-availability footnotes">2630 Libre immédiatement2631 </p>2632 </div>2633 <div class="col-5 text-right">2634 2635 2636 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2637 2638 2639 2640 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2641 2642 2643 2644 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2645 2646 2647 2648 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2649 2650 2651 2652 2653 2654 2655 2656 <p class="footnotes d-inline"> +2</p>2657 2658 </div>2659 </div>2660 2661 2662 2663 </div>2664 </div>2665</div>26662667 </a>2668 2669 <a 2670 href="/logement/312"2671 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2672 data-type="3"2673 data-borough="10"2674 >2675 2676267726782679<script>2680 function displayNowAvailableBubble(buildingId) {2681 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2682 nowAvailableBubble.classList.remove("d-none");2683 }2684</script>26852686<div class="row">2687 2688 2689 2690 <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2691 2692 2693 2694 2695 <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2696 <p class="text-white m-0">En vedette</p>2697 </div>2698 2699 2700 <div class="col-6 apartment-col">2701 <div class="row">2702 <div class="col-12 pr-0">2703 2704 <img 2705 class="rounded-left apartment-image" 2706 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2707 alt="unit image"2708 width=100%2709 height=232px2710 />2711 2712 </div>2713 </div>2714 </div>2715 2716 2717 <div class="col-6 apartment-col">2718 <div class="row">2719 <div class="col-12 pl-0">2720 <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"2721 alt="unit image" width="100%" height="116px">2722 </div>2723 </div>2724 2725 <div class="row">2726 <div class="col-12 pl-0">2727 <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"2728 alt="unit image" width=100% height=116px>2729 </div>2730 </div>2731 2732 </div>2733 2734 2735 2736</div>27372738 2739274027412742<div class="row mt-4">2743 <div class="col-12">2744 <div class="card-body p-0 text-left">2745 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2746 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2747 2748 2749 <div class="row">2750 <div class="col-7">2751 <p class="apartment-infos mb-0">2752 2753 4½ à partir de 1595$2754 2755 </p>2756 <p class="apartment-availability footnotes">2757 octobre 20262758 </p>2759 </div>2760 <div class="col-5 text-right">2761 2762 2763 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2764 2765 2766 2767 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2768 2769 2770 2771 <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>2772 2773 2774 2775 </div>2776 </div>2777 2778 2779 2780 </div>2781 </div>2782</div>27832784 </a>2785 2786 <a 2787 href="/logement/160"2788 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2789 data-type="3"2790 data-borough="6"2791 >2792 2793279427952796<script>2797 function displayNowAvailableBubble(buildingId) {2798 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2799 nowAvailableBubble.classList.remove("d-none");2800 }2801</script>28022803<div class="row">2804 2805 2806 2807 <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2808 2809 2810 2811 2812 <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2813 <p class="text-white m-0">En vedette</p>2814 </div>2815 2816 2817 <div class="col-6 apartment-col">2818 <div class="row">2819 <div class="col-12 pr-0">2820 2821 <img 2822 class="rounded-left apartment-image" 2823 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2824 alt="unit image"2825 width=100%2826 height=232px2827 />2828 2829 </div>2830 </div>2831 </div>2832 2833 2834 <div class="col-6 apartment-col">2835 <div class="row">2836 <div class="col-12 pl-0">2837 <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"2838 alt="unit image" width="100%" height="116px">2839 </div>2840 </div>2841 2842 <div class="row">2843 <div class="col-12 pl-0">2844 <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"2845 alt="unit image" width=100% height=116px>2846 </div>2847 </div>2848 2849 </div>2850 2851 2852 2853</div>28542855 2856285728582859<div class="row mt-4">2860 <div class="col-12">2861 <div class="card-body p-0 text-left">2862 <h5 class="apartment-borough">Appartements · Neufchatel</h5>2863 <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2864 2865 2866 <div class="row">2867 <div class="col-7">2868 <p class="apartment-infos mb-0">2869 2870 4½ à partir de 1250$2871 2872 </p>2873 <p class="apartment-availability footnotes">2874 Libre immédiatement2875 </p>2876 </div>2877 <div class="col-5 text-right">2878 2879 2880 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2881 2882 2883 2884 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2885 2886 2887 2888 <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>2889 2890 2891 2892 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2893 2894 2895 2896 </div>2897 </div>2898 2899 2900 2901 </div>2902 </div>2903</div>29042905 </a>2906 2907</div>29082909 </div>2910 2911 </div>291229132914 2915 </div>2916 2917 <div class="col-md-6 pt-4">2918 29192920<script id="building-coordinates" type="application/json">[{"loc": ["46.827384", "-71.317241"], "id": 111}]</script>29212922<div id="map-container" class=" mb-2 mt-1">2923 <div id="interactive-map" style="height: 100%;" class="rounded">2924 </div>2925</div>29262927 </div>2928 2929 </div>2930 </div>2931 </div>2932</div>29332934 </main>2935 <footer>2936 293729382939<div class="footer row m-0 p-5 justify-content-center bg-black">2940 <div class="container m-0">2941 <div class="row mb-3">2942 <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2943 height="80px" class="footer-logo">2944 </div>2945 <div class="row">2946 <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2947 <p class="footer-title mb-2">Contactez-nous</p>2948 <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>2949 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2950 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2951 <span class="footer-phone">418 626-5500</span>2952 </a>2953 <a href="/cdn-cgi/l/email-protection#94fdfaf2fbd4f8f5f2e6f5faf7f1b9f9f5e0fcfdf1e1baf7fbf9" target="_blank" class="mb-3 d-flex align-items-center">2954 <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2955 <span><span class="__cf_email__" data-cfemail="ea83848c85aa868b8c988b84898fc7878b9e82838f9fc4898587">[email protected]</span></span>2956 </a>2957 <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2958 1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42959 </a>2960 <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2961 <div class="d-flex">2962 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2963 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2964 class="footer-social-icon mr-3" />2965 </a>2966 <a href="https://fr-ca.facebook.com/lafrance.mathieu">2967 <img src=/static/images/icons/facebook.svg alt="facebook icon"2968 class="footer-social-icon" />2969 </a>2970 </div>2971 </div>2972 <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">2973 <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2974 <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>2975 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2976 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2977 <span class="footer-phone">418-626-5500</span>2978 </a>2979 <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2980 <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2981 <span>Se connecter à l’Espace client</span>2982 </a>2983 <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2984 <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2985 <span>Se connecter à Sensaas</span>2986 </a>2987 </div>2988 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2989 <ul class="navbar-nav">2990 2991 29922993<li class="nav-item ">2994 <a class="nav-link py-0 footer-main-navigation mb-3"2995 href="/">Accueil</a>2996 <hr class="my-1 border-gray-medium d-none">2997</li>299829993000 3001 30023003<li class="nav-item ">3004 <a class="nav-link py-0 footer-main-navigation mb-3"3005 href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>3006 <hr class="my-1 border-gray-medium d-none">3007</li>300830093010 3011 30123013<li class="nav-item active ">3014 <a class="nav-link py-0 footer-main-navigation mb-3"3015 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>3016 <hr class="my-1 border-gray-medium d-none">3017</li>301830193020 3021 30223023<li class="nav-item ">3024 <a class="nav-link py-0 footer-main-navigation mb-3"3025 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>3026 <hr class="my-1 border-gray-medium d-none">3027</li>302830293030 3031 30323033<li class="nav-item ">3034 <a class="nav-link py-0 footer-main-navigation mb-3"3035 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>3036 <hr class="my-1 border-gray-medium d-none">3037</li>303830393040 3041 30423043<li class="nav-item ">3044 <a class="nav-link py-0 footer-main-navigation mb-3"3045 href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>3046 <hr class="my-1 border-gray-medium d-none">3047</li>304830493050 3051 </ul>3052 </div>3053 <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">3054 <ul class="navbar-nav">3055 3056 30573058<li class="nav-item ">3059 <a class="nav-link py-0 footer-main-navigation mb-3"3060 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>3061 <hr class="my-1 border-gray-medium d-none">3062</li>306330643065 3066 30673068<li class="nav-item ">3069 <a class="nav-link py-0 footer-main-navigation mb-3"3070 href="/blog">Blogue</a>3071 <hr class="my-1 border-gray-medium d-none">3072</li>307330743075 3076 30773078<li class="nav-item ">3079 <a class="nav-link py-0 footer-main-navigation mb-3"3080 href="/faire-carriere/">Carrières</a>3081 <hr class="my-1 border-gray-medium d-none">3082</li>308330843085 3086 </ul>3087 </div>3088 </div>3089 </div>3090</div>30913092309330943095<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">3096 <div class="d-flex justify-content-center">3097 <ul class="list-inline mb-1">3098 3099 <li class="list-inline-item">3100 <a href=/conditions-utilisation>3101 Conditions d'utilisation3102 </a>3103 </li>3104 3105 3106 <li class="list-inline-item">3107 <a href=/politique-confidentialite>3108 Politique de confidentialité3109 </a>3110 </li>3111 3112 3113 <li class="list-inline-item">3114 <a href=/protection-renseignements-personnels>3115 Protection des renseignements personnels3116 </a>3117 </li>3118 3119 3120 <li class="list-inline-item">3121 <a href=/temoins-navigation>3122 Gérer vos témoins de navigation3123 </a>3124 </li>3125 3126 </ul>3127 </div>3128 <div class="d-flex justify-content-center">3129 <p class="">© Gestion immobilière Lafrance & Mathieu</p>3130 </div>3131</div>31323133 </footer>3134 31353136<!-- Cookie Banner -->3137<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3138 <div class="gilm-cookie-banner-container">3139 <div class="gilm-cookie-banner-text">3140 <p>3141 Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3142 sites3143 Web3144 ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3145 témoins,3146 comme l’explique notre <a href=/protection-renseignements-personnels> protection des3147 renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3148 l'utilisation3149 de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3150 </p>3151 <p class="d-sm-none">3152 <a href=/temoins-navigation>3153 Gérer vos témoins de navigation3154 </a>3155 <br/>3156 <a href=/politique-confidentialite>3157 Politique de confidentialité3158 </a>3159 <br/>3160 <a href=/conditions-utilisation>3161 Conditions d'utilisation3162 </a>3163 </p>3164 <p class="d-none d-sm-block">3165 <a href=/temoins-navigation>3166 Gérer vos témoins de navigation3167 </a>3168 -3169 <a href=/politique-confidentialite>3170 Politique de confidentialité3171 </a>3172 -3173 <a href=/conditions-utilisation>3174 Conditions d'utilisation3175 </a>3176 </p>3177 </div>3178 <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3179 onclick="window.gilm_hideCookieBanner()">3180 <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3181 </button>3182 </div>3183</div>3184<!-- End of Cookie Banner -->3185 </div>3186 <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">3187 </script>3188 <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3189 </script>3190 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3191 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3192 </script>3193 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3194 </script>3195 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3196 </script>3197 <script type="text/javascript" src="/static/js/carousel.js">3198 </script>3199 <script type="text/javascript" src="/static/js/cookie_banner.js">3200 </script>3201 <script id="search-script" type="text/javascript" src="/static/js/search.js">3202 </script>3203 <script type="text/javascript" src="/static/js/jssocials.min.js">3204 </script>3205 <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3206 </script>3207 <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">3208 </script>3209 <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">3210 </script>3211 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3212 <script>3213 window.dataLayer = window.dataLayer || [];32143215 function gtag() {3216 dataLayer.push(arguments);3217 }3218 gtag('js', new Date());3219 gtag('config', 'UA-20687227-3');3220 </script>3221 3222<script type="text/javascript" src="/static/js/leaflet.js">3223</script>32243225 3226 </body>32273228 </html>3229