SPB Git

spb/lou-ka Public

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

HTML 99.7%
100.6 KB · 2,836 lines html
Raw Blame History
12345    <!DOCTYPE html>6    <html lang="fr" class="building-detail">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="/logement/76" />24<meta name="title" content="Logement a louer - 6570, rue de Pertuis">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>6570, rue de Pertuis - Lafrance & Mathieu</title>30<script src="https://www.google.com/recaptcha/api.js?hl=fr" async defer></script>3132        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">33        <meta name="language" content="French">34        <link rel="icon" type="image/ico" href="/static/images/favicon.ico" />35        3637        <!-- Google Tag Manager -->38            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':39            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],40            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=41            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);42            })(window,document,'script','dataLayer','GTM-T675TG3');</script>43        <!-- End Google Tag Manager -->44    </head>4546    <body>47        <!-- Google Tag Manager (noscript) -->48            <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-T675TG349            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>50        <!-- End Google Tag Manager (noscript) -->51        52        <div class="main-container">53            <header id="gilm-header" class>54                55565758<nav class="nav desktop-nav">59    <div class="desktop-nav-top">60        <a class="desktop-nav-top-link" href="/faire-carriere/">61            <p>Carrières</p>62        </a>63        64        <a class="desktop-nav-top-link" href="/blog">65            <p>Lafrance et Mathieu: Blogue</p>66        </a>67        68        <a class="desktop-nav-top-link" href="https://espace-client.lafrance-mathieu.com" target="_blank">69            <p class="text-primary">Connexion</p>70        </a>71    </div>72    <div class="desktop-nav-bottom ">73        <ul class="desktop-nav-bottom-content left">74            75            76            7778798081<li82    class="nav-item dropdown  "83    href="#"84>85    <a86        class="nav-link py-0 dropdown-toggle header-main-navigation"87        href="#"88        id="navbardrop"89        data-toggle="dropdown"90    >91        Services de gestion <br class='nav-item-translation'>immobilière92        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">93    <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"/>94</svg>9596    </a>97    <ul98        class="dropdown-menu dark dropdown-submenu"99    >100            101            102            <li class="nav-item">103                <a104                    class="dropdown-item header-main-navigation text-wrap "105                    href="/services-de-gestion-immobiliere"106                >107                    Présentation de nos services108                </a>109            </li>110            111            112            113            <li class="nav-item">114                <a115                    class="dropdown-item header-main-navigation text-wrap "116                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"117                >118                    Gestion d’immeubles en copropriété119                </a>120            </li>121            122            123            124            <li class="nav-item">125                <a126                    class="dropdown-item header-main-navigation text-wrap "127                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"128                >129                    Gestion immobilière d&#x27;appartements en location130                </a>131            </li>132            133            134            135            <li class="nav-item">136                <a137                    class="dropdown-item header-main-navigation text-wrap "138                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"139                >140                    Gestion immobilière commerciale141                </a>142            </li>143            144            145            146            <li class="nav-item">147                <a148                    class="dropdown-item header-main-navigation text-wrap "149                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"150                >151                    Service de courtage immobilier152                </a>153            </li>154            155            156            157            <li class="nav-item">158                <a159                    class="dropdown-item header-main-navigation text-wrap "160                    href="/services-de-gestion-immobiliere/gilm-renovation"161                >162                    GILM Rénovation163                </a>164            </li>165            166            167    </ul>168    <hr class="my-1 border-gray-medium d-none">169</li>170171172173            174            175            176            177178<li class="nav-item  ">179    <a class="nav-link py-0 header-main-navigation"180        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>181    <hr class="my-1 border-gray-medium d-none">182</li>183184185            186            187            188            189190<li class="nav-item  ">191    <a class="nav-link py-0 header-main-navigation"192        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>193    <hr class="my-1 border-gray-medium d-none">194</li>195196197            198            199        </ul>200            201        <ul class="desktop-nav-bottom-content">202            <li class="desktop-nav-logo">203                <a href="/">204                    <img src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" class="desktop-nav-logo-horizontal " />205                    <img src="/static/images/logos/sansfond_vertical_blanc.png" alt="L&M Logo" class="desktop-nav-logo-vertical d-none" />206                </a>207            </li>208        </ul>209210        <ul class="desktop-nav-bottom-content right">211            212            213            214215<li class="nav-item  order-5">216    <a class="nav-link py-0 header-main-navigation"217        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>218    <hr class="my-1 border-gray-medium d-none">219</li>220221222            223            224            225            226227228229230<li231    class="nav-item dropdown  order-6"232    href="#"233>234    <a235        class="nav-link py-0 dropdown-toggle header-main-navigation"236        href="#"237        id="navbardrop"238        data-toggle="dropdown"239    >240        À propos de <br class='nav-item-translation'>Lafrance & Mathieu241        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">242    <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"/>243</svg>244245    </a>246    <ul247        class="dropdown-menu dark dropdown-submenu"248    >249            250            251            <li class="nav-item">252                <a253                    class="dropdown-item header-main-navigation text-wrap "254                    href="/qui-sommes-nous/?tab=1"255                >256                    Qui sommes-nous257                </a>258            </li>259            260            261            262            <li class="nav-item">263                <a264                    class="dropdown-item header-main-navigation text-wrap "265                    href="/qui-sommes-nous/?tab=2"266                >267                    Mission et valeurs268                </a>269            </li>270            271            272            273            <li class="nav-item">274                <a275                    class="dropdown-item header-main-navigation text-wrap "276                    href="/qui-sommes-nous/?tab=3"277                >278                    Équipe de direction279                </a>280            </li>281            282            283    </ul>284    <hr class="my-1 border-gray-medium d-none">285</li>286287288289            290            291            292            293294<li class="nav-item  order-7">295    <a class="nav-link py-0 header-main-navigation"296        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>297    <hr class="my-1 border-gray-medium d-none">298</li>299300301            302            303        </ul>304    </div>305</nav>306<nav class="nav mobile-nav">307    <div class="nav-bottom nav-d-none order-2" id="navbarSupportedContent">308        <ul class="nav-main-links">309            310            311            312313<li class="nav-item  ">314    <a class="nav-link py-0 header-main-navigation"315        href="/">Accueil</a>316    <hr class="my-1 border-gray-medium d-none">317</li>318319320            321            322            323            324325326327328<li329    class="nav-item dropdown  "330    href="#"331>332    <a333        class="nav-link py-0 dropdown-toggle header-main-navigation"334        href="#"335        id="navbardrop"336        data-toggle="dropdown"337    >338        Services de gestion <br class='nav-item-translation'>immobilière339        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">340    <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"/>341</svg>342343    </a>344    <ul345        class="dropdown-menu bg-gray-blue dropdown-submenu"346    >347            348            349            <li class="nav-item">350                <a351                    class="dropdown-item header-main-navigation text-wrap "352                    href="/services-de-gestion-immobiliere"353                >354                    Présentation de nos services355                </a>356            </li>357            358            359            360            <li class="nav-item">361                <a362                    class="dropdown-item header-main-navigation text-wrap "363                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"364                >365                    Gestion d’immeubles en copropriété366                </a>367            </li>368            369            370            371            <li class="nav-item">372                <a373                    class="dropdown-item header-main-navigation text-wrap "374                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"375                >376                    Gestion immobilière d&#x27;appartements en location377                </a>378            </li>379            380            381            382            <li class="nav-item">383                <a384                    class="dropdown-item header-main-navigation text-wrap "385                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"386                >387                    Gestion immobilière commerciale388                </a>389            </li>390            391            392            393            <li class="nav-item">394                <a395                    class="dropdown-item header-main-navigation text-wrap "396                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"397                >398                    Service de courtage immobilier399                </a>400            </li>401            402            403            404            <li class="nav-item">405                <a406                    class="dropdown-item header-main-navigation text-wrap "407                    href="/services-de-gestion-immobiliere/gilm-renovation"408                >409                    GILM Rénovation410                </a>411            </li>412            413            414    </ul>415    <hr class="my-1 border-gray-medium d-none">416</li>417418419420            421            422            423            424425<li class="nav-item  ">426    <a class="nav-link py-0 header-main-navigation"427        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>428    <hr class="my-1 border-gray-medium d-none">429</li>430431432            433            434            435            436437<li class="nav-item  ">438    <a class="nav-link py-0 header-main-navigation"439        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>440    <hr class="my-1 border-gray-medium d-none">441</li>442443444            445            446            447            448449<li class="nav-item  ">450    <a class="nav-link py-0 header-main-navigation"451        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>452    <hr class="my-1 border-gray-medium d-none">453</li>454455456            457            458            459            460461462463464<li465    class="nav-item dropdown  "466    href="#"467>468    <a469        class="nav-link py-0 dropdown-toggle header-main-navigation"470        href="#"471        id="navbardrop"472        data-toggle="dropdown"473    >474        À propos de <br class='nav-item-translation'>Lafrance & Mathieu475        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">476    <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"/>477</svg>478479    </a>480    <ul481        class="dropdown-menu bg-gray-blue dropdown-submenu"482    >483            484            485            <li class="nav-item">486                <a487                    class="dropdown-item header-main-navigation text-wrap "488                    href="/qui-sommes-nous/?tab=1"489                >490                    Qui sommes-nous491                </a>492            </li>493            494            495            496            <li class="nav-item">497                <a498                    class="dropdown-item header-main-navigation text-wrap "499                    href="/qui-sommes-nous/?tab=2"500                >501                    Mission et valeurs502                </a>503            </li>504            505            506            507            <li class="nav-item">508                <a509                    class="dropdown-item header-main-navigation text-wrap "510                    href="/qui-sommes-nous/?tab=3"511                >512                    Équipe de direction513                </a>514            </li>515            516            517    </ul>518    <hr class="my-1 border-gray-medium d-none">519</li>520521522523            524            525        </ul>526        <ul class="nav-quick-links mobile d-flex d-lg-none">527            528            529<div class="nav-item">530    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>531</div>532533534            535            536<div class="nav-item">537    <a class="header-secondary-navigation" href="/blog">Blogue</a>538</div>539540541            542            543<div class="nav-item">544    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>545</div>546547548            549            <li class="nav-item nav-client-space">550                551552<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>553            </li>554        </ul>555        <div class="w-100 my-3 d-flex d-lg-none flex-wrap">556            <div class="mb-4 p-0 pr-4 d-flex flex-column">557                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">558                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />559                    <span class="text-gray-light">418 626-5500</span>560                </a>561                <a href="/cdn-cgi/l/email-protection#94fdfaf2fbd4f8f5f2e6f5faf7f1b9f9f5e0fcfdf1e1baf7fbf9" target="_blank" class="mb-3 d-flex align-items-center">562                    <img src=/static/images/icons/call.svg alt="email icon" class="footer-icon mr-2" />563                    <span><span class="__cf_email__" data-cfemail="84edeae2ebc4e8e5e2f6e5eae7e1a9e9e5f0ecede1f1aae7ebe9">[email&#160;protected]</span></span>564                </a>565                <p class="footer-text text-uppercase text-white text-bold">Suivez-nous sur les réseaux</p>566                <div class="d-flex">567                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">568                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"569                            class="footer-social-icon mr-3" />570                    </a>571                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">572                        <img src=/static/images/icons/facebook.svg alt="facebook icon"573                            class="footer-social-icon" />574                    </a>575                </div>576            </div>577            <div class="mb-4 mb-md-0 p-0 pl-sm-4 px-md-4 d-flex flex-column">578                <p class="footer-text text-uppercase text-white text-bold">Soutien aux résidents (24/7)</p>579                <a href="tel:14186265500" class="mb-2 d-flex align-items-center">580                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-2" />581                    <span class="text-gray-light">418 626-5500</span>582                </a>583            </div>584        </div>585    </div>586    <div class="nav-top order-1">587        <ul class="nav-main-links nav-main-links-top">588            589            590            591592<li class="nav-item  ">593    <a class="nav-link py-0 header-main-navigation"594        href="/">Accueil</a>595    <hr class="my-1 border-gray-medium d-none">596</li>597598599            600            601            602            603604605606607<li608    class="nav-item dropdown  "609    href="#"610>611    <a612        class="nav-link py-0 dropdown-toggle header-main-navigation"613        href="#"614        id="navbardrop"615        data-toggle="dropdown"616    >617        Services de gestion <br class='nav-item-translation'>immobilière618        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">619    <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"/>620</svg>621622    </a>623    <ul624        class="dropdown-menu bg-gray-blue dropdown-submenu"625    >626            627            628            <li class="nav-item">629                <a630                    class="dropdown-item header-main-navigation text-wrap "631                    href="/services-de-gestion-immobiliere"632                >633                    Présentation de nos services634                </a>635            </li>636            637            638            639            <li class="nav-item">640                <a641                    class="dropdown-item header-main-navigation text-wrap "642                    href="/services-de-gestion-immobiliere/gestion-coproprietes-quebec"643                >644                    Gestion d’immeubles en copropriété645                </a>646            </li>647            648            649            650            <li class="nav-item">651                <a652                    class="dropdown-item header-main-navigation text-wrap "653                    href="/services-de-gestion-immobiliere/gestion-immeubles-logements"654                >655                    Gestion immobilière d&#x27;appartements en location656                </a>657            </li>658            659            660            661            <li class="nav-item">662                <a663                    class="dropdown-item header-main-navigation text-wrap "664                    href="/services-de-gestion-immobiliere/gestion-immeubles-bureaux-commercial"665                >666                    Gestion immobilière commerciale667                </a>668            </li>669            670            671            672            <li class="nav-item">673                <a674                    class="dropdown-item header-main-navigation text-wrap "675                    href="/services-de-gestion-immobiliere/courtage-immobilier-residentiel-locatif-commercial"676                >677                    Service de courtage immobilier678                </a>679            </li>680            681            682            683            <li class="nav-item">684                <a685                    class="dropdown-item header-main-navigation text-wrap "686                    href="/services-de-gestion-immobiliere/gilm-renovation"687                >688                    GILM Rénovation689                </a>690            </li>691            692            693    </ul>694    <hr class="my-1 border-gray-medium d-none">695</li>696697698699            700            701            702            703704<li class="nav-item  ">705    <a class="nav-link py-0 header-main-navigation"706        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>707    <hr class="my-1 border-gray-medium d-none">708</li>709710711            712            713            714            715716<li class="nav-item  ">717    <a class="nav-link py-0 header-main-navigation"718        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>719    <hr class="my-1 border-gray-medium d-none">720</li>721722723            724            725            726            727728<li class="nav-item  ">729    <a class="nav-link py-0 header-main-navigation"730        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>731    <hr class="my-1 border-gray-medium d-none">732</li>733734735            736            737            738            739740741742743<li744    class="nav-item dropdown  "745    href="#"746>747    <a748        class="nav-link py-0 dropdown-toggle header-main-navigation"749        href="#"750        id="navbardrop"751        data-toggle="dropdown"752    >753        À propos de <br class='nav-item-translation'>Lafrance & Mathieu754        <svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6">755    <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"/>756</svg>757758    </a>759    <ul760        class="dropdown-menu bg-gray-blue dropdown-submenu"761    >762            763            764            <li class="nav-item">765                <a766                    class="dropdown-item header-main-navigation text-wrap "767                    href="/qui-sommes-nous/?tab=1"768                >769                    Qui sommes-nous770                </a>771            </li>772            773            774            775            <li class="nav-item">776                <a777                    class="dropdown-item header-main-navigation text-wrap "778                    href="/qui-sommes-nous/?tab=2"779                >780                    Mission et valeurs781                </a>782            </li>783            784            785            786            <li class="nav-item">787                <a788                    class="dropdown-item header-main-navigation text-wrap "789                    href="/qui-sommes-nous/?tab=3"790                >791                    Équipe de direction792                </a>793            </li>794            795            796    </ul>797    <hr class="my-1 border-gray-medium d-none">798</li>799800801802            803            804        </ul>805        <button class="nav-toggle d-block d-lg-none" type="button" onclick="toggleMenu();">806            <img class="nav-toggle-icon icon-top d-none" src="/static/images/menu.svg" alt="menu">807            <img class="nav-toggle-icon icon-sticky" src="/static/images/menu-dark.svg" alt="menu">808        </button>809        <ul class="nav-quick-links">810            811            812<div class="nav-item">813    <a class="header-secondary-navigation" href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>814</div>815816817            818            819<div class="nav-item">820    <a class="header-secondary-navigation" href="/blog">Blogue</a>821</div>822823824            825            826<div class="nav-item">827    <a class="header-secondary-navigation" href="/faire-carriere/">Carrières</a>828</div>829830831            832            <li class="nav-item nav-client-space">833                834835<a class="btn btn-primary header-button-navigation text-white" href="https://espace-client.lafrance-mathieu.com">Connexion à l’Espace client</a>836            </li>837        </ul>838        <a class="nav-logo-link" href="/">839            <img id="logo-white" class="nav-logo-img icon-top d-none" src="/static/images/logos/sansfond_horizontal_blanc.png"840                alt="L&M Logo">841            <img id="logo-dark" class="nav-logo-img icon-sticky" src="/static/images/logos/sansfond_horizontal_noir.png"842                alt="L&M Logo">843        </a>844    </div>845    846    847    848    849    850    851    852    853</nav>854855<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>856    function toggleMenu() {857        scrollPosition = window.scrollY;858859        const menu = document.getElementById("navbarSupportedContent");860        menu.classList.toggle("nav-d-none");861        862        const mobileTabs = document.getElementsByClassName("mobile-tabs")[0];863        if (mobileTabs && mobileTabs.classList) {864            mobileTabs.classList.toggle("d-none");865        }866867        if (!menu.classList.contains("nav-d-none")) {868            makeHeaderDark();869        } else {870            makeHeaderClear();871        }872    }873874    window.addEventListener('touchmove', function (_e) {875        onScroll();876    });877    window.addEventListener('scroll', function (_e) {878        onScroll();879    });880881    function makeHeaderDark() {882        const header = document.getElementById("gilm-header");883        if (!header.classList.contains("top")) header.classList.add("top");884885        const lightIcons = document.getElementsByClassName("icon-top");886        const darkIcons = document.getElementsByClassName("icon-sticky");887        for (icon of lightIcons) {888            icon.classList.contains("d-none") && icon.classList.remove("d-none");889        }890        for (icon of darkIcons) {891            !icon.classList.contains("d-none") && icon.classList.add("d-none");892        }893    }894895    function makeHeaderClear() {896        const header = document.getElementById("gilm-header");897        if (header.classList.contains("top")) header.classList.remove("top");898899        const lightIcons = document.getElementsByClassName("icon-top");900        const darkIcons = document.getElementsByClassName("icon-sticky");901        for (icon of lightIcons) {902            !icon.classList.contains("d-none") && icon.classList.add("d-none");903        }904        for (icon of darkIcons) {905            icon.classList.contains("d-none") && icon.classList.remove("d-none");906        }907    }908    909    function onScroll() {910        911    }912</script>913914            </header>915            <main class="overflow-y-hidden  ">916                917918<div class="container">919    <nav class="mb-4 pt-4" aria-label="breadcrumb">920        <a class="breadcrumb-primary" href="/">Accueil</a>921        <a class="breadcrumb-primary" href="/louer-appartement-quebec/">Logements à louer</a>922    </nav>923    924925926927<div class="row">928    <div class="col-md-10">929        <p class="text-gray-light">Appartements &middot; Les Saules</p>930        <h2 id="building-address-1">6570, rue de Pertuis</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G2C1E5935        </p>936    </div>937    <div class="col-md-2 col-sm-12 d-flex align-items-end flex-row-reverse pb-3">938        939        940        941        942        <button943    class="btn text-primary "944    data-toggle="modal"945    data-target="#modal-share"946    onclick="configureShareWidget(`Logements à louer - 6570, rue de Pertuis`, `https://lafrance-mathieu.com/logement/76`)">947    <i class="fas fa-share-square mr-1"></i>948    <span>Partager</span>949</button>950951        952        953    </div>954</div>955<div class="row">956    <div class="col-lg-8 d-none d-md-block">957        958        959960<div class="building-slideshow">961    <div class="slider slider-for">962        963        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD066_3d96aa80-a669-11ea-8d3f-1275881fc0b8.jpg" alt="facade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD049_5318921e-a66a-11ea-b282-1275881fc0b8.jpg" alt="Façade2">966        967    </div>968    <div class="slider slider-nav mt-2">969        970        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD066_3d96aa80-a669-11ea-8d3f-1275881fc0b8.jpg" alt="facade">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD049_5318921e-a66a-11ea-b282-1275881fc0b8.jpg" alt="Façade2">973        974    </div>975</div>976977        978    </div>979    <div class="col-lg-8 d-block d-md-none">980        981        982983984985<div class="">986    <div class="single-item-arrow--left ml-3"></div>987    <div class="single-item">988        989            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD066_3d96aa80-a669-11ea-8d3f-1275881fc0b8.jpg" alt="facade" style="object-fit: cover" height="auto">990        991            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD049_5318921e-a66a-11ea-b282-1275881fc0b8.jpg" alt="Façade2" style="object-fit: cover" height="auto">992        993    </div>994    <div class="single-item-arrow--right mr-3"></div>995</div>996997        998    </div>999    1000    <div class="col-12 col-lg-4 order-lg-2">1001        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1002            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1003            1004100510061007<div class="inquire-step-1 container p-0 mb-5 position-relative">1008    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1009    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1010    <p>418-626-3070</p>1011    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bfd3d0dcdecbd6d0d1ffd3ded9cdded1dcda92d2decbd7d6daca91dcd0d2">[email&#160;protected]</a></p>1012    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1013    <p class="text-gray-light">Intéressé par ces unités</p>10141015    <div class="d-inline-flex flex-wrap">1016        1017        1018        <button1019            class="inquire-room btn btn-normal mb-3"1020            data-unit_room="4½"1021            data-toggle="button"1022        >10231024        </button>1025        1026        1027    </div>10281029    <div class="dropdown mb-4">1030        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1031            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1032            <p class="inquire-units-label-title text-uppercase mb-0">1033                Unité(s) spécifique(s)1034            </p>1035            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1036                Aucune choisie1037            </p>1038            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1039        </div>1040        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1041            1042            1043            <button class="inquire-units-choice dropdown-item" data-unit="8"1044                data-unit_room="4½">1045                81046            </button>1047            1048            1049        </div>1050    </div>105110521053    <p class="text-gray-light">Date de déménagement prévue</p>1054    <div id="inquire-datepicker" class="input-group date mt-1">1055        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1056        <div class="input-group-addon">1057            <span class="glyphicon glyphicon-th"></span>1058        </div>1059    </div>1060</div>10611062<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1063    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1064    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1065    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1066    <form id="inquire-form">1067        <div class="form-group">1068            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1069                placeholder="Prénom"></input>1070        </div>1071        <div class="form-group">1072            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1073                placeholder="Nom de famille"></input>1074        </div>1075        <div class="form-group">1076            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1077                <option id="email" value="email" selected>Courriel</option>1078                <option id="phone" value="phone">Téléphone</option>1079            </select>1080        </div>1081        <div id="inquireForm-contact-email" class="form-group">1082            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1083                placeholder="Adresse courriel"></input>1084        </div>1085        <div id="inquireForm-contact-phone" class="form-group d-none">1086            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1087                placeholder="Numéro de téléphone"></input>1088        </div>1089        <div class="form-group">1090            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1091                placeholder="Questions ou notes"></textarea>1092        </div>1093        <div id="g-recaptcha-error"></div>1094        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1095    </form>1096</div>10971098<div class="inquire-step-3 d-none position-relative">1099    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1100    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1101        height="66px">1102    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1103    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1104</div>11051106<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1107    Continuer1108</button>1109<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1110    Soumettre1111</button>1112<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1113    var recaptcha_response = '';1114    window.isCondo = "False" == "True";1115    document.getElementById("inquire-datepicker-input").value = "";1116    1117    function scrollToTopOfForm() {1118        const top = document.getElementById("inquire-step-1");1119        top.scrollIntoView();1120    }1121    function submitForm() {1122        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1123            onContinue2Click('LqArvmdII6kAnskondgxwkjkafr4gPZHn9S8NaJjokz6cLwpzoPRSH88XlNPLQh4');1124            const confirmation = document.getElementById("inquire-confirmation");1125            confirmation.scrollIntoView();1126        }1127        else {1128            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1129        }1130    }11311132    function verifyCaptcha(token) {1133        recaptcha_response = token;1134        document.getElementById('g-recaptcha-error').innerHTML = '';1135    }1136</script>11371138        </div>1139    </div>1140    1141</div>11421143<div class="row mt-4">1144    <div class="col-md-8">1145        <h2 class="convenience-header">Commodités de l'immeuble</h2>1146        <div class="row mb-4">1147            <div class="col-md-12">1148                1149115011511152    1153    <ul class="list-unstyled d-flex flex-wrap mb-1">1154        1155            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1156                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1157                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1158            </li>1159        1160            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1161                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1162                <p class="attribute-description mb-0">Service de buanderie</p>1163            </li>1164        1165            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1166                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1167                <p class="attribute-description mb-0">Stationnement</p>1168            </li>1169        1170            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1171                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1172                <p class="attribute-description mb-0">Piscine</p>1173            </li>1174        1175            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1176                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1177                <p class="attribute-description mb-0">Grand espace gazonné</p>1178            </li>1179        1180    </ul>118111821183            </div>1184        </div>1185    </div>1186</div>118711881189</div>119011911192119311941195<script>1196function scrollToId(unitRoomId) {1197    removeAllActive();11981199    const scrollOptions = {1200        behavior: "smooth",1201        block: "start"1202    };12031204    const defaultFilter = document.getElementById("unit-room-filter-all");1205    if (unitRoomId === "all") {1206        defaultFilter.classList.add("active");1207        defaultFilter.scrollIntoView(scrollOptions);1208    } else {1209        const element = document.getElementById(`unit-room-${unitRoomId}`);1210        if (!!element) {1211            element.scrollIntoView(scrollOptions);1212            const defaultFilter = document.getElementById("unit-room-filter-all");1213            defaultFilter.classList.remove("active");1214            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1215            filter.classList.add("active");12161217        }1218    }1219}12201221function removeAllActive() {1222    const elements = document.getElementsByClassName("unit-room-filter");1223    for (element of elements) element.classList.remove("active");1224}1225</script>12261227<div class="container">1228    <div class="row mt-5">1229        <div class="col-md-12">1230            <h2 id="anchor-units" class="mb-3">Unités</h2>1231            1232            <ul class="list-inline mb-0 position-relative">1233                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1234                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1235                        <span>Toutes</span>1236                    </button>1237                </li>1238                1239                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-179">1240                    <button onclick="scrollToId('179');" class="unit-room-filter-button btn btn-no-outline">1241                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1242                    </button>1243                </li>1244                1245            </ul>1246            1247        </div>1248    </div>1249</div>1250<div class="bg-background-gray pb-3">1251    <div class="container">1252        <div class="row">1253            <div class="col-12 p-0">1254                1255                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1256                    <div style="position: absolute; top: -134px;" id="unit-room-179"></div>1257                    <div id="modal-details-179" class="modal">1258                        125912601261<div class="container mt-5">1262    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1263        12641265<div class="row">1266    <div class="col-9">1267    <h2>1268        1269            4½ from $1250 to $12501270        1271    </h2>1272    </div>1273    <div class="col-3 text-right">1274        <button class="btn-close" data-toggle="modal" data-target="#modal-details-179"></button>1275    </div>1276</div>1277<div class="row">1278    <div class="col-9">1279        12801281<p class="">1282    1 1283    <span class="text-lowercase">1284        1285            unité1286        1287    </span>1288</p>1289    </div>1290    <div class="col-3 text-right">1291        1292    </div>1293</div>1294<div class="row">1295    <div class="col-12" id="unit-modal-carousel-179">1296        12971298<div class="unit-detail-carousel">1299    <div class="slider slider-for">1300        1301        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_2_290037b0-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine">1302        1303        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_29224242-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine2">1304        1305        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_29366060-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre">1306        1307        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_294501ec-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="sb">1308        1309        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_296d3608-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="corridor">1310        1311        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_29872126-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre">1312        1313    </div>1314    <div class="slider slider-nav mt-2">1315        1316        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_2_290037b0-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine">1317        1318        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_29224242-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine2">1319        1320        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_29366060-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre">1321        1322        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_294501ec-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="sb">1323        1324        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_296d3608-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="corridor">1325        1326        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_29872126-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre">1327        1328    </div>1329</div>13301331    </div>1332</div>1333<div class="row mt-3">1334    <div class="col-12 unit-commodities">1335        1336        1337133813391340    1341        <p class="small-header pb-1">1342            Commodités de l'unité1343        </p>1344    1345    <ul class="list-unstyled d-flex flex-wrap mb-1">1346        1347            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1348                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1349                <p class="attribute-description mb-0">Électricité</p>1350            </li>1351        1352            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1353                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1354                <p class="attribute-description mb-0">Eau Chaude</p>1355            </li>1356        1357            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1358                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1359                <p class="attribute-description mb-0">Chauffage</p>1360            </li>1361        1362            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1363                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1364                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1365            </li>1366        1367            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1368                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1369                <p class="attribute-description mb-0">Stationnement extérieur</p>1370            </li>1371        1372    </ul>137313741375    </div>1376</div>1377<div class="row mt-3">1378    <div class="col-12 unit-characteristics">1379        1380        13811382138313841385    </div>1386</div>138713881389        <div class="units-detail mt-5">1390            <h2>Unités</h2>1391            1392139313941395<div class="row" id="units-for-unit-room-179">1396    1397    1398    <div class="col-12 h-100  ">1399        <div class="h-100 border-bottom">1400            <div class="row mt-3">1401                <div class="col-sm-6 col-md-4">1402                    <p class="small-header">unité</p>1403                    <p>1404                        81405                        1406                        <span>&middot; 3e étage</span>1407                        1408                    </p>1409                </div>1410                <div class="col-sm-6 col-md-4">1411                    <p class="small-header">Disponibilité</p>1412                    <p class="text-primary">1413                        Libre immédiatement1414                    </p>1415                </div>1416                <div class="col-sm-6 col-md-4">1417                    <p class="small-header">À partir de</p>1418                    <p>1250,00$</p>1419                </div>1420                1421            </div>1422            <div class="row">1423            </div>1424            1425        </div>1426    </div>1427    1428    1429</div>14301431        </div>1432        1433    </div>1434</div>1435                    </div>1436                    <div class="row">1437                        <div class="col-6">1438                            <h4>1439                                1440                                4½ à partir de 1250,00$1441                            1442                            </h4>1443                        </div>1444                        <div class="col-6 d-flex justify-content-end">1445                            1446                            1447                            1448                            <button1449    class="btn text-primary share-button-small"1450    data-toggle="modal"1451    data-target="#modal-share"1452    onclick="configureShareWidget(`4½ à louer - 6570, rue de Pertuis`, `https://lafrance-mathieu.com/logement/76`)">1453    <i class="fas fa-share-square mr-1"></i>1454    <span>Partager</span>1455</button>14561457                            1458                        </div>1459                    </div>1460                    <div class="row">1461                        <div class="col-md-4">1462                            <div class="row">1463                                <div class="col-12">1464                                    14651466                                    146714681469<div class="unit-image-counter d-flex align-items-center">1470    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1471    <span class="ml-1 text-white small">6</span>1472</div>147314741475<div class="single-item-small">1476    <div class="single-item-arrow--left ml-3"></div>1477    <div class="single-item">1478        1479            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_2_290037b0-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine" style="object-fit: cover" height="auto">1480        1481            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_29224242-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="cuisine2" style="object-fit: cover" height="auto">1482        1483            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_29366060-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre" style="object-fit: cover" height="auto">1484        1485            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_294501ec-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="sb" style="object-fit: cover" height="auto">1486        1487            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_296d3608-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="corridor" style="object-fit: cover" height="auto">1488        1489            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_29872126-a66b-11ea-8d3f-1275881fc0b8.jpeg" alt="chambre" style="object-fit: cover" height="auto">1490        1491    </div>1492    <div class="single-item-arrow--right mr-3"></div>1493</div>14941495                                    1496                                </div>1497                            </div>1498                            1499                        </div>1500                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1501                            <div class="row flex-grow-1">1502                                1503                                <div class="unit-commodities unit-specs col-sm-6">1504                                    1505                                    1506150715081509    1510        <p class="small-header pb-1">1511            Commodités de l'unité1512        </p>1513    1514    <ul class="list-unstyled d-flex flex-wrap mb-1">1515        1516            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1517                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="icon" height="15px" width="15px">1518                <p class="attribute-description mb-0">Électricité</p>1519            </li>1520        1521            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1522                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1523                <p class="attribute-description mb-0">Eau Chaude</p>1524            </li>1525        1526            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1527                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1528                <p class="attribute-description mb-0">Chauffage</p>1529            </li>1530        1531            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1532                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1533                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1534            </li>1535        1536            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1537                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1538                <p class="attribute-description mb-0">Stationnement extérieur</p>1539            </li>1540        1541    </ul>154215431544                                </div>1545                                1546                                1547                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1548                                    1549                                    1550155115521553    1554        <p class="small-header pb-1">1555            Caractéristiques de l'unité1556        </p>1557    1558    <ul class="list-unstyled d-flex flex-wrap mb-1">1559        1560            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1561                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_4afd9f16-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1562                <p class="attribute-description mb-0">Chat accepté</p>1563            </li>1564        1565            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1566                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1567                <p class="attribute-description mb-0">Balcon</p>1568            </li>1569        1570            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1571                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1572                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1573            </li>1574        1575            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1576                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1577                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1578            </li>1579        1580            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1581                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1582                <p class="attribute-description mb-0">Conciergerie sur place</p>1583            </li>1584        1585            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1586                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1587                <p class="attribute-description mb-0">Espace de rangement</p>1588            </li>1589        1590    </ul>159115921593                                </div>1594                                1595                            </div>1596                            1597                        </div>1598                    </div>1599                    <div class="row mt-3">1600                        <div class="col-md-4">1601                            <button1602                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1603                                data-unit_room="4½">1604                                S'informer1605                            </button>1606                            <button1607                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1608                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1609                                S'informer1610                            </button>1611                        </div>1612                    </div>1613                    <div class="units-detail">1614                      16151616<p class="mb-0 mt-4">1617    1 1618    <span class="text-lowercase">1619        1620            unité1621        1622    </span>1623</p>1624                        1625162616271628<div class="row" id="units-for-unit-room-179">1629    1630    1631    <div class="col-12 h-100  ">1632        <div class="h-100 border-bottom">1633            <div class="row mt-3">1634                <div class="col-sm-6 col-md-4">1635                    <p class="small-header">unité</p>1636                    <p>1637                        81638                        1639                        <span>&middot; 3e étage</span>1640                        1641                    </p>1642                </div>1643                <div class="col-sm-6 col-md-4">1644                    <p class="small-header">Disponibilité</p>1645                    <p class="text-primary">1646                        Libre immédiatement1647                    </p>1648                </div>1649                <div class="col-sm-6 col-md-4">1650                    <p class="small-header">À partir de</p>1651                    <p>1250,00$</p>1652                </div>1653                1654            </div>1655            <div class="row">1656            </div>1657            1658        </div>1659    </div>1660    1661    1662</div>16631664                    </div>1665                    1666                </div>1667                1668            </div>1669        </div>1670    </div>1671</div>16721673<div id="modal-video" class="modal">1674    <div class="modal-dialog modal-lg" role="document">1675        <div class="modal-content">1676            <div id="modal-video-body" class="modal-body">1677            </div>1678        </div>1679    </div>1680</div>16811682<script type="text/javascript">1683    const toggleHiddenUnits = (unitRoomId) => {1684        if (unitRoomId) {1685            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1686            for (unit of hiddenUnits) {1687                unit.classList.toggle("d-none");1688            }16891690            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1691            if (seeMoreButton.textContent === "Voir plus")1692                seeMoreButton.textContent = "Voir moins";1693            else1694                seeMoreButton.textContent = "Voir plus";1695        }1696    }16971698    const playVideo = (el) => {1699        const list = el.getElementsByTagName('video');1700        if (!list || !list.length)1701            return;17021703        const video = list[0];1704        const container = document.getElementById('modal-video-body');1705        container.appendChild(video);1706        video.play();17071708        el.classList.add('show-placeholder');17091710        $("#modal-video").modal();1711        $("#modal-video").on('hidden.bs.modal', () => {1712            el.classList.remove('show-placeholder');1713            el.insertBefore(video, el.children[0]);1714            video.currentTime = 0;1715            video.pause();1716        });1717    }17181719    function displayInquiryAndScroll() {1720        displayInquiry();1721        const form = document.getElementById("inquire-form-anchor");1722        form.scrollIntoView();1723    }1724</script>172517261727<div class="container">1728    <div class="row mt-5">1729        <div class="col-md-6">1730            <div class="row">1731                <div class="col-12">1732                    <h2>À propos de l'immeuble</h2>1733                </div>1734            </div>1735            <div class="row">1736                <div class="col-12">1737                    <p class="mb-1"><strong>Adresse</strong></p>1738                    17391740<script id="building-coordinates" type="application/json">[{"loc": ["46.823923", "-71.336656"], "id": 76}]</script>17411742<div id="map-container" class="footer mb-2 mt-1">1743    <div id="interactive-map" style="height: 100%;" class="rounded">1744    </div>1745</div>17461747                    <p class="mb-0">6570, rue de Pertuis</p>1748                    <p class="mb-0">Québec, Québec</p>1749                    <p class="mb-3">G2C1E5</p>1750                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%206570%20rue%20de%20Pertuis%20Quebec%20G2C1E5" target="_blank">1751                        Ouvrir sur Google Maps1752                    </a>1753                </div>1754            </div>1755            <hr>1756            <div class="row">1757                <div class="col-12">1758                    <p><strong>Plus d'informations</strong></p>1759                    <div class="row">1760                        1761                        <div class="col-md-4">1762                            <p class="subtext">Nombre d'étages</p>1763                            <p class="d-md-none">1764                                1765                                3 étage(s)1766                                1767                            </p>1768                        </div>1769                        1770                        <div class="col-md-4">1771                            <p class="subtext">Nombre total d'unités</p>1772                            <p class="d-md-none">1773                                1774                            9 unités1775                        1776                            </p>1777                        </div>1778                        1779                        <div class="col-md-4">1780                            <p class="subtext">Année de construction</p>1781                            <p class="d-md-none">1977</p>1782                        </div>1783                        1784                    </div>1785                    <div class="row mb-3 d-none d-md-flex">1786                        1787                        <div class="col-md-4">1788                            <p class="">1789                                1790                                3 étage(s)1791                                1792                            </p>1793                        </div>1794                        1795                        <div class="col-md-4">1796                            <p class="">1797                                1798                            9 unités1799                        1800                            </p>1801                        </div>1802                        1803                        <div class="col-md-4">1804                            <p class="">1977</p>1805                        </div>1806                        1807                    </div>1808                    1809                </div>1810            </div>1811            1812            <hr>1813            <div class="row">1814                <div class="col-12">1815                    <p><strong>Commodités de l'immeuble</strong></p>1816                    <div class="row">1817                        <div class="col-12">1818                            1819182018211822    1823    <ul class="list-unstyled d-flex flex-wrap mb-1">1824        1825            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1826                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1827                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1828            </li>1829        1830            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1831                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1832                <p class="attribute-description mb-0">Service de buanderie</p>1833            </li>1834        1835            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1836                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1837                <p class="attribute-description mb-0">Stationnement</p>1838            </li>1839        1840            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1841                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1842                <p class="attribute-description mb-0">Piscine</p>1843            </li>1844        1845            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1846                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1847                <p class="attribute-description mb-0">Grand espace gazonné</p>1848            </li>1849        1850    </ul>185118521853                        </div>1854                    </div>1855                </div>1856            </div>1857            1858            1859            <hr>1860            <div class="row">1861                <div class="col-12">1862                    <p><strong>Frais additionnels</strong></p>1863                    <div class="row">1864                        <div class="col-12">1865                            1866186718681869    1870    <ul class="list-unstyled d-flex flex-wrap mb-1">1871        1872            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1873                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1874                <p class="attribute-description mb-0">Stationnement supplémentaire</p>1875            </li>1876        1877    </ul>187818791880                        </div>1881                    </div>1882                </div>1883            </div>1884            1885            1886            <hr>1887            <div class="row">1888                <div class="col-12">1889                    <p><strong>Accès et services</strong></p>1890                    <div class="row">1891                        <div class="col-12">1892                            1893189418951896    1897    <ul class="list-unstyled d-flex flex-wrap mb-1">1898        1899            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1900                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1901                <p class="attribute-description mb-0">École</p>1902            </li>1903        1904            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1905                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1906                <p class="attribute-description mb-0">Épicerie</p>1907            </li>1908        1909            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1910                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1911                <p class="attribute-description mb-0">Commerces</p>1912            </li>1913        1914            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1915                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1916                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1917            </li>1918        1919            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1920                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1921                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1922            </li>1923        1924            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1925                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1926                <p class="attribute-description mb-0">Dépanneur</p>1927            </li>1928        1929            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1930                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1931                <p class="attribute-description mb-0">Garderies</p>1932            </li>1933        1934            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1935                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1936                <p class="attribute-description mb-0">Banque</p>1937            </li>1938        1939            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1940                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1941                <p class="attribute-description mb-0">Pharmacie</p>1942            </li>1943        1944            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1945                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1946                <p class="attribute-description mb-0">Parc</p>1947            </li>1948        1949    </ul>195019511952                        </div>1953                    </div>1954                </div>1955            </div>1956            1957        </div>1958        1959        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1960            <div class="shadow">1961                <img 1962                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Rue_de_Duberger.JPG"1963                    alt="Borough image"1964                    width="100%"1965                    height="200px"1966                    class="object-fit-cover">1967                <div class="row p-4">1968                    <div class="col-12">1969                        <p class="small-header">À propos du quartier</p>1970                        <h3>Les Saules</h3>1971                        <p>Les Saules</p>1972                        <p>Les Saules</p>1973                        <a href="/louer-appartement-quebec/les-saules">1974                            1975                  Voir les appartements à Les Saules1976                  1977                        </a>1978                    </div>1979                </div>1980            </div>1981        </div>1982        1983    </div>1984    <div class="row">1985        <div class="col-12">1986            1987198819891990    <div class="row mt-5 ">1991        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1992        <div class="col-12 mb-3">1993            199419951996<div class="row">1997    1998    <a 1999        href="/logement/312"2000        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2001        data-type="3"2002        data-borough="10"2003    >2004        2005200620072008<script>2009    function displayNowAvailableBubble(buildingId) {2010        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2011        nowAvailableBubble.classList.remove("d-none");2012    }2013</script>20142015<div class="row">2016    2017    2018    2019    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2020    2021    2022    2023    2024    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2025        <p class="text-white m-0">En vedette</p>2026    </div>2027    2028    2029    <div class="col-6 apartment-col">2030        <div class="row">2031            <div class="col-12 pr-0">2032                2033                <img 2034                    class="rounded-left apartment-image" 2035                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2036                    alt="unit image"2037                    width=100%2038                    height=232px2039                />2040                2041            </div>2042        </div>2043    </div>2044    2045    2046    <div class="col-6 apartment-col">2047        <div class="row">2048            <div class="col-12 pl-0">2049                <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"2050                   alt="unit image" width="100%" height="116px">2051            </div>2052        </div>2053        2054        <div class="row">2055            <div class="col-12 pl-0">2056                <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"2057                    alt="unit image" width=100% height=116px>2058            </div>2059        </div>2060        2061    </div>2062    2063    2064    2065</div>20662067        2068206920702071<div class="row mt-4">2072    <div class="col-12">2073        <div class="card-body p-0 text-left">2074            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2075            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2076            2077                2078                    <div class="row">2079                        <div class="col-7">2080                            <p class="apartment-infos mb-0">2081                                2082                                    4½ à partir de 1595$2083                                2084                            </p>2085                            <p class="apartment-availability footnotes">2086                                octobre 20262087                            </p>2088                        </div>2089                        <div class="col-5 text-right">2090                            2091                                2092                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2093                                2094                            2095                                2096                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2097                                2098                            2099                                2100                                    <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>2101                                2102                            2103                            2104                        </div>2105                    </div>2106                2107            2108            2109        </div>2110    </div>2111</div>21122113    </a>2114    2115    <a 2116        href="/logement/160"2117        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2118        data-type="3"2119        data-borough="6"2120    >2121        2122212321242125<script>2126    function displayNowAvailableBubble(buildingId) {2127        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2128        nowAvailableBubble.classList.remove("d-none");2129    }2130</script>21312132<div class="row">2133    2134    2135    2136    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2137    2138    2139    2140    2141    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2142        <p class="text-white m-0">En vedette</p>2143    </div>2144    2145    2146    <div class="col-6 apartment-col">2147        <div class="row">2148            <div class="col-12 pr-0">2149                2150                <img 2151                    class="rounded-left apartment-image" 2152                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2153                    alt="unit image"2154                    width=100%2155                    height=232px2156                />2157                2158            </div>2159        </div>2160    </div>2161    2162    2163    <div class="col-6 apartment-col">2164        <div class="row">2165            <div class="col-12 pl-0">2166                <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"2167                   alt="unit image" width="100%" height="116px">2168            </div>2169        </div>2170        2171        <div class="row">2172            <div class="col-12 pl-0">2173                <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"2174                    alt="unit image" width=100% height=116px>2175            </div>2176        </div>2177        2178    </div>2179    2180    2181    2182</div>21832184        2185218621872188<div class="row mt-4">2189    <div class="col-12">2190        <div class="card-body p-0 text-left">2191            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2192            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2193            2194                2195                    <div class="row">2196                        <div class="col-7">2197                            <p class="apartment-infos mb-0">2198                                2199                                    4½ à partir de 1250$2200                                2201                            </p>2202                            <p class="apartment-availability footnotes">2203                                Libre immédiatement2204                            </p>2205                        </div>2206                        <div class="col-5 text-right">2207                            2208                                2209                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2210                                2211                            2212                                2213                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2214                                2215                            2216                                2217                                    <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>2218                                2219                            2220                                2221                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2222                                2223                            2224                            2225                        </div>2226                    </div>2227                2228            2229            2230        </div>2231    </div>2232</div>22332234    </a>2235    2236    <a 2237        href="/logement/18"2238        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2239        data-type="3"2240        data-borough="3"2241    >2242        2243224422452246<script>2247    function displayNowAvailableBubble(buildingId) {2248        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2249        nowAvailableBubble.classList.remove("d-none");2250    }2251</script>22522253<div class="row">2254    2255    2256    2257    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2258    2259    2260    2261    2262    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2263        <p class="text-white m-0">En vedette</p>2264    </div>2265    2266    2267    <div class="col-6 apartment-col">2268        <div class="row">2269            <div class="col-12 pr-0">2270                2271                <img 2272                    class="rounded-left apartment-image" 2273                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2274                    alt="unit image"2275                    width=100%2276                    height=232px2277                />2278                2279            </div>2280        </div>2281    </div>2282    2283    2284    <div class="col-6 apartment-col">2285        <div class="row">2286            <div class="col-12 pl-0">2287                <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"2288                   alt="unit image" width="100%" height="116px">2289            </div>2290        </div>2291        2292        <div class="row">2293            <div class="col-12 pl-0">2294                <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"2295                    alt="unit image" width=100% height=116px>2296            </div>2297        </div>2298        2299    </div>2300    2301    2302    2303</div>23042305        2306230723082309<div class="row mt-4">2310    <div class="col-12">2311        <div class="card-body p-0 text-left">2312            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2313            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2314            2315                2316                    <div class="row">2317                        <div class="col-7">2318                            <p class="apartment-infos mb-0">2319                                2320                                    1½ à partir de 799$2321                                2322                            </p>2323                            <p class="apartment-availability footnotes">2324                                Libre immédiatement2325                            </p>2326                        </div>2327                        <div class="col-5 text-right">2328                            2329                                2330                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2331                                2332                            2333                                2334                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2335                                2336                            2337                                2338                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2339                                2340                            2341                                2342                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2343                                2344                            2345                                2346                            2347                                2348                            2349                            2350                                <p class="footnotes d-inline"> +2</p>2351                            2352                        </div>2353                    </div>2354                2355            2356            2357        </div>2358    </div>2359</div>23602361    </a>2362    2363</div>23642365        </div>2366        2367    </div>236823692370        </div>2371    </div>2372</div>2373<div class="bg-primary py-5 mt-5">2374    <div class="container">2375        <div class="row justify-content-center">2376            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2377                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2378                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2379                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2380            </div>2381        </div>2382    </div>2383</div>2384<div id="modal-inquire" class="modal">2385    2386238723882389<div class="inquire-step-1 container p-0 mb-5 position-relative">2390    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2391    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2392    <p>418-626-3070</p>2393    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="026e6d6163766b6d6c426e636470636c61672f6f63766a6b67772c616d6f">[email&#160;protected]</a></p>2394    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2395    <p class="text-gray-light">Intéressé par ces unités</p>23962397    <div class="d-inline-flex flex-wrap">2398        2399        2400        <button2401            class="inquire-room btn btn-normal mb-3"2402            data-unit_room="4½"2403            data-toggle="button"2404        >24052406        </button>2407        2408        2409    </div>24102411    <div class="dropdown mb-4">2412        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2413            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2414            <p class="inquire-units-label-title text-uppercase mb-0">2415                Unité(s) spécifique(s)2416            </p>2417            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2418                Aucune choisie2419            </p>2420            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2421        </div>2422        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2423            2424            2425            <button class="inquire-units-choice dropdown-item" data-unit="8"2426                data-unit_room="4½">2427                82428            </button>2429            2430            2431        </div>2432    </div>243324342435    <p class="text-gray-light">Date de déménagement prévue</p>2436    <div id="inquire-datepicker" class="input-group date mt-1">2437        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2438        <div class="input-group-addon">2439            <span class="glyphicon glyphicon-th"></span>2440        </div>2441    </div>2442</div>24432444<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2445    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2446    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2447    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2448    <form id="inquire-form">2449        <div class="form-group">2450            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2451                placeholder="Prénom"></input>2452        </div>2453        <div class="form-group">2454            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2455                placeholder="Nom de famille"></input>2456        </div>2457        <div class="form-group">2458            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2459                <option id="email" value="email" selected>Courriel</option>2460                <option id="phone" value="phone">Téléphone</option>2461            </select>2462        </div>2463        <div id="inquireForm-contact-email" class="form-group">2464            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2465                placeholder="Adresse courriel"></input>2466        </div>2467        <div id="inquireForm-contact-phone" class="form-group d-none">2468            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2469                placeholder="Numéro de téléphone"></input>2470        </div>2471        <div class="form-group">2472            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2473                placeholder="Questions ou notes"></textarea>2474        </div>2475        <div id="g-recaptcha-error"></div>2476        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2477    </form>2478</div>24792480<div class="inquire-step-3 d-none position-relative">2481    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2482    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2483        height="66px">2484    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2485    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2486</div>24872488<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2489    Continuer2490</button>2491<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2492    Soumettre2493</button>2494<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2495    var recaptcha_response = '';2496    window.isCondo = "False" == "True";2497    document.getElementById("inquire-datepicker-input").value = "";2498    2499    function scrollToTopOfForm() {2500        const top = document.getElementById("inquire-step-1");2501        top.scrollIntoView();2502    }2503    function submitForm() {2504        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2505            onContinue2Click('LqArvmdII6kAnskondgxwkjkafr4gPZHn9S8NaJjokz6cLwpzoPRSH88XlNPLQh4');2506            const confirmation = document.getElementById("inquire-confirmation");2507            confirmation.scrollIntoView();2508        }2509        else {2510            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2511        }2512    }25132514    function verifyCaptcha(token) {2515        recaptcha_response = token;2516        document.getElementById('g-recaptcha-error').innerHTML = '';2517    }2518</script>25192520</div>2521252225232524<div id="modal-share" class="modal">2525    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2526        <div class="modal-content">2527            <div class="modal-body">2528                Partager ce logement2529                <div id="share-widget-container" class="d-flex justify-content-center"></div>2530            </div>2531        </div>2532    </div>2533</div>253425352536<script src="/static/js/share.js" defer></script>25372538253925402541            </main>2542            <footer>2543                254425452546<div class="footer row m-0 p-5 justify-content-center bg-black">2547    <div class="container m-0">2548        <div class="row mb-3">2549            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2550                height="80px" class="footer-logo">2551        </div>2552        <div class="row">2553            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2554                <p class="footer-title mb-2">Contactez-nous</p>2555                <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>2556                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2557                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2558                    <span class="footer-phone">418 626-5500</span>2559                </a>2560                <a href="/cdn-cgi/l/email-protection#0a63646c654a666b6c786b64696f27676b7e62636f7f24696567" target="_blank" class="mb-3 d-flex align-items-center">2561                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2562                    <span><span class="__cf_email__" data-cfemail="553c3b333a1539343327343b3630783834213d3c30207b363a38">[email&#160;protected]</span></span>2563                </a>2564                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2565                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42566                </a>2567                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2568                <div class="d-flex">2569                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2570                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2571                            class="footer-social-icon mr-3" />2572                    </a>2573                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2574                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2575                            class="footer-social-icon" />2576                    </a>2577                </div>2578            </div>2579            <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">2580                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2581                <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>2582                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2583                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2584                    <span class="footer-phone">418-626-5500</span>2585                </a>2586                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2587                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2588                    <span>Se connecter à l’Espace client</span>2589                </a>2590                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2591                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2592                    <span>Se connecter à Sensaas</span>2593                </a>2594            </div>2595            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2596                <ul class="navbar-nav">2597                    2598                    25992600<li class="nav-item  ">2601    <a class="nav-link py-0 footer-main-navigation mb-3"2602        href="/">Accueil</a>2603    <hr class="my-1 border-gray-medium d-none">2604</li>260526062607                    2608                    26092610<li class="nav-item  ">2611    <a class="nav-link py-0 footer-main-navigation mb-3"2612        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2613    <hr class="my-1 border-gray-medium d-none">2614</li>261526162617                    2618                    26192620<li class="nav-item  ">2621    <a class="nav-link py-0 footer-main-navigation mb-3"2622        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2623    <hr class="my-1 border-gray-medium d-none">2624</li>262526262627                    2628                    26292630<li class="nav-item  ">2631    <a class="nav-link py-0 footer-main-navigation mb-3"2632        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2633    <hr class="my-1 border-gray-medium d-none">2634</li>263526362637                    2638                    26392640<li class="nav-item  ">2641    <a class="nav-link py-0 footer-main-navigation mb-3"2642        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2643    <hr class="my-1 border-gray-medium d-none">2644</li>264526462647                    2648                    26492650<li class="nav-item  ">2651    <a class="nav-link py-0 footer-main-navigation mb-3"2652        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2653    <hr class="my-1 border-gray-medium d-none">2654</li>265526562657                    2658                </ul>2659            </div>2660            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2661                <ul class="navbar-nav">2662                    2663                    26642665<li class="nav-item  ">2666    <a class="nav-link py-0 footer-main-navigation mb-3"2667        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2668    <hr class="my-1 border-gray-medium d-none">2669</li>267026712672                    2673                    26742675<li class="nav-item  ">2676    <a class="nav-link py-0 footer-main-navigation mb-3"2677        href="/blog">Blogue</a>2678    <hr class="my-1 border-gray-medium d-none">2679</li>268026812682                    2683                    26842685<li class="nav-item  ">2686    <a class="nav-link py-0 footer-main-navigation mb-3"2687        href="/faire-carriere/">Carrières</a>2688    <hr class="my-1 border-gray-medium d-none">2689</li>269026912692                    2693                </ul>2694            </div>2695        </div>2696    </div>2697</div>26982699270027012702<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">2703    <div class="d-flex justify-content-center">2704        <ul class="list-inline mb-1">2705            2706            <li class="list-inline-item">2707                <a href=/conditions-utilisation>2708                    Conditions d'utilisation2709                </a>2710            </li>2711            2712            2713            <li class="list-inline-item">2714                <a href=/politique-confidentialite>2715                    Politique de confidentialité2716                </a>2717            </li>2718            2719            2720            <li class="list-inline-item">2721                <a href=/protection-renseignements-personnels>2722                    Protection des renseignements personnels2723                </a>2724            </li>2725            2726            2727            <li class="list-inline-item">2728                <a href=/temoins-navigation>2729                    Gérer vos témoins de navigation2730                </a>2731            </li>2732            2733        </ul>2734    </div>2735    <div class="d-flex justify-content-center">2736        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2737    </div>2738</div>27392740            </footer>2741        27422743<!-- Cookie Banner -->2744<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2745    <div class="gilm-cookie-banner-container">2746        <div class="gilm-cookie-banner-text">2747            <p>2748                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2749                sites2750                Web2751                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2752                témoins,2753                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2754                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2755                l'utilisation2756                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2757            </p>2758            <p class="d-sm-none">2759                <a href=/temoins-navigation>2760                    Gérer vos témoins de navigation2761                </a>2762                <br/>2763                <a href=/politique-confidentialite>2764                    Politique de confidentialité2765                </a>2766                <br/>2767                <a href=/conditions-utilisation>2768                    Conditions d'utilisation2769                </a>2770            </p>2771            <p class="d-none d-sm-block">2772                <a href=/temoins-navigation>2773                    Gérer vos témoins de navigation2774                </a>2775                -2776                <a href=/politique-confidentialite>2777                    Politique de confidentialité2778                </a>2779                -2780                <a href=/conditions-utilisation>2781                    Conditions d'utilisation2782                </a>2783            </p>2784        </div>2785        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2786                onclick="window.gilm_hideCookieBanner()">2787            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2788        </button>2789    </div>2790</div>2791<!-- End of Cookie Banner -->2792        </div>2793        <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">2794        </script>2795        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2796        </script>2797        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2798        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2799        </script>2800        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2801        </script>2802        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2803        </script>2804        <script type="text/javascript" src="/static/js/carousel.js">2805        </script>2806        <script type="text/javascript" src="/static/js/cookie_banner.js">2807        </script>2808        <script id="search-script" type="text/javascript" src="/static/js/search.js">2809        </script>2810        <script type="text/javascript" src="/static/js/jssocials.min.js">2811        </script>2812        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2813        </script>2814        <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">2815        </script>2816        <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">2817        </script>2818        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2819        <script>2820            window.dataLayer = window.dataLayer || [];28212822            function gtag() {2823                dataLayer.push(arguments);2824            }2825            gtag('js', new Date());2826            gtag('config', 'UA-20687227-3');2827        </script>2828        2829<script src="/static/js/inquire.js"></script>2830<script src="/static/js/leaflet.js" is-building-details="true"></script>28312832        2833    </body>28342835    </html>2836