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#afc6c1c9c0efc3cec9ddcec1ccca82c2cedbc7c6cada81ccc0c2" 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="4b22252d240b272a2d392a25282e66262a3f23222e3e65282426">[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">St-Roch</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 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 checked1157 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=13&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": "40 de la Pointe-aux-Lièvres Québec QC G1K0J7",2023 "latitude": "None",2024 "longitude": "None",2025 "mainEntityOfPage": {2026 "@type": "WebPage",2027 "@id": "lafrance-mathieu.com/louer-appartement-quebec/299"2028 },2029 "photo": {2030 "@type": "ImageObject",2031 "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/immeuble_facade_viridi_42b960c6-0b7d-11ee-927b-0aa8d57fe613.jpg"2032 }2033 }2034 </script>2035 <a 2036 href="/logement/299"2037 class="appartments card border-white col-sm-6 mb-4" 2038 data-type="3"2039 data-borough="13"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(299);"></img>2057 2058 2059 2060 2061 <div class="now-available-bubble d-none" id="now-available-bubble-299">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/cuisine_-_unit%C3%A9_lou%C3%A9s_meubl%C3%A9s-_viridi_897dfecc-f7f9-11ee-9dca-128d1245c8a9.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/cuisine_et_salle_%C3%A0_manger_89d6e686-f7f9-11ee-9dca-128d1245c8a9.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/3e_mod%C3%A8le_cuisine_et_salon_10b4329e-f7fa-11ee-8d16-128d1245c8a9.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 · St-Roch</h5>2112 <p class="apartment-address mb-1">40 de la Pointe-aux-Lièvres</p>2113 2114 2115 <div class="row">2116 <div class="col-7">2117 <p class="apartment-infos mb-0">2118 2119 4½ à partir de 2150$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_light.png" alt="Électricité" height=18px width=18px>2130 2131 2132 2133 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2134 2135 2136 2137 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2138 2139 2140 2141 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 <p class="footnotes d-inline"> +3</p>2152 2153 </div>2154 </div>2155 2156 2157 2158 </div>2159 </div>2160</div>21612162 </a>2163 2164</div>2165216621672168 2169 2170 2171217221732174<div class="row my-5 ">2175 <h1 class="col-12 text-center mb-3 new-title">2176 Explorer les logements à louer par secteurs2177 </h1>2178 <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2179 2180 <div class="col-md-12 left-align-slick">2181 <div class="centered--left multiple-items-slick-arrow--left"></div>2182 <div class="slick-carousel" data-items="4">2183 2184 <a 2185 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2186 data-borough="3"2187 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2188 href="/louer-appartement-quebec/?boroughs=3"2189 >2190 <div class="bottom--middle d-flex flex-column pb-3">2191 <p class="thumbnail-title text-white mb-1">Beauport</p>2192 <span class="text-white very-small-paragraph">2193 92194 Logements2195 </span>2196 </div>2197 <div class="tile-gradient rounded"></div>2198 </a>2199 2200 <a 2201 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2202 data-borough="8"2203 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2204 href="/louer-appartement-quebec/?boroughs=8"2205 >2206 <div class="bottom--middle d-flex flex-column pb-3">2207 <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2208 <span class="text-white very-small-paragraph">2209 62210 Logements2211 </span>2212 </div>2213 <div class="tile-gradient rounded"></div>2214 </a>2215 2216 <a 2217 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2218 data-borough="9"2219 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2220 href="/louer-appartement-quebec/?boroughs=9"2221 >2222 <div class="bottom--middle d-flex flex-column pb-3">2223 <p class="thumbnail-title text-white mb-1">L'Ancienne-Lorette</p>2224 <span class="text-white very-small-paragraph">2225 12226 Logement2227 </span>2228 </div>2229 <div class="tile-gradient rounded"></div>2230 </a>2231 2232 <a 2233 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2234 data-borough="10"2235 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2236 href="/louer-appartement-quebec/?boroughs=10"2237 >2238 <div class="bottom--middle d-flex flex-column pb-3">2239 <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2240 <span class="text-white very-small-paragraph">2241 32242 Logements2243 </span>2244 </div>2245 <div class="tile-gradient rounded"></div>2246 </a>2247 2248 <a 2249 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2250 data-borough="4"2251 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2252 href="/louer-appartement-quebec/?boroughs=4"2253 >2254 <div class="bottom--middle d-flex flex-column pb-3">2255 <p class="thumbnail-title text-white mb-1">Les Saules</p>2256 <span class="text-white very-small-paragraph">2257 92258 Logements2259 </span>2260 </div>2261 <div class="tile-gradient rounded"></div>2262 </a>2263 2264 <a 2265 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2266 data-borough="14"2267 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2268 href="/louer-appartement-quebec/?boroughs=14"2269 >2270 <div class="bottom--middle d-flex flex-column pb-3">2271 <p class="thumbnail-title text-white mb-1">Lévis</p>2272 <span class="text-white very-small-paragraph">2273 42274 Logements2275 </span>2276 </div>2277 <div class="tile-gradient rounded"></div>2278 </a>2279 2280 <a 2281 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2282 data-borough="1"2283 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2284 href="/louer-appartement-quebec/?boroughs=1"2285 >2286 <div class="bottom--middle d-flex flex-column pb-3">2287 <p class="thumbnail-title text-white mb-1">Limoilou</p>2288 <span class="text-white very-small-paragraph">2289 32290 Logements2291 </span>2292 </div>2293 <div class="tile-gradient rounded"></div>2294 </a>2295 2296 <a 2297 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2298 data-borough="15"2299 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2300 href="/louer-appartement-quebec/?boroughs=15"2301 >2302 <div class="bottom--middle d-flex flex-column pb-3">2303 <p class="thumbnail-title text-white mb-1">Loretteville</p>2304 <span class="text-white very-small-paragraph">2305 12306 Logement2307 </span>2308 </div>2309 <div class="tile-gradient rounded"></div>2310 </a>2311 2312 <a 2313 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2314 data-borough="6"2315 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2316 href="/louer-appartement-quebec/?boroughs=6"2317 >2318 <div class="bottom--middle d-flex flex-column pb-3">2319 <p class="thumbnail-title text-white mb-1">Neufchatel</p>2320 <span class="text-white very-small-paragraph">2321 62322 Logements2323 </span>2324 </div>2325 <div class="tile-gradient rounded"></div>2326 </a>2327 2328 <a 2329 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2330 data-borough="12"2331 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2332 href="/louer-appartement-quebec/?boroughs=12"2333 >2334 <div class="bottom--middle d-flex flex-column pb-3">2335 <p class="thumbnail-title text-white mb-1">Québec</p>2336 <span class="text-white very-small-paragraph">2337 22338 Logements2339 </span>2340 </div>2341 <div class="tile-gradient rounded"></div>2342 </a>2343 2344 <a 2345 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2346 data-borough="16"2347 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2348 href="/louer-appartement-quebec/?boroughs=16"2349 >2350 <div class="bottom--middle d-flex flex-column pb-3">2351 <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2352 <span class="text-white very-small-paragraph">2353 102354 Logements2355 </span>2356 </div>2357 <div class="tile-gradient rounded"></div>2358 </a>2359 2360 <a 2361 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2362 data-borough="13"2363 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2364 href="/louer-appartement-quebec/?boroughs=13"2365 >2366 <div class="bottom--middle d-flex flex-column pb-3">2367 <p class="thumbnail-title text-white mb-1">St-Roch</p>2368 <span class="text-white very-small-paragraph">2369 12370 Logement2371 </span>2372 </div>2373 <div class="tile-gradient rounded"></div>2374 </a>2375 2376 <a 2377 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2378 data-borough="5"2379 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2380 href="/louer-appartement-quebec/?boroughs=5"2381 >2382 <div class="bottom--middle d-flex flex-column pb-3">2383 <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2384 <span class="text-white very-small-paragraph">2385 142386 Logements2387 </span>2388 </div>2389 <div class="tile-gradient rounded"></div>2390 </a>2391 2392 <a 2393 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2394 data-borough="17"2395 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2396 href="/louer-appartement-quebec/?boroughs=17"2397 >2398 <div class="bottom--middle d-flex flex-column pb-3">2399 <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2400 <span class="text-white very-small-paragraph">2401 22402 Logements2403 </span>2404 </div>2405 <div class="tile-gradient rounded"></div>2406 </a>2407 2408 </div>2409 <div class="centered--right multiple-items-slick-arrow--right"></div>2410 </div>2411</div>241224132414 2415 2416241724182419 <div class="row mt-5 ">2420 <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2421 <div class="col-12 mb-3">2422 242324242425<div class="row">2426 2427 <a 2428 href="/logement/312"2429 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2430 data-type="3"2431 data-borough="10"2432 >2433 2434243524362437<script>2438 function displayNowAvailableBubble(buildingId) {2439 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2440 nowAvailableBubble.classList.remove("d-none");2441 }2442</script>24432444<div class="row">2445 2446 2447 2448 <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2449 2450 2451 2452 2453 <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2454 <p class="text-white m-0">En vedette</p>2455 </div>2456 2457 2458 <div class="col-6 apartment-col">2459 <div class="row">2460 <div class="col-12 pr-0">2461 2462 <img 2463 class="rounded-left apartment-image" 2464 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2465 alt="unit image"2466 width=100%2467 height=232px2468 />2469 2470 </div>2471 </div>2472 </div>2473 2474 2475 <div class="col-6 apartment-col">2476 <div class="row">2477 <div class="col-12 pl-0">2478 <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"2479 alt="unit image" width="100%" height="116px">2480 </div>2481 </div>2482 2483 <div class="row">2484 <div class="col-12 pl-0">2485 <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"2486 alt="unit image" width=100% height=116px>2487 </div>2488 </div>2489 2490 </div>2491 2492 2493 2494</div>24952496 2497249824992500<div class="row mt-4">2501 <div class="col-12">2502 <div class="card-body p-0 text-left">2503 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2504 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2505 2506 2507 <div class="row">2508 <div class="col-7">2509 <p class="apartment-infos mb-0">2510 2511 4½ à partir de 1595$2512 2513 </p>2514 <p class="apartment-availability footnotes">2515 octobre 20262516 </p>2517 </div>2518 <div class="col-5 text-right">2519 2520 2521 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2522 2523 2524 2525 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2526 2527 2528 2529 <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>2530 2531 2532 2533 </div>2534 </div>2535 2536 2537 2538 </div>2539 </div>2540</div>25412542 </a>2543 2544 <a 2545 href="/logement/18"2546 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2547 data-type="3"2548 data-borough="3"2549 >2550 2551255225532554<script>2555 function displayNowAvailableBubble(buildingId) {2556 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2557 nowAvailableBubble.classList.remove("d-none");2558 }2559</script>25602561<div class="row">2562 2563 2564 2565 <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2566 2567 2568 2569 2570 <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2571 <p class="text-white m-0">En vedette</p>2572 </div>2573 2574 2575 <div class="col-6 apartment-col">2576 <div class="row">2577 <div class="col-12 pr-0">2578 2579 <img 2580 class="rounded-left apartment-image" 2581 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2582 alt="unit image"2583 width=100%2584 height=232px2585 />2586 2587 </div>2588 </div>2589 </div>2590 2591 2592 <div class="col-6 apartment-col">2593 <div class="row">2594 <div class="col-12 pl-0">2595 <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"2596 alt="unit image" width="100%" height="116px">2597 </div>2598 </div>2599 2600 <div class="row">2601 <div class="col-12 pl-0">2602 <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"2603 alt="unit image" width=100% height=116px>2604 </div>2605 </div>2606 2607 </div>2608 2609 2610 2611</div>26122613 2614261526162617<div class="row mt-4">2618 <div class="col-12">2619 <div class="card-body p-0 text-left">2620 <h5 class="apartment-borough">Appartements · Beauport</h5>2621 <p class="apartment-address mb-1">555, avenue du Fleuve</p>2622 2623 2624 <div class="row">2625 <div class="col-7">2626 <p class="apartment-infos mb-0">2627 2628 1½ à partir de 799$2629 2630 </p>2631 <p class="apartment-availability footnotes">2632 Libre immédiatement2633 </p>2634 </div>2635 <div class="col-5 text-right">2636 2637 2638 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2639 2640 2641 2642 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2643 2644 2645 2646 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2647 2648 2649 2650 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2651 2652 2653 2654 2655 2656 2657 2658 <p class="footnotes d-inline"> +2</p>2659 2660 </div>2661 </div>2662 2663 2664 2665 </div>2666 </div>2667</div>26682669 </a>2670 2671 <a 2672 href="/logement/160"2673 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2674 data-type="3"2675 data-borough="6"2676 >2677 2678267926802681<script>2682 function displayNowAvailableBubble(buildingId) {2683 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2684 nowAvailableBubble.classList.remove("d-none");2685 }2686</script>26872688<div class="row">2689 2690 2691 2692 <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2693 2694 2695 2696 2697 <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2698 <p class="text-white m-0">En vedette</p>2699 </div>2700 2701 2702 <div class="col-6 apartment-col">2703 <div class="row">2704 <div class="col-12 pr-0">2705 2706 <img 2707 class="rounded-left apartment-image" 2708 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2709 alt="unit image"2710 width=100%2711 height=232px2712 />2713 2714 </div>2715 </div>2716 </div>2717 2718 2719 <div class="col-6 apartment-col">2720 <div class="row">2721 <div class="col-12 pl-0">2722 <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"2723 alt="unit image" width="100%" height="116px">2724 </div>2725 </div>2726 2727 <div class="row">2728 <div class="col-12 pl-0">2729 <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"2730 alt="unit image" width=100% height=116px>2731 </div>2732 </div>2733 2734 </div>2735 2736 2737 2738</div>27392740 2741274227432744<div class="row mt-4">2745 <div class="col-12">2746 <div class="card-body p-0 text-left">2747 <h5 class="apartment-borough">Appartements · Neufchatel</h5>2748 <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2749 2750 2751 <div class="row">2752 <div class="col-7">2753 <p class="apartment-infos mb-0">2754 2755 4½ à partir de 1250$2756 2757 </p>2758 <p class="apartment-availability footnotes">2759 Libre immédiatement2760 </p>2761 </div>2762 <div class="col-5 text-right">2763 2764 2765 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2766 2767 2768 2769 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2770 2771 2772 2773 <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>2774 2775 2776 2777 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2778 2779 2780 2781 </div>2782 </div>2783 2784 2785 2786 </div>2787 </div>2788</div>27892790 </a>2791 2792</div>27932794 </div>2795 2796 </div>279727982799 2800 </div>2801 2802 <div class="col-md-6 pt-4">2803 28042805<script id="building-coordinates" type="application/json">[]</script>28062807<div id="map-container" class=" mb-2 mt-1">2808 <div id="interactive-map" style="height: 100%;" class="rounded">2809 </div>2810</div>28112812 </div>2813 2814 </div>2815 </div>2816 </div>2817</div>28182819 </main>2820 <footer>2821 282228232824<div class="footer row m-0 p-5 justify-content-center bg-black">2825 <div class="container m-0">2826 <div class="row mb-3">2827 <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2828 height="80px" class="footer-logo">2829 </div>2830 <div class="row">2831 <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2832 <p class="footer-title mb-2">Contactez-nous</p>2833 <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>2834 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2835 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2836 <span class="footer-phone">418 626-5500</span>2837 </a>2838 <a href="/cdn-cgi/l/email-protection#dbb2b5bdb49bb7babda9bab5b8bef6b6baafb3b2beaef5b8b4b6" target="_blank" class="mb-3 d-flex align-items-center">2839 <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2840 <span><span class="__cf_email__" data-cfemail="99f0f7fff6d9f5f8ffebf8f7fafcb4f4f8edf1f0fcecb7faf6f4">[email protected]</span></span>2841 </a>2842 <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2843 1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42844 </a>2845 <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2846 <div class="d-flex">2847 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2848 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2849 class="footer-social-icon mr-3" />2850 </a>2851 <a href="https://fr-ca.facebook.com/lafrance.mathieu">2852 <img src=/static/images/icons/facebook.svg alt="facebook icon"2853 class="footer-social-icon" />2854 </a>2855 </div>2856 </div>2857 <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">2858 <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2859 <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>2860 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2861 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2862 <span class="footer-phone">418-626-5500</span>2863 </a>2864 <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2865 <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2866 <span>Se connecter à l’Espace client</span>2867 </a>2868 <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2869 <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2870 <span>Se connecter à Sensaas</span>2871 </a>2872 </div>2873 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2874 <ul class="navbar-nav">2875 2876 28772878<li class="nav-item ">2879 <a class="nav-link py-0 footer-main-navigation mb-3"2880 href="/">Accueil</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="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2891 <hr class="my-1 border-gray-medium d-none">2892</li>289328942895 2896 28972898<li class="nav-item active ">2899 <a class="nav-link py-0 footer-main-navigation mb-3"2900 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</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="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2911 <hr class="my-1 border-gray-medium d-none">2912</li>291329142915 2916 29172918<li class="nav-item ">2919 <a class="nav-link py-0 footer-main-navigation mb-3"2920 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2921 <hr class="my-1 border-gray-medium d-none">2922</li>292329242925 2926 29272928<li class="nav-item ">2929 <a class="nav-link py-0 footer-main-navigation mb-3"2930 href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2931 <hr class="my-1 border-gray-medium d-none">2932</li>293329342935 2936 </ul>2937 </div>2938 <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2939 <ul class="navbar-nav">2940 2941 29422943<li class="nav-item ">2944 <a class="nav-link py-0 footer-main-navigation mb-3"2945 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2946 <hr class="my-1 border-gray-medium d-none">2947</li>294829492950 2951 29522953<li class="nav-item ">2954 <a class="nav-link py-0 footer-main-navigation mb-3"2955 href="/blog">Blogue</a>2956 <hr class="my-1 border-gray-medium d-none">2957</li>295829592960 2961 29622963<li class="nav-item ">2964 <a class="nav-link py-0 footer-main-navigation mb-3"2965 href="/faire-carriere/">Carrières</a>2966 <hr class="my-1 border-gray-medium d-none">2967</li>296829692970 2971 </ul>2972 </div>2973 </div>2974 </div>2975</div>29762977297829792980<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">2981 <div class="d-flex justify-content-center">2982 <ul class="list-inline mb-1">2983 2984 <li class="list-inline-item">2985 <a href=/conditions-utilisation>2986 Conditions d'utilisation2987 </a>2988 </li>2989 2990 2991 <li class="list-inline-item">2992 <a href=/politique-confidentialite>2993 Politique de confidentialité2994 </a>2995 </li>2996 2997 2998 <li class="list-inline-item">2999 <a href=/protection-renseignements-personnels>3000 Protection des renseignements personnels3001 </a>3002 </li>3003 3004 3005 <li class="list-inline-item">3006 <a href=/temoins-navigation>3007 Gérer vos témoins de navigation3008 </a>3009 </li>3010 3011 </ul>3012 </div>3013 <div class="d-flex justify-content-center">3014 <p class="">© Gestion immobilière Lafrance & Mathieu</p>3015 </div>3016</div>30173018 </footer>3019 30203021<!-- Cookie Banner -->3022<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3023 <div class="gilm-cookie-banner-container">3024 <div class="gilm-cookie-banner-text">3025 <p>3026 Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3027 sites3028 Web3029 ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3030 témoins,3031 comme l’explique notre <a href=/protection-renseignements-personnels> protection des3032 renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3033 l'utilisation3034 de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3035 </p>3036 <p class="d-sm-none">3037 <a href=/temoins-navigation>3038 Gérer vos témoins de navigation3039 </a>3040 <br/>3041 <a href=/politique-confidentialite>3042 Politique de confidentialité3043 </a>3044 <br/>3045 <a href=/conditions-utilisation>3046 Conditions d'utilisation3047 </a>3048 </p>3049 <p class="d-none d-sm-block">3050 <a href=/temoins-navigation>3051 Gérer vos témoins de navigation3052 </a>3053 -3054 <a href=/politique-confidentialite>3055 Politique de confidentialité3056 </a>3057 -3058 <a href=/conditions-utilisation>3059 Conditions d'utilisation3060 </a>3061 </p>3062 </div>3063 <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3064 onclick="window.gilm_hideCookieBanner()">3065 <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3066 </button>3067 </div>3068</div>3069<!-- End of Cookie Banner -->3070 </div>3071 <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">3072 </script>3073 <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3074 </script>3075 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3076 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3077 </script>3078 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3079 </script>3080 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3081 </script>3082 <script type="text/javascript" src="/static/js/carousel.js">3083 </script>3084 <script type="text/javascript" src="/static/js/cookie_banner.js">3085 </script>3086 <script id="search-script" type="text/javascript" src="/static/js/search.js">3087 </script>3088 <script type="text/javascript" src="/static/js/jssocials.min.js">3089 </script>3090 <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3091 </script>3092 <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">3093 </script>3094 <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">3095 </script>3096 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3097 <script>3098 window.dataLayer = window.dataLayer || [];30993100 function gtag() {3101 dataLayer.push(arguments);3102 }3103 gtag('js', new Date());3104 gtag('config', 'UA-20687227-3');3105 </script>3106 3107<script type="text/javascript" src="/static/js/leaflet.js">3108</script>31093110 3111 </body>31123113 </html>3114