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#234a4d454c634f424551424d40460e4e42574b4a46560d404c4e" 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="8ce5e2eae3cce0edeafeede2efe9a1e1edf8e4e5e9f9a2efe3e1">[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évis</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 checked1061 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 4 logements à louer1970 1971 </h2>1972 1973 1974 <div class="sort-indicator d-flex flex-column mb-2 mb-sm-0">1975 <span class="sort-indicator-title text-gray-light">Trier par : </span>1976 <a class="sort-indicator-value text-primary" href="/louer-appartement-quebec/?boroughs=14&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": "2750 Bd Guillaume-Couture Lévis QC G6W7Y1",2023 "latitude": "None",2024 "longitude": "None",2025 "mainEntityOfPage": {2026 "@type": "WebPage",2027 "@id": "lafrance-mathieu.com/louer-appartement-quebec/336"2028 },2029 "photo": {2030 "@type": "ImageObject",2031 "url": "lafrance-mathieu.comhttps://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/GC_9a9ca87e-800d-11ef-99f4-0ec0f22332e5.jpeg"2032 }2033 }2034 </script>2035 <a 2036 href="/logement/336"2037 class="appartments card border-white col-sm-6 mb-4" 2038 data-type="3"2039 data-borough="14"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(336);"></img>2057 2058 2059 2060 2061 <div class="now-available-bubble d-none" id="now-available-bubble-336">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/GC_4b21d072-801b-11ef-b898-0ec0f22332e5.jpeg"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/b2_05e39e56-801a-11ef-93fa-0ec0f22332e5.png"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/B3_0719f374-801a-11ef-93fa-0ec0f22332e5.png"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 · Lévis</h5>2112 <p class="apartment-address mb-1">2750 Bd Guillaume-Couture</p>2113 2114 2115 <div class="row">2116 <div class="col-7">2117 <p class="apartment-infos mb-0">2118 2119 4½ à partir de 1950$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 <p class="footnotes d-inline"> +2</p>2150 2151 </div>2152 </div>2153 2154 2155 2156 </div>2157 </div>2158</div>21592160 </a>2161 2162</div>2163216421652166 2167 2168 2169217021712172<div class="row my-5 ">2173 <h1 class="col-12 text-center mb-3 new-title">2174 Explorer les logements à louer par secteurs2175 </h1>2176 <div class="w-100 mb-4"><div class="diamond-separator"><div class="diamond-container"><div class="diamond"></div></div></div></div>2177 2178 <div class="col-md-12 left-align-slick">2179 <div class="centered--left multiple-items-slick-arrow--left"></div>2180 <div class="slick-carousel" data-items="4">2181 2182 <a 2183 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2184 data-borough="3"2185 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/799px-Beauport_QC.jpeg');"2186 href="/louer-appartement-quebec/?boroughs=3"2187 >2188 <div class="bottom--middle d-flex flex-column pb-3">2189 <p class="thumbnail-title text-white mb-1">Beauport</p>2190 <span class="text-white very-small-paragraph">2191 92192 Logements2193 </span>2194 </div>2195 <div class="tile-gradient rounded"></div>2196 </a>2197 2198 <a 2199 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2200 data-borough="8"2201 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg');"2202 href="/louer-appartement-quebec/?boroughs=8"2203 >2204 <div class="bottom--middle d-flex flex-column pb-3">2205 <p class="thumbnail-title text-white mb-1">Charlesbourg</p>2206 <span class="text-white very-small-paragraph">2207 62208 Logements2209 </span>2210 </div>2211 <div class="tile-gradient rounded"></div>2212 </a>2213 2214 <a 2215 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2216 data-borough="9"2217 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Ancienne_Lorette_church_1.jpg');"2218 href="/louer-appartement-quebec/?boroughs=9"2219 >2220 <div class="bottom--middle d-flex flex-column pb-3">2221 <p class="thumbnail-title text-white mb-1">L'Ancienne-Lorette</p>2222 <span class="text-white very-small-paragraph">2223 12224 Logement2225 </span>2226 </div>2227 <div class="tile-gradient rounded"></div>2228 </a>2229 2230 <a 2231 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2232 data-borough="10"2233 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/825-Lebourgneuf-3.jpg');"2234 href="/louer-appartement-quebec/?boroughs=10"2235 >2236 <div class="bottom--middle d-flex flex-column pb-3">2237 <p class="thumbnail-title text-white mb-1">Lebourgneuf</p>2238 <span class="text-white very-small-paragraph">2239 32240 Logements2241 </span>2242 </div>2243 <div class="tile-gradient rounded"></div>2244 </a>2245 2246 <a 2247 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2248 data-borough="4"2249 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG');"2250 href="/louer-appartement-quebec/?boroughs=4"2251 >2252 <div class="bottom--middle d-flex flex-column pb-3">2253 <p class="thumbnail-title text-white mb-1">Les Saules</p>2254 <span class="text-white very-small-paragraph">2255 92256 Logements2257 </span>2258 </div>2259 <div class="tile-gradient rounded"></div>2260 </a>2261 2262 <a 2263 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2264 data-borough="14"2265 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2266 href="/louer-appartement-quebec/?boroughs=14"2267 >2268 <div class="bottom--middle d-flex flex-column pb-3">2269 <p class="thumbnail-title text-white mb-1">Lévis</p>2270 <span class="text-white very-small-paragraph">2271 42272 Logements2273 </span>2274 </div>2275 <div class="tile-gradient rounded"></div>2276 </a>2277 2278 <a 2279 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2280 data-borough="1"2281 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo1web.jpg');"2282 href="/louer-appartement-quebec/?boroughs=1"2283 >2284 <div class="bottom--middle d-flex flex-column pb-3">2285 <p class="thumbnail-title text-white mb-1">Limoilou</p>2286 <span class="text-white very-small-paragraph">2287 32288 Logements2289 </span>2290 </div>2291 <div class="tile-gradient rounded"></div>2292 </a>2293 2294 <a 2295 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2296 data-borough="15"2297 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_62833718-00b7-11ee-b4cd-0aa8d57fe613.JPG');"2298 href="/louer-appartement-quebec/?boroughs=15"2299 >2300 <div class="bottom--middle d-flex flex-column pb-3">2301 <p class="thumbnail-title text-white mb-1">Loretteville</p>2302 <span class="text-white very-small-paragraph">2303 12304 Logement2305 </span>2306 </div>2307 <div class="tile-gradient rounded"></div>2308 </a>2309 2310 <a 2311 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2312 data-borough="6"2313 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/McDo-Neufchatel-LOrmiere-100319.jpg');"2314 href="/louer-appartement-quebec/?boroughs=6"2315 >2316 <div class="bottom--middle d-flex flex-column pb-3">2317 <p class="thumbnail-title text-white mb-1">Neufchatel</p>2318 <span class="text-white very-small-paragraph">2319 62320 Logements2321 </span>2322 </div>2323 <div class="tile-gradient rounded"></div>2324 </a>2325 2326 <a 2327 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2328 data-borough="12"2329 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/49d7b304030f13d829218118b51cfaa6.jpg_1200x630.jpg');"2330 href="/louer-appartement-quebec/?boroughs=12"2331 >2332 <div class="bottom--middle d-flex flex-column pb-3">2333 <p class="thumbnail-title text-white mb-1">Québec</p>2334 <span class="text-white very-small-paragraph">2335 22336 Logements2337 </span>2338 </div>2339 <div class="tile-gradient rounded"></div>2340 </a>2341 2342 <a 2343 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2344 data-borough="16"2345 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/00000000667_9c1dd4e2-00b7-11ee-b4cd-0aa8d57fe613.jpg');"2346 href="/louer-appartement-quebec/?boroughs=16"2347 >2348 <div class="bottom--middle d-flex flex-column pb-3">2349 <p class="thumbnail-title text-white mb-1">Saint-Augustin-de-Desmaures</p>2350 <span class="text-white very-small-paragraph">2351 102352 Logements2353 </span>2354 </div>2355 <div class="tile-gradient rounded"></div>2356 </a>2357 2358 <a 2359 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2360 data-borough="13"2361 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2362 href="/louer-appartement-quebec/?boroughs=13"2363 >2364 <div class="bottom--middle d-flex flex-column pb-3">2365 <p class="thumbnail-title text-white mb-1">St-Roch</p>2366 <span class="text-white very-small-paragraph">2367 12368 Logement2369 </span>2370 </div>2371 <div class="tile-gradient rounded"></div>2372 </a>2373 2374 <a 2375 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2376 data-borough="5"2377 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg');"2378 href="/louer-appartement-quebec/?boroughs=5"2379 >2380 <div class="bottom--middle d-flex flex-column pb-3">2381 <p class="thumbnail-title text-white mb-1">Ste-Foy</p>2382 <span class="text-white very-small-paragraph">2383 142384 Logements2385 </span>2386 </div>2387 <div class="tile-gradient rounded"></div>2388 </a>2389 2390 <a 2391 class="borough-filter hoverable d-flex mr-2 justify-content-center cursor-pointer home-tile-borough rounded position-relative"2392 data-borough="17"2393 style="background-image: url('https://gilm-site-vitrine-production.s3.amazonaws.com/media/');"2394 href="/louer-appartement-quebec/?boroughs=17"2395 >2396 <div class="bottom--middle d-flex flex-column pb-3">2397 <p class="thumbnail-title text-white mb-1">Val-Bélair</p>2398 <span class="text-white very-small-paragraph">2399 22400 Logements2401 </span>2402 </div>2403 <div class="tile-gradient rounded"></div>2404 </a>2405 2406 </div>2407 <div class="centered--right multiple-items-slick-arrow--right"></div>2408 </div>2409</div>241024112412 2413 2414241524162417 <div class="row mt-5 ">2418 <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2419 <div class="col-12 mb-3">2420 242124222423<div class="row">2424 2425 <a 2426 href="/logement/18"2427 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2428 data-type="3"2429 data-borough="3"2430 >2431 2432243324342435<script>2436 function displayNowAvailableBubble(buildingId) {2437 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2438 nowAvailableBubble.classList.remove("d-none");2439 }2440</script>24412442<div class="row">2443 2444 2445 2446 <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2447 2448 2449 2450 2451 <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2452 <p class="text-white m-0">En vedette</p>2453 </div>2454 2455 2456 <div class="col-6 apartment-col">2457 <div class="row">2458 <div class="col-12 pr-0">2459 2460 <img 2461 class="rounded-left apartment-image" 2462 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2463 alt="unit image"2464 width=100%2465 height=232px2466 />2467 2468 </div>2469 </div>2470 </div>2471 2472 2473 <div class="col-6 apartment-col">2474 <div class="row">2475 <div class="col-12 pl-0">2476 <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"2477 alt="unit image" width="100%" height="116px">2478 </div>2479 </div>2480 2481 <div class="row">2482 <div class="col-12 pl-0">2483 <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"2484 alt="unit image" width=100% height=116px>2485 </div>2486 </div>2487 2488 </div>2489 2490 2491 2492</div>24932494 2495249624972498<div class="row mt-4">2499 <div class="col-12">2500 <div class="card-body p-0 text-left">2501 <h5 class="apartment-borough">Appartements · Beauport</h5>2502 <p class="apartment-address mb-1">555, avenue du Fleuve</p>2503 2504 2505 <div class="row">2506 <div class="col-7">2507 <p class="apartment-infos mb-0">2508 2509 1½ à partir de 799$2510 2511 </p>2512 <p class="apartment-availability footnotes">2513 Libre immédiatement2514 </p>2515 </div>2516 <div class="col-5 text-right">2517 2518 2519 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2520 2521 2522 2523 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2524 2525 2526 2527 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2528 2529 2530 2531 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2532 2533 2534 2535 2536 2537 2538 2539 <p class="footnotes d-inline"> +2</p>2540 2541 </div>2542 </div>2543 2544 2545 2546 </div>2547 </div>2548</div>25492550 </a>2551 2552 <a 2553 href="/logement/160"2554 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2555 data-type="3"2556 data-borough="6"2557 >2558 2559256025612562<script>2563 function displayNowAvailableBubble(buildingId) {2564 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2565 nowAvailableBubble.classList.remove("d-none");2566 }2567</script>25682569<div class="row">2570 2571 2572 2573 <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2574 2575 2576 2577 2578 <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2579 <p class="text-white m-0">En vedette</p>2580 </div>2581 2582 2583 <div class="col-6 apartment-col">2584 <div class="row">2585 <div class="col-12 pr-0">2586 2587 <img 2588 class="rounded-left apartment-image" 2589 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2590 alt="unit image"2591 width=100%2592 height=232px2593 />2594 2595 </div>2596 </div>2597 </div>2598 2599 2600 <div class="col-6 apartment-col">2601 <div class="row">2602 <div class="col-12 pl-0">2603 <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"2604 alt="unit image" width="100%" height="116px">2605 </div>2606 </div>2607 2608 <div class="row">2609 <div class="col-12 pl-0">2610 <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"2611 alt="unit image" width=100% height=116px>2612 </div>2613 </div>2614 2615 </div>2616 2617 2618 2619</div>26202621 2622262326242625<div class="row mt-4">2626 <div class="col-12">2627 <div class="card-body p-0 text-left">2628 <h5 class="apartment-borough">Appartements · Neufchatel</h5>2629 <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2630 2631 2632 <div class="row">2633 <div class="col-7">2634 <p class="apartment-infos mb-0">2635 2636 4½ à partir de 1250$2637 2638 </p>2639 <p class="apartment-availability footnotes">2640 Libre immédiatement2641 </p>2642 </div>2643 <div class="col-5 text-right">2644 2645 2646 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" 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 <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>2655 2656 2657 2658 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2659 2660 2661 2662 </div>2663 </div>2664 2665 2666 2667 </div>2668 </div>2669</div>26702671 </a>2672 2673 <a 2674 href="/logement/312"2675 class="appartments card border-white col-sm-6 mb-4 col-md-6 "2676 data-type="3"2677 data-borough="10"2678 >2679 2680268126822683<script>2684 function displayNowAvailableBubble(buildingId) {2685 const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2686 nowAvailableBubble.classList.remove("d-none");2687 }2688</script>26892690<div class="row">2691 2692 2693 2694 <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2695 2696 2697 2698 2699 <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2700 <p class="text-white m-0">En vedette</p>2701 </div>2702 2703 2704 <div class="col-6 apartment-col">2705 <div class="row">2706 <div class="col-12 pr-0">2707 2708 <img 2709 class="rounded-left apartment-image" 2710 src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2711 alt="unit image"2712 width=100%2713 height=232px2714 />2715 2716 </div>2717 </div>2718 </div>2719 2720 2721 <div class="col-6 apartment-col">2722 <div class="row">2723 <div class="col-12 pl-0">2724 <img class="rounded-top-right pl-1 apartment-image pb-1" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_a99b01fe-5811-11f0-8a5b-0e9b4be91035.jpg"2725 alt="unit image" width="100%" height="116px">2726 </div>2727 </div>2728 2729 <div class="row">2730 <div class="col-12 pl-0">2731 <img class="rounded-bottom-right pl-1 apartment-image" src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/SALON_aa37903c-5811-11f0-8a5b-0e9b4be91035.jpg"2732 alt="unit image" width=100% height=116px>2733 </div>2734 </div>2735 2736 </div>2737 2738 2739 2740</div>27412742 2743274427452746<div class="row mt-4">2747 <div class="col-12">2748 <div class="card-body p-0 text-left">2749 <h5 class="apartment-borough">Appartements · Lebourgneuf</h5>2750 <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2751 2752 2753 <div class="row">2754 <div class="col-7">2755 <p class="apartment-infos mb-0">2756 2757 4½ à partir de 1595$2758 2759 </p>2760 <p class="apartment-availability footnotes">2761 octobre 20262762 </p>2763 </div>2764 <div class="col-5 text-right">2765 2766 2767 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2768 2769 2770 2771 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2772 2773 2774 2775 <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="Stationnement extérieur" height=18px width=18px>2776 2777 2778 2779 </div>2780 </div>2781 2782 2783 2784 </div>2785 </div>2786</div>27872788 </a>2789 2790</div>27912792 </div>2793 2794 </div>279527962797 2798 </div>2799 2800 <div class="col-md-6 pt-4">2801 28022803<script id="building-coordinates" type="application/json">[]</script>28042805<div id="map-container" class=" mb-2 mt-1">2806 <div id="interactive-map" style="height: 100%;" class="rounded">2807 </div>2808</div>28092810 </div>2811 2812 </div>2813 </div>2814 </div>2815</div>28162817 </main>2818 <footer>2819 282028212822<div class="footer row m-0 p-5 justify-content-center bg-black">2823 <div class="container m-0">2824 <div class="row mb-3">2825 <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2826 height="80px" class="footer-logo">2827 </div>2828 <div class="row">2829 <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2830 <p class="footer-title mb-2">Contactez-nous</p>2831 <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>2832 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2833 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2834 <span class="footer-phone">418 626-5500</span>2835 </a>2836 <a href="/cdn-cgi/l/email-protection#b4dddad2dbf4d8d5d2c6d5dad7d199d9d5c0dcddd1c19ad7dbd9" target="_blank" class="mb-3 d-flex align-items-center">2837 <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2838 <span><span class="__cf_email__" data-cfemail="345d5a525b7458555246555a5751195955405c5d51411a575b59">[email protected]</span></span>2839 </a>2840 <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2841 1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42842 </a>2843 <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2844 <div class="d-flex">2845 <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2846 <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2847 class="footer-social-icon mr-3" />2848 </a>2849 <a href="https://fr-ca.facebook.com/lafrance.mathieu">2850 <img src=/static/images/icons/facebook.svg alt="facebook icon"2851 class="footer-social-icon" />2852 </a>2853 </div>2854 </div>2855 <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">2856 <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2857 <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>2858 <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2859 <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2860 <span class="footer-phone">418-626-5500</span>2861 </a>2862 <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2863 <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2864 <span>Se connecter à l’Espace client</span>2865 </a>2866 <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2867 <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2868 <span>Se connecter à Sensaas</span>2869 </a>2870 </div>2871 <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2872 <ul class="navbar-nav">2873 2874 28752876<li class="nav-item ">2877 <a class="nav-link py-0 footer-main-navigation mb-3"2878 href="/">Accueil</a>2879 <hr class="my-1 border-gray-medium d-none">2880</li>288128822883 2884 28852886<li class="nav-item ">2887 <a class="nav-link py-0 footer-main-navigation mb-3"2888 href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2889 <hr class="my-1 border-gray-medium d-none">2890</li>289128922893 2894 28952896<li class="nav-item active ">2897 <a class="nav-link py-0 footer-main-navigation mb-3"2898 href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2899 <hr class="my-1 border-gray-medium d-none">2900</li>290129022903 2904 29052906<li class="nav-item ">2907 <a class="nav-link py-0 footer-main-navigation mb-3"2908 href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2909 <hr class="my-1 border-gray-medium d-none">2910</li>291129122913 2914 29152916<li class="nav-item ">2917 <a class="nav-link py-0 footer-main-navigation mb-3"2918 href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2919 <hr class="my-1 border-gray-medium d-none">2920</li>292129222923 2924 29252926<li class="nav-item ">2927 <a class="nav-link py-0 footer-main-navigation mb-3"2928 href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2929 <hr class="my-1 border-gray-medium d-none">2930</li>293129322933 2934 </ul>2935 </div>2936 <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2937 <ul class="navbar-nav">2938 2939 29402941<li class="nav-item ">2942 <a class="nav-link py-0 footer-main-navigation mb-3"2943 href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2944 <hr class="my-1 border-gray-medium d-none">2945</li>294629472948 2949 29502951<li class="nav-item ">2952 <a class="nav-link py-0 footer-main-navigation mb-3"2953 href="/blog">Blogue</a>2954 <hr class="my-1 border-gray-medium d-none">2955</li>295629572958 2959 29602961<li class="nav-item ">2962 <a class="nav-link py-0 footer-main-navigation mb-3"2963 href="/faire-carriere/">Carrières</a>2964 <hr class="my-1 border-gray-medium d-none">2965</li>296629672968 2969 </ul>2970 </div>2971 </div>2972 </div>2973</div>29742975297629772978<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">2979 <div class="d-flex justify-content-center">2980 <ul class="list-inline mb-1">2981 2982 <li class="list-inline-item">2983 <a href=/conditions-utilisation>2984 Conditions d'utilisation2985 </a>2986 </li>2987 2988 2989 <li class="list-inline-item">2990 <a href=/politique-confidentialite>2991 Politique de confidentialité2992 </a>2993 </li>2994 2995 2996 <li class="list-inline-item">2997 <a href=/protection-renseignements-personnels>2998 Protection des renseignements personnels2999 </a>3000 </li>3001 3002 3003 <li class="list-inline-item">3004 <a href=/temoins-navigation>3005 Gérer vos témoins de navigation3006 </a>3007 </li>3008 3009 </ul>3010 </div>3011 <div class="d-flex justify-content-center">3012 <p class="">© Gestion immobilière Lafrance & Mathieu</p>3013 </div>3014</div>30153016 </footer>3017 30183019<!-- Cookie Banner -->3020<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">3021 <div class="gilm-cookie-banner-container">3022 <div class="gilm-cookie-banner-text">3023 <p>3024 Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos3025 sites3026 Web3027 ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de3028 témoins,3029 comme l’explique notre <a href=/protection-renseignements-personnels> protection des3030 renseignements personnels</a>. Si vous n'êtes pas à l'aise avec3031 l'utilisation3032 de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.3033 </p>3034 <p class="d-sm-none">3035 <a href=/temoins-navigation>3036 Gérer vos témoins de navigation3037 </a>3038 <br/>3039 <a href=/politique-confidentialite>3040 Politique de confidentialité3041 </a>3042 <br/>3043 <a href=/conditions-utilisation>3044 Conditions d'utilisation3045 </a>3046 </p>3047 <p class="d-none d-sm-block">3048 <a href=/temoins-navigation>3049 Gérer vos témoins de navigation3050 </a>3051 -3052 <a href=/politique-confidentialite>3053 Politique de confidentialité3054 </a>3055 -3056 <a href=/conditions-utilisation>3057 Conditions d'utilisation3058 </a>3059 </p>3060 </div>3061 <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"3062 onclick="window.gilm_hideCookieBanner()">3063 <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>3064 </button>3065 </div>3066</div>3067<!-- End of Cookie Banner -->3068 </div>3069 <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">3070 </script>3071 <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">3072 </script>3073 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>3074 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">3075 </script>3076 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">3077 </script>3078 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">3079 </script>3080 <script type="text/javascript" src="/static/js/carousel.js">3081 </script>3082 <script type="text/javascript" src="/static/js/cookie_banner.js">3083 </script>3084 <script id="search-script" type="text/javascript" src="/static/js/search.js">3085 </script>3086 <script type="text/javascript" src="/static/js/jssocials.min.js">3087 </script>3088 <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">3089 </script>3090 <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">3091 </script>3092 <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">3093 </script>3094 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3095 <script>3096 window.dataLayer = window.dataLayer || [];30973098 function gtag() {3099 dataLayer.push(arguments);3100 }3101 gtag('js', new Date());3102 gtag('config', 'UA-20687227-3');3103 </script>3104 3105<script type="text/javascript" src="/static/js/leaflet.js">3106</script>31073108 3109 </body>31103111 </html>3112