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#9ef7f0f8f1def2fff8ecfff0fdfbb3f3ffeaf6f7fbebb0fdf1f3" 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="f39a9d959cb39f929581929d9096de9e92879b9a9686dd909c9e">[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">L'Ancienne-Lorette</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 checked1013 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 1029 onclick='updateButtonLabel("boroughs", "4", "Lebourgneuf", "Quartiers", "");'1030 />1031 <span class="checkmark"></span>1032 Lebourgneuf1033 </label>1034 </li>1035 1036 <li class="col-12 col-lg-6 px-0">1037 <label class="checkbox mb-2 ">1038 <input1039 id="boroughs-5"1040 class="filter-value"1041 name="boroughs"1042 value="4"1043 type="checkbox"1044 1045 onclick='updateButtonLabel("boroughs", "5", "Les Saules", "Quartiers", "");'1046 />1047 <span class="checkmark"></span>1048 Les Saules1049 </label>1050 </li>1051 1052 <li class="col-12 col-lg-6 px-0">1053 <label class="checkbox mb-2 ">1054 <input1055 id="boroughs-6"1056 class="filter-value"1057 name="boroughs"1058 value="14"1059 type="checkbox"1060 1061 onclick='updateButtonLabel("boroughs", "6", "Lévis", "Quartiers", "");'1062 />1063 <span class="checkmark"></span>1064 Lévis1065 </label>1066 </li>1067 1068 <li class="col-12 col-lg-6 px-0">1069 <label class="checkbox mb-2 ">1070 <input1071 id="boroughs-7"1072 class="filter-value"1073 name="boroughs"1074 value="1"1075 type="checkbox"1076 1077 onclick='updateButtonLabel("boroughs", "7", "Limoilou", "Quartiers", "");'1078 />1079 <span class="checkmark"></span>1080 Limoilou1081 </label>1082 </li>1083 1084 <li class="col-12 col-lg-6 px-0">1085 <label class="checkbox mb-2 ">1086 <input1087 id="boroughs-8"1088 class="filter-value"1089 name="boroughs"1090 value="15"1091 type="checkbox"1092 1093 onclick='updateButtonLabel("boroughs", "8", "Loretteville", "Quartiers", "");'1094 />1095 <span class="checkmark"></span>1096 Loretteville1097 </label>1098 </li>1099 1100 <li class="col-12 col-lg-6 px-0">1101 <label class="checkbox mb-2 ">1102 <input1103 id="boroughs-9"1104 class="filter-value"1105 name="boroughs"1106 value="6"1107 type="checkbox"1108 1109 onclick='updateButtonLabel("boroughs", "9", "Neufchatel", "Quartiers", "");'1110 />1111 <span class="checkmark"></span>1112 Neufchatel1113 </label>1114 </li>1115 1116 <li class="col-12 col-lg-6 px-0">1117 <label class="checkbox mb-2 ">1118 <input1119 id="boroughs-10"1120 class="filter-value"1121 name="boroughs"1122 value="12"1123 type="checkbox"1124 1125 onclick='updateButtonLabel("boroughs", "10", "Québec", "Quartiers", "");'1126 />1127 <span class="checkmark"></span>1128 Québec1129 </label>1130 </li>1131 1132 <li class="col-12 col-lg-6 px-0">1133 <label class="checkbox mb-2 ">1134 <input1135 id="boroughs-11"1136 class="filter-value"1137 name="boroughs"1138 value="16"1139 type="checkbox"1140 1141 onclick='updateButtonLabel("boroughs", "11", "Saint-Augustin-de-Desmaures", "Quartiers", "");'1142 />1143 <span class="checkmark"></span>1144 Saint-Augustin-de-Desmaures1145 </label>1146 </li>1147 1148 <li class="col-12 col-lg-6 px-0">1149 <label class="checkbox mb-2 ">1150 <input1151 id="boroughs-12"1152 class="filter-value"1153 name="boroughs"1154 value="13"1155 type="checkbox"1156 1157 onclick='updateButtonLabel("boroughs", "12", "St-Roch", "Quartiers", "");'1158 />1159 <span class="checkmark"></span>1160 St-Roch1161 </label>1162 </li>1163 1164 <li class="col-12 col-lg-6 px-0">1165 <label class="checkbox mb-2 ">1166 <input1167 id="boroughs-13"1168 class="filter-value"1169 name="boroughs"1170 value="5"1171 type="checkbox"1172 1173 onclick='updateButtonLabel("boroughs", "13", "Ste-Foy", "Quartiers", "");'1174 />1175 <span class="checkmark"></span>1176 Ste-Foy1177 </label>1178 </li>1179 1180 <li class="col-12 col-lg-6 px-0">1181 <label class="checkbox mb-2 ">1182 <input1183 id="boroughs-14"1184 class="filter-value"1185 name="boroughs"1186 value="17"1187 type="checkbox"1188 1189 onclick='updateButtonLabel("boroughs", "14", "Val-Bélair", "Quartiers", "");'1190 />1191 <span class="checkmark"></span>1192 Val-Bélair1193 </label>1194 </li>1195 1196 </ul>1197 </div>1198 1199 </div>1200</div>12011202<script>1203 function updateButtonLabel(name, counter, value, defaultValue, isRadioButton) {1204 const label = document.getElementById(`label-${ name }`);1205 if (label.innerHTML === defaultValue) label.innerHTML = "";12061207 const input = document.getElementById(`${ name }-${counter}`);12081209 if (input.checked) {1210 if (label.innerHTML && !isRadioButton) label.innerHTML = `${label.innerHTML}, ${value}`;1211 else label.innerHTML = value;1212 } else {1213 if (label.innerHTML.includes(`${value}, `)) label.innerHTML = label.innerHTML.replace(`${value}, `, "");1214 else label.innerHTML = label.innerHTML.replace(value, "");1215 }12161217 if (!label.innerHTML.trim()) label.innerHTML = defaultValue;1218 }12191220 1221</script>12221223 1224 122512261227<div class="search-button-container mb-2 mb-lg-0 big ">1228 <div class="btn-group room-sizes-control" role="group" aria-label="Room size">1229 <div class="room-sizes-container">1230 <div id="room-size-group" class="room-size-group">1231 1232 <button1233 id="button-2"1234 type="button"1235 class="btn room-size-btn "1236 onclick="toggleRoomSizeButton(2); toggleRoomSizeCheckBox(2);"1237 >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 1 logement à 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=9&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": "1520, rue de la Pente L'Ancienne-Lorette Québec G2E5H8",2023 "latitude": "46,790795",2024 "longitude": "-71,355625",2025 "mainEntityOfPage": {2026 "@type": "WebPage",2027 "@id": "lafrance-mathieu.com/louer-appartement-quebec/137"2028 },2029 "photo": {2030 "@type": "ImageObject",2031 "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD3_d0927d8c-80c1-11ea-97c5-1275881fc0b8.jpg"2032 }2033 }2034 </script>2035 <a 2036 href="/logement/137"2037 class="appartments card border-white col-sm-6 mb-4" 2038 data-type="3"2039 data-borough="9"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-137">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/PPD14_fb8e605c-80ce-11ea-8747-1275881fc0b8.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/2_fbae2400-80ce-11ea-8747-1275881fc0b8.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/4_fbc21816-80ce-11ea-8747-1275881fc0b8.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 · L'Ancienne-Lorette</h5>2108 <p class="apartment-address mb-1">1520, rue de la Pente</p>2109 2110 2111 <div class="row">2112 <div class="col-7">2113 <p class="apartment-infos mb-0">2114 2115 4½ à partir de 1190$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_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2130 2131 2132 2133 </div>2134 </div>2135 2136 2137 2138 </div>2139 </div>2140</div>21412142 </a>2143 2144</div>2145214621472148 2149 2150 2151215221532154<div class="row my-5 ">2155 <h1 class="col-12 text-center mb-3 new-title">2156 Explorer les logements à louer par secteurs2157 </h1>2158 <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2159 2160 <div class="col-md-12 left-align-slick">2161 <div class="centered--left multiple-items-slick-arrow--left"></div>2162 <div class="slick-carousel" data-items="4">2163 2164 <a 2165 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2166 data-borough="3"2167 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2168 href="/louer-appartement-quebec/?boroughs=3"2169 >2170 <div class="bottom--middle d-flex flex-column pb-3">2171 <p class="thumbnail-title text-white mb-1">Beauport</p>2172 <span class="text-white very-small-paragraph">2173 92174 Logements2175 </span>2176 </div>2177 <div class="tile-gradient rounded"></div>2178 </a>2179 2180 <a 2181 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2182 data-borough="8"2183 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2184 href="/louer-appartement-quebec/?boroughs=8"2185 >2186 <div class="bottom--middle d-flex flex-column pb-3">2187 <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2188 <span class="text-white very-small-paragraph">2189 62190 Logements2191 </span>2192 </div>2193 <div class="tile-gradient rounded"></div>2194 </a>2195 2196 <a 2197 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2198 data-borough="9"2199 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2200 href="/louer-appartement-quebec/?boroughs=9"2201 >2202 <div class="bottom--middle d-flex flex-column pb-3">2203 <p class="thumbnail-title text-white mb-1">L'Ancienne-Lorette</p>2204 <span class="text-white very-small-paragraph">2205 12206 Logement2207 </span>2208 </div>2209 <div class="tile-gradient rounded"></div>2210 </a>2211 2212 <a 2213 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2214 data-borough="10"2215 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2216 href="/louer-appartement-quebec/?boroughs=10"2217 >2218 <div class="bottom--middle d-flex flex-column pb-3">2219 <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2220 <span class="text-white very-small-paragraph">2221 32222 Logements2223 </span>2224 </div>2225 <div class="tile-gradient rounded"></div>2226 </a>2227 2228 <a 2229 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2230 data-borough="4"2231 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2232 href="/louer-appartement-quebec/?boroughs=4"2233 >2234 <div class="bottom--middle d-flex flex-column pb-3">2235 <p class="thumbnail-title text-white mb-1">Les Saules</p>2236 <span class="text-white very-small-paragraph">2237 92238 Logements2239 </span>2240 </div>2241 <div class="tile-gradient rounded"></div>2242 </a>2243 2244 <a 2245 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2246 data-borough="14"2247 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2248 href="/louer-appartement-quebec/?boroughs=14"2249 >2250 <div class="bottom--middle d-flex flex-column pb-3">2251 <p class="thumbnail-title text-white mb-1">Lévis</p>2252 <span class="text-white very-small-paragraph">2253 42254 Logements2255 </span>2256 </div>2257 <div class="tile-gradient rounded"></div>2258 </a>2259 2260 <a 2261 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2262 data-borough="1"2263 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2264 href="/louer-appartement-quebec/?boroughs=1"2265 >2266 <div class="bottom--middle d-flex flex-column pb-3">2267 <p class="thumbnail-title text-white mb-1">Limoilou</p>2268 <span class="text-white very-small-paragraph">2269 32270 Logements2271 </span>2272 </div>2273 <div class="tile-gradient rounded"></div>2274 </a>2275 2276 <a 2277 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2278 data-borough="15"2279 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2280 href="/louer-appartement-quebec/?boroughs=15"2281 >2282 <div class="bottom--middle d-flex flex-column pb-3">2283 <p class="thumbnail-title text-white mb-1">Loretteville</p>2284 <span class="text-white very-small-paragraph">2285 12286 Logement2287 </span>2288 </div>2289 <div class="tile-gradient rounded"></div>2290 </a>2291 2292 <a 2293 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2294 data-borough="6"2295 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2296 href="/louer-appartement-quebec/?boroughs=6"2297 >2298 <div class="bottom--middle d-flex flex-column pb-3">2299 <p class="thumbnail-title text-white mb-1">Neufchatel</p>2300 <span class="text-white very-small-paragraph">2301 62302 Logements2303 </span>2304 </div>2305 <div class="tile-gradient rounded"></div>2306 </a>2307 2308 <a 2309 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2310 data-borough="12"2311 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2312 href="/louer-appartement-quebec/?boroughs=12"2313 >2314 <div class="bottom--middle d-flex flex-column pb-3">2315 <p class="thumbnail-title text-white mb-1">Québec</p>2316 <span class="text-white very-small-paragraph">2317 22318 Logements2319 </span>2320 </div>2321 <div class="tile-gradient rounded"></div>2322 </a>2323 2324 <a 2325 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2326 data-borough="16"2327 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2328 href="/louer-appartement-quebec/?boroughs=16"2329 >2330 <div class="bottom--middle d-flex flex-column pb-3">2331 <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2332 <span class="text-white very-small-paragraph">2333 102334 Logements2335 </span>2336 </div>2337 <div class="tile-gradient rounded"></div>2338 </a>2339 2340 <a 2341 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2342 data-borough="13"2343 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2344 href="/louer-appartement-quebec/?boroughs=13"2345 >2346 <div class="bottom--middle d-flex flex-column pb-3">2347 <p class="thumbnail-title text-white mb-1">St-Roch</p>2348 <span class="text-white very-small-paragraph">2349 12350 Logement2351 </span>2352 </div>2353 <div class="tile-gradient rounded"></div>2354 </a>2355 2356 <a 2357 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2358 data-borough="5"2359 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2360 href="/louer-appartement-quebec/?boroughs=5"2361 >2362 <div class="bottom--middle d-flex flex-column pb-3">2363 <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2364 <span class="text-white very-small-paragraph">2365 142366 Logements2367 </span>2368 </div>2369 <div class="tile-gradient rounded"></div>2370 </a>2371 2372 <a 2373 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2374 data-borough="17"2375 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2376 href="/louer-appartement-quebec/?boroughs=17"2377 >2378 <div class="bottom--middle d-flex flex-column pb-3">2379 <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2380 <span class="text-white very-small-paragraph">2381 22382 Logements2383 </span>2384 </div>2385 <div class="tile-gradient rounded"></div>2386 </a>2387 2388 </div>2389 <div class="centered--right multiple-items-slick-arrow--right"></div>2390 </div>2391</div>239223932394 2395 2396239723982399 <div class="row mt-5 ">2400 <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2401 <div class="col-12 mb-3">2402 240324042405<div class="row">2406 2407 <a 2408 href="/logement/312"2409 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2410 data-type="3"2411 data-borough="10"2412 >2413 2414241524162417<script>2418 function displayNowAvailableBubble(buildingId) {2419 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2420 nowAvailableBubble.classList.remove("d-none");2421 }2422</script>24232424<div class="row">2425 2426 2427 2428 <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2429 2430 2431 2432 2433 <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2434 <p class="text-white m-0">En vedette</p>2435 </div>2436 2437 2438 <div class="col-6 apartment-col">2439 <div class="row">2440 <div class="col-12 pr-0">2441 2442 <img 2443 class="rounded-left apartment-image" 2444 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2445 alt="unit image"2446 width=100%2447 height=232px2448 />2449 2450 </div>2451 </div>2452 </div>2453 2454 2455 <div class="col-6 apartment-col">2456 <div class="row">2457 <div class="col-12 pl-0">2458 <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"2459 alt="unit image" width="100%" height="116px">2460 </div>2461 </div>2462 2463 <div class="row">2464 <div class="col-12 pl-0">2465 <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"2466 alt="unit image" width=100% height=116px>2467 </div>2468 </div>2469 2470 </div>2471 2472 2473 2474</div>24752476 2477247824792480<div class="row mt-4">2481 <div class="col-12">2482 <div class="card-body p-0 text-left">2483 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2484 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2485 2486 2487 <div class="row">2488 <div class="col-7">2489 <p class="apartment-infos mb-0">2490 2491 4½ à partir de 1595$2492 2493 </p>2494 <p class="apartment-availability footnotes">2495 octobre 20262496 </p>2497 </div>2498 <div class="col-5 text-right">2499 2500 2501 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2502 2503 2504 2505 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2506 2507 2508 2509 <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>2510 2511 2512 2513 </div>2514 </div>2515 2516 2517 2518 </div>2519 </div>2520</div>25212522 </a>2523 2524 <a 2525 href="/logement/18"2526 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2527 data-type="3"2528 data-borough="3"2529 >2530 2531253225332534<script>2535 function displayNowAvailableBubble(buildingId) {2536 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2537 nowAvailableBubble.classList.remove("d-none");2538 }2539</script>25402541<div class="row">2542 2543 2544 2545 <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2546 2547 2548 2549 2550 <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2551 <p class="text-white m-0">En vedette</p>2552 </div>2553 2554 2555 <div class="col-6 apartment-col">2556 <div class="row">2557 <div class="col-12 pr-0">2558 2559 <img 2560 class="rounded-left apartment-image" 2561 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2562 alt="unit image"2563 width=100%2564 height=232px2565 />2566 2567 </div>2568 </div>2569 </div>2570 2571 2572 <div class="col-6 apartment-col">2573 <div class="row">2574 <div class="col-12 pl-0">2575 <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"2576 alt="unit image" width="100%" height="116px">2577 </div>2578 </div>2579 2580 <div class="row">2581 <div class="col-12 pl-0">2582 <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"2583 alt="unit image" width=100% height=116px>2584 </div>2585 </div>2586 2587 </div>2588 2589 2590 2591</div>25922593 2594259525962597<div class="row mt-4">2598 <div class="col-12">2599 <div class="card-body p-0 text-left">2600 <h5 class="apartment-borough">Appartements · Beauport</h5>2601 <p class="apartment-address mb-1">555, avenue du Fleuve</p>2602 2603 2604 <div class="row">2605 <div class="col-7">2606 <p class="apartment-infos mb-0">2607 2608 1½ à partir de 799$2609 2610 </p>2611 <p class="apartment-availability footnotes">2612 Libre immédiatement2613 </p>2614 </div>2615 <div class="col-5 text-right">2616 2617 2618 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2619 2620 2621 2622 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2623 2624 2625 2626 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2627 2628 2629 2630 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2631 2632 2633 2634 2635 2636 2637 2638 <p class="footnotes d-inline"> +2</p>2639 2640 </div>2641 </div>2642 2643 2644 2645 </div>2646 </div>2647</div>26482649 </a>2650 2651 <a 2652 href="/logement/160"2653 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2654 data-type="3"2655 data-borough="6"2656 >2657 2658265926602661<script>2662 function displayNowAvailableBubble(buildingId) {2663 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2664 nowAvailableBubble.classList.remove("d-none");2665 }2666</script>26672668<div class="row">2669 2670 2671 2672 <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2673 2674 2675 2676 2677 <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2678 <p class="text-white m-0">En vedette</p>2679 </div>2680 2681 2682 <div class="col-6 apartment-col">2683 <div class="row">2684 <div class="col-12 pr-0">2685 2686 <img 2687 class="rounded-left apartment-image" 2688 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2689 alt="unit image"2690 width=100%2691 height=232px2692 />2693 2694 </div>2695 </div>2696 </div>2697 2698 2699 <div class="col-6 apartment-col">2700 <div class="row">2701 <div class="col-12 pl-0">2702 <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"2703 alt="unit image" width="100%" height="116px">2704 </div>2705 </div>2706 2707 <div class="row">2708 <div class="col-12 pl-0">2709 <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"2710 alt="unit image" width=100% height=116px>2711 </div>2712 </div>2713 2714 </div>2715 2716 2717 2718</div>27192720 2721272227232724<div class="row mt-4">2725 <div class="col-12">2726 <div class="card-body p-0 text-left">2727 <h5 class="apartment-borough">Appartements · Neufchatel</h5>2728 <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2729 2730 2731 <div class="row">2732 <div class="col-7">2733 <p class="apartment-infos mb-0">2734 2735 4½ à partir de 1250$2736 2737 </p>2738 <p class="apartment-availability footnotes">2739 Libre immédiatement2740 </p>2741 </div>2742 <div class="col-5 text-right">2743 2744 2745 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2746 2747 2748 2749 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2750 2751 2752 2753 <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>2754 2755 2756 2757 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2758 2759 2760 2761 </div>2762 </div>2763 2764 2765 2766 </div>2767 </div>2768</div>27692770 </a>2771 2772</div>27732774 </div>2775 2776 </div>277727782779 2780 </div>2781 2782 <div class="col-md-6 pt-4">2783 27842785<script id="building-coordinates" type="application/json">[{"loc": ["46.790795", "-71.355625"], "id": 137}]</script>27862787<div id="map-container" class=" mb-2 mt-1">2788 <div id="interactive-map" style="height: 100%;" class="rounded">2789 </div>2790</div>27912792 </div>2793 2794 </div>2795 </div>2796 </div>2797</div>27982799 </main>2800 <footer>2801 280228032804<div class="footer row m-0 p-5 justify-content-center bg-black">2805 <div class="container m-0">2806 <div class="row mb-3">2807 <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2808 height="80px" class="footer-logo">2809 </div>2810 <div class="row">2811 <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2812 <p class="footer-title mb-2">Contactez-nous</p>2813 <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>2814 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2815 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2816 <span class="footer-phone">418 626-5500</span>2817 </a>2818 <a href="/cdn-cgi/l/email-protection#325b5c545d725e535440535c51571f5f53465a5b57471c515d5f" target="_blank" class="mb-3 d-flex align-items-center">2819 <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2820 <span><span class="__cf_email__" data-cfemail="99f0f7fff6d9f5f8ffebf8f7fafcb4f4f8edf1f0fcecb7faf6f4">[email protected]</span></span>2821 </a>2822 <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2823 1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42824 </a>2825 <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2826 <div class="d-flex">2827 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2828 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2829 class="footer-social-icon mr-3" />2830 </a>2831 <a href="https://fr-ca.facebook.com/lafrance.mathieu">2832 <img src=/static/images/icons/facebook.svg alt="facebook icon"2833 class="footer-social-icon" />2834 </a>2835 </div>2836 </div>2837 <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">2838 <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2839 <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>2840 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2841 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2842 <span class="footer-phone">418-626-5500</span>2843 </a>2844 <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2845 <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2846 <span>Se connecter à l’Espace client</span>2847 </a>2848 <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2849 <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2850 <span>Se connecter à Sensaas</span>2851 </a>2852 </div>2853 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2854 <ul class="navbar-nav">2855 2856 28572858<li class="nav-item ">2859 <a class="nav-link py-0 footer-main-navigation mb-3"2860 href="/">Accueil</a>2861 <hr class="my-1 border-gray-medium d-none">2862</li>286328642865 2866 28672868<li class="nav-item ">2869 <a class="nav-link py-0 footer-main-navigation mb-3"2870 href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2871 <hr class="my-1 border-gray-medium d-none">2872</li>287328742875 2876 28772878<li class="nav-item active ">2879 <a class="nav-link py-0 footer-main-navigation mb-3"2880 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2881 <hr class="my-1 border-gray-medium d-none">2882</li>288328842885 2886 28872888<li class="nav-item ">2889 <a class="nav-link py-0 footer-main-navigation mb-3"2890 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2891 <hr class="my-1 border-gray-medium d-none">2892</li>289328942895 2896 28972898<li class="nav-item ">2899 <a class="nav-link py-0 footer-main-navigation mb-3"2900 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2901 <hr class="my-1 border-gray-medium d-none">2902</li>290329042905 2906 29072908<li class="nav-item ">2909 <a class="nav-link py-0 footer-main-navigation mb-3"2910 href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2911 <hr class="my-1 border-gray-medium d-none">2912</li>291329142915 2916 </ul>2917 </div>2918 <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2919 <ul class="navbar-nav">2920 2921 29222923<li class="nav-item ">2924 <a class="nav-link py-0 footer-main-navigation mb-3"2925 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2926 <hr class="my-1 border-gray-medium d-none">2927</li>292829292930 2931 29322933<li class="nav-item ">2934 <a class="nav-link py-0 footer-main-navigation mb-3"2935 href="/blog">Blogue</a>2936 <hr class="my-1 border-gray-medium d-none">2937</li>293829392940 2941 29422943<li class="nav-item ">2944 <a class="nav-link py-0 footer-main-navigation mb-3"2945 href="/faire-carriere/">Carrières</a>2946 <hr class="my-1 border-gray-medium d-none">2947</li>294829492950 2951 </ul>2952 </div>2953 </div>2954 </div>2955</div>29562957295829592960<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">2961 <div class="d-flex justify-content-center">2962 <ul class="list-inline mb-1">2963 2964 <li class="list-inline-item">2965 <a href=/conditions-utilisation>2966 Conditions d'utilisation2967 </a>2968 </li>2969 2970 2971 <li class="list-inline-item">2972 <a href=/politique-confidentialite>2973 Politique de confidentialité2974 </a>2975 </li>2976 2977 2978 <li class="list-inline-item">2979 <a href=/protection-renseignements-personnels>2980 Protection des renseignements personnels2981 </a>2982 </li>2983 2984 2985 <li class="list-inline-item">2986 <a href=/temoins-navigation>2987 Gérer vos témoins de navigation2988 </a>2989 </li>2990 2991 </ul>2992 </div>2993 <div class="d-flex justify-content-center">2994 <p class="">© Gestion immobilière Lafrance & Mathieu</p>2995 </div>2996</div>29972998 </footer>2999 30003001<!-- Cookie Banner -->3002<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3003 <div class="gilm-cookie-banner-container">3004 <div class="gilm-cookie-banner-text">3005 <p>3006 Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3007 sites3008 Web3009 ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3010 témoins,3011 comme l’explique notre <a href=/protection-renseignements-personnels> protection des3012 renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3013 l'utilisation3014 de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3015 </p>3016 <p class="d-sm-none">3017 <a href=/temoins-navigation>3018 Gérer vos témoins de navigation3019 </a>3020 <br/>3021 <a href=/politique-confidentialite>3022 Politique de confidentialité3023 </a>3024 <br/>3025 <a href=/conditions-utilisation>3026 Conditions d'utilisation3027 </a>3028 </p>3029 <p class="d-none d-sm-block">3030 <a href=/temoins-navigation>3031 Gérer vos témoins de navigation3032 </a>3033 -3034 <a href=/politique-confidentialite>3035 Politique de confidentialité3036 </a>3037 -3038 <a href=/conditions-utilisation>3039 Conditions d'utilisation3040 </a>3041 </p>3042 </div>3043 <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3044 onclick="window.gilm_hideCookieBanner()">3045 <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3046 </button>3047 </div>3048</div>3049<!-- End of Cookie Banner -->3050 </div>3051 <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">3052 </script>3053 <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3054 </script>3055 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3056 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3057 </script>3058 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3059 </script>3060 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3061 </script>3062 <script type="text/javascript" src="/static/js/carousel.js">3063 </script>3064 <script type="text/javascript" src="/static/js/cookie_banner.js">3065 </script>3066 <script id="search-script" type="text/javascript" src="/static/js/search.js">3067 </script>3068 <script type="text/javascript" src="/static/js/jssocials.min.js">3069 </script>3070 <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3071 </script>3072 <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">3073 </script>3074 <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">3075 </script>3076 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3077 <script>3078 window.dataLayer = window.dataLayer || [];30793080 function gtag() {3081 dataLayer.push(arguments);3082 }3083 gtag('js', new Date());3084 gtag('config', 'UA-20687227-3');3085 </script>3086 3087<script type="text/javascript" src="/static/js/leaflet.js">3088</script>30893090 3091 </body>30923093 </html>3094