SPB Git

spb/lou-ka Public

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

HTML 99.7%
99.6 KB · 2,791 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/96" />24<meta name="title" content="Logement a louer - 123, boulevard Johnny-Parent">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>123, boulevard Johnny-Parent - 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#a3cacdc5cce3cfc2c5d1c2cdc0c68ecec2d7cbcac6d68dc0ccce" 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="8de4e3ebe2cde1ecebffece3eee8a0e0ecf9e5e4e8f8a3eee2e0">[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; Loretteville</p>930        <h2 id="building-address-1">123, boulevard Johnny-Parent</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G2B1V4935        </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 - 123, boulevard Johnny-Parent`, `https://lafrance-mathieu.com/logement/96`)">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/PPD030_e91a110e-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD028_e978dedc-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade2">966        967        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD032_e9a42790-af23-11ea-8747-1275881fc0b8.JPG" alt="facade3">968        969    </div>970    <div class="slider slider-nav mt-2">971        972        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD030_e91a110e-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade">973        974        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD028_e978dedc-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade2">975        976        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD032_e9a42790-af23-11ea-8747-1275881fc0b8.JPG" alt="facade3">977        978    </div>979</div>980981        982    </div>983    <div class="col-lg-8 d-block d-md-none">984        985        986987988989<div class="">990    <div class="single-item-arrow--left ml-3"></div>991    <div class="single-item">992        993            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD030_e91a110e-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade" style="object-fit: cover" height="auto">994        995            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD028_e978dedc-af23-11ea-8747-1275881fc0b8.JPG" alt="Façade2" style="object-fit: cover" height="auto">996        997            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD032_e9a42790-af23-11ea-8747-1275881fc0b8.JPG" alt="facade3" style="object-fit: cover" height="auto">998        999    </div>1000    <div class="single-item-arrow--right mr-3"></div>1001</div>10021003        1004    </div>1005    1006    <div class="col-12 col-lg-4 order-lg-2">1007        <div class="border border-light rounded p-3 w-100 d-none d-lg-block shadow-sm position-relative" id="inquire-form">1008            <div style="position: absolute; top: -134px;" id="inquire-form-anchor"></div>1009            1010101110121013<div class="inquire-step-1 container p-0 mb-5 position-relative">1014    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>1015    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>1016    <p>418-626-3070</p>1017    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cca0a3afadb8a5a3a28ca0adaabeada2afa9e1a1adb8a4a5a9b9e2afa3a1">[email&#160;protected]</a></p>1018    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1019    <p class="text-gray-light">Intéressé par ces unités</p>10201021    <div class="d-inline-flex flex-wrap">1022        1023        1024        <button1025            class="inquire-room btn btn-normal mb-3"1026            data-unit_room="4½"1027            data-toggle="button"1028        >10291030        </button>1031        1032        1033    </div>10341035    <div class="dropdown mb-4">1036        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1037            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1038            <p class="inquire-units-label-title text-uppercase mb-0">1039                Unité(s) spécifique(s)1040            </p>1041            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1042                Aucune choisie1043            </p>1044            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1045        </div>1046        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1047            1048            1049            <button class="inquire-units-choice dropdown-item" data-unit="7"1050                data-unit_room="4½">1051                71052            </button>1053            1054            1055        </div>1056    </div>105710581059    <p class="text-gray-light">Date de déménagement prévue</p>1060    <div id="inquire-datepicker" class="input-group date mt-1">1061        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">1062        <div class="input-group-addon">1063            <span class="glyphicon glyphicon-th"></span>1064        </div>1065    </div>1066</div>10671068<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">1069    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>1070    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>1071    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>1072    <form id="inquire-form">1073        <div class="form-group">1074            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"1075                placeholder="Prénom"></input>1076        </div>1077        <div class="form-group">1078            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"1079                placeholder="Nom de famille"></input>1080        </div>1081        <div class="form-group">1082            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">1083                <option id="email" value="email" selected>Courriel</option>1084                <option id="phone" value="phone">Téléphone</option>1085            </select>1086        </div>1087        <div id="inquireForm-contact-email" class="form-group">1088            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"1089                placeholder="Adresse courriel"></input>1090        </div>1091        <div id="inquireForm-contact-phone" class="form-group d-none">1092            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"1093                placeholder="Numéro de téléphone"></input>1094        </div>1095        <div class="form-group">1096            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"1097                placeholder="Questions ou notes"></textarea>1098        </div>1099        <div id="g-recaptcha-error"></div>1100        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>1101    </form>1102</div>11031104<div class="inquire-step-3 d-none position-relative">1105    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>1106    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"1107        height="66px">1108    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>1109    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>1110</div>11111112<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">1113    Continuer1114</button>1115<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>1116    Soumettre1117</button>1118<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>1119    var recaptcha_response = '';1120    window.isCondo = "False" == "True";1121    document.getElementById("inquire-datepicker-input").value = "";1122    1123    function scrollToTopOfForm() {1124        const top = document.getElementById("inquire-step-1");1125        top.scrollIntoView();1126    }1127    function submitForm() {1128        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){1129            onContinue2Click('o2XOUok4zEokSHid6VHtqvpRGMbjswdD0LfvccQFfSDQH0uei6gNMSeFtSx4Xxv0');1130            const confirmation = document.getElementById("inquire-confirmation");1131            confirmation.scrollIntoView();1132        }1133        else {1134            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';1135        }1136    }11371138    function verifyCaptcha(token) {1139        recaptcha_response = token;1140        document.getElementById('g-recaptcha-error').innerHTML = '';1141    }1142</script>11431144        </div>1145    </div>1146    1147</div>11481149<div class="row mt-4">1150    <div class="col-md-8">1151        <h2 class="convenience-header">Commodités de l'immeuble</h2>1152        <div class="row mb-4">1153            <div class="col-md-12">1154                1155115611571158    1159    <ul class="list-unstyled d-flex flex-wrap mb-1">1160        1161            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1162                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1163                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1164            </li>1165        1166            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1167                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1168                <p class="attribute-description mb-0">Stationnement</p>1169            </li>1170        1171    </ul>117211731174            </div>1175        </div>1176    </div>1177</div>117811791180</div>118111821183118411851186<script>1187function scrollToId(unitRoomId) {1188    removeAllActive();11891190    const scrollOptions = {1191        behavior: "smooth",1192        block: "start"1193    };11941195    const defaultFilter = document.getElementById("unit-room-filter-all");1196    if (unitRoomId === "all") {1197        defaultFilter.classList.add("active");1198        defaultFilter.scrollIntoView(scrollOptions);1199    } else {1200        const element = document.getElementById(`unit-room-${unitRoomId}`);1201        if (!!element) {1202            element.scrollIntoView(scrollOptions);1203            const defaultFilter = document.getElementById("unit-room-filter-all");1204            defaultFilter.classList.remove("active");1205            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1206            filter.classList.add("active");12071208        }1209    }1210}12111212function removeAllActive() {1213    const elements = document.getElementsByClassName("unit-room-filter");1214    for (element of elements) element.classList.remove("active");1215}1216</script>12171218<div class="container">1219    <div class="row mt-5">1220        <div class="col-md-12">1221            <h2 id="anchor-units" class="mb-3">Unités</h2>1222            1223            <ul class="list-inline mb-0 position-relative">1224                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1225                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1226                        <span>Toutes</span>1227                    </button>1228                </li>1229                1230                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-209">1231                    <button onclick="scrollToId('209');" class="unit-room-filter-button btn btn-no-outline">1232                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1233                    </button>1234                </li>1235                1236            </ul>1237            1238        </div>1239    </div>1240</div>1241<div class="bg-background-gray pb-3">1242    <div class="container">1243        <div class="row">1244            <div class="col-12 p-0">1245                1246                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1247                    <div style="position: absolute; top: -134px;" id="unit-room-209"></div>1248                    <div id="modal-details-209" class="modal">1249                        125012511252<div class="container mt-5">1253    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1254        12551256<div class="row">1257    <div class="col-9">1258    <h2>1259        1260            4½ from $1245 to $12451261        1262    </h2>1263    </div>1264    <div class="col-3 text-right">1265        <button class="btn-close" data-toggle="modal" data-target="#modal-details-209"></button>1266    </div>1267</div>1268<div class="row">1269    <div class="col-9">1270        12711272<p class="">1273    1 1274    <span class="text-lowercase">1275        1276            unité1277        1278    </span>1279</p>1280    </div>1281    <div class="col-3 text-right">1282        1283    </div>1284</div>1285<div class="row">1286    <div class="col-12" id="unit-modal-carousel-209">1287        12881289<div class="unit-detail-carousel">1290    <div class="slider slider-for">1291        1292        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_603a4e16-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1293        1294        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD009_608e7c48-af24-11ea-8747-1275881fc0b8.jpg" alt="entree">1295        1296        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD010_60a89c86-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1297        1298        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD011_60c8e9fa-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1299        1300        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_60fd18d8-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre2">1301        1302        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_61436842-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre">1303        1304        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_617e5420-af24-11ea-8747-1275881fc0b8.jpg" alt="sb">1305        1306        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD019_61a88466-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1307        1308        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD026_61d8b37a-af24-11ea-8747-1275881fc0b8.jpg" alt="sb2">1309        1310        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD020_61f58f9a-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1311        1312    </div>1313    <div class="slider slider-nav mt-2">1314        1315        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_603a4e16-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1316        1317        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD009_608e7c48-af24-11ea-8747-1275881fc0b8.jpg" alt="entree">1318        1319        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD010_60a89c86-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1320        1321        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD011_60c8e9fa-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1322        1323        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_60fd18d8-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre2">1324        1325        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_61436842-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre">1326        1327        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_617e5420-af24-11ea-8747-1275881fc0b8.jpg" alt="sb">1328        1329        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD019_61a88466-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine">1330        1331        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD026_61d8b37a-af24-11ea-8747-1275881fc0b8.jpg" alt="sb2">1332        1333        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD020_61f58f9a-af24-11ea-8747-1275881fc0b8.jpg" alt="salon">1334        1335    </div>1336</div>13371338    </div>1339</div>1340<div class="row mt-3">1341    <div class="col-12 unit-commodities">1342        1343        1344134513461347    1348        <p class="small-header pb-1">1349            Commodités de l'unité1350        </p>1351    1352    <ul class="list-unstyled d-flex flex-wrap mb-1">1353        1354            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1355                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1356                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1357            </li>1358        1359            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1360                <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">1361                <p class="attribute-description mb-0">Stationnement extérieur</p>1362            </li>1363        1364    </ul>136513661367    </div>1368</div>1369<div class="row mt-3">1370    <div class="col-12 unit-characteristics">1371        1372        13731374137513761377    </div>1378</div>137913801381        <div class="units-detail mt-5">1382            <h2>Unités</h2>1383            1384138513861387<div class="row" id="units-for-unit-room-209">1388    1389    1390    <div class="col-12 h-100  ">1391        <div class="h-100 border-bottom">1392            <div class="row mt-3">1393                <div class="col-sm-6 col-md-4">1394                    <p class="small-header">unité</p>1395                    <p>1396                        71397                        1398                        <span>&middot; 3e étage</span>1399                        1400                    </p>1401                </div>1402                <div class="col-sm-6 col-md-4">1403                    <p class="small-header">Disponibilité</p>1404                    <p class="">1405                        novembre 20261406                    </p>1407                </div>1408                <div class="col-sm-6 col-md-4">1409                    <p class="small-header">À partir de</p>1410                    <p>1245,00$</p>1411                </div>1412                1413            </div>1414            <div class="row">1415            </div>1416            1417        </div>1418    </div>1419    1420    1421</div>14221423        </div>1424        1425    </div>1426</div>1427                    </div>1428                    <div class="row">1429                        <div class="col-6">1430                            <h4>1431                                1432                                4½ à partir de 1245,00$1433                            1434                            </h4>1435                        </div>1436                        <div class="col-6 d-flex justify-content-end">1437                            1438                            1439                            1440                            <button1441    class="btn text-primary share-button-small"1442    data-toggle="modal"1443    data-target="#modal-share"1444    onclick="configureShareWidget(`4½ à louer - 123, boulevard Johnny-Parent`, `https://lafrance-mathieu.com/logement/96`)">1445    <i class="fas fa-share-square mr-1"></i>1446    <span>Partager</span>1447</button>14481449                            1450                        </div>1451                    </div>1452                    <div class="row">1453                        <div class="col-md-4">1454                            <div class="row">1455                                <div class="col-12">1456                                    14571458                                    145914601461<div class="unit-image-counter d-flex align-items-center">1462    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1463    <span class="ml-1 text-white small">10</span>1464</div>146514661467<div class="single-item-small">1468    <div class="single-item-arrow--left ml-3"></div>1469    <div class="single-item">1470        1471            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD008_603a4e16-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1472        1473            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD009_608e7c48-af24-11ea-8747-1275881fc0b8.jpg" alt="entree" style="object-fit: cover" height="auto">1474        1475            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD010_60a89c86-af24-11ea-8747-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1476        1477            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD011_60c8e9fa-af24-11ea-8747-1275881fc0b8.jpg" alt="salon" style="object-fit: cover" height="auto">1478        1479            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD012_60fd18d8-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre2" style="object-fit: cover" height="auto">1480        1481            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD014_61436842-af24-11ea-8747-1275881fc0b8.jpg" alt="chambre" style="object-fit: cover" height="auto">1482        1483            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/-PPD015_617e5420-af24-11ea-8747-1275881fc0b8.jpg" alt="sb" style="object-fit: cover" height="auto">1484        1485            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD019_61a88466-af24-11ea-8747-1275881fc0b8.jpg" alt="cuisine" style="object-fit: cover" height="auto">1486        1487            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD026_61d8b37a-af24-11ea-8747-1275881fc0b8.jpg" alt="sb2" style="object-fit: cover" height="auto">1488        1489            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD020_61f58f9a-af24-11ea-8747-1275881fc0b8.jpg" alt="salon" 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_maintenance.png" alt="icon" height="15px" width="15px">1518                <p class="attribute-description mb-0">Équipe de maintenance 24h</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_parking_exterior_d3a99ad6-b182-11ea-80c6-1275881fc0b8.png" alt="icon" height="15px" width="15px">1523                <p class="attribute-description mb-0">Stationnement extérieur</p>1524            </li>1525        1526    </ul>152715281529                                </div>1530                                1531                                1532                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1533                                    1534                                    1535153615371538    1539        <p class="small-header pb-1">1540            Caractéristiques de l'unité1541        </p>1542    1543    <ul class="list-unstyled d-flex flex-wrap mb-1">1544        1545            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1546                <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">1547                <p class="attribute-description mb-0">Chat accepté</p>1548            </li>1549        1550            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1551                <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">1552                <p class="attribute-description mb-0">Balcon</p>1553            </li>1554        1555            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1556                <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">1557                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1558            </li>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_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1562                <p class="attribute-description mb-0">Entrée lave-vaisselle</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_f86ba210-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1567                <p class="attribute-description mb-0">Conciergerie sur place</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_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1572                <p class="attribute-description mb-0">Espace de rangement</p>1573            </li>1574        1575    </ul>157615771578                                </div>1579                                1580                            </div>1581                            1582                        </div>1583                    </div>1584                    <div class="row mt-3">1585                        <div class="col-md-4">1586                            <button1587                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1588                                data-unit_room="4½">1589                                S'informer1590                            </button>1591                            <button1592                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1593                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1594                                S'informer1595                            </button>1596                        </div>1597                    </div>1598                    <div class="units-detail">1599                      16001601<p class="mb-0 mt-4">1602    1 1603    <span class="text-lowercase">1604        1605            unité1606        1607    </span>1608</p>1609                        1610161116121613<div class="row" id="units-for-unit-room-209">1614    1615    1616    <div class="col-12 h-100  ">1617        <div class="h-100 border-bottom">1618            <div class="row mt-3">1619                <div class="col-sm-6 col-md-4">1620                    <p class="small-header">unité</p>1621                    <p>1622                        71623                        1624                        <span>&middot; 3e étage</span>1625                        1626                    </p>1627                </div>1628                <div class="col-sm-6 col-md-4">1629                    <p class="small-header">Disponibilité</p>1630                    <p class="">1631                        novembre 20261632                    </p>1633                </div>1634                <div class="col-sm-6 col-md-4">1635                    <p class="small-header">À partir de</p>1636                    <p>1245,00$</p>1637                </div>1638                1639            </div>1640            <div class="row">1641            </div>1642            1643        </div>1644    </div>1645    1646    1647</div>16481649                    </div>1650                    1651                </div>1652                1653            </div>1654        </div>1655    </div>1656</div>16571658<div id="modal-video" class="modal">1659    <div class="modal-dialog modal-lg" role="document">1660        <div class="modal-content">1661            <div id="modal-video-body" class="modal-body">1662            </div>1663        </div>1664    </div>1665</div>16661667<script type="text/javascript">1668    const toggleHiddenUnits = (unitRoomId) => {1669        if (unitRoomId) {1670            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1671            for (unit of hiddenUnits) {1672                unit.classList.toggle("d-none");1673            }16741675            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1676            if (seeMoreButton.textContent === "Voir plus")1677                seeMoreButton.textContent = "Voir moins";1678            else1679                seeMoreButton.textContent = "Voir plus";1680        }1681    }16821683    const playVideo = (el) => {1684        const list = el.getElementsByTagName('video');1685        if (!list || !list.length)1686            return;16871688        const video = list[0];1689        const container = document.getElementById('modal-video-body');1690        container.appendChild(video);1691        video.play();16921693        el.classList.add('show-placeholder');16941695        $("#modal-video").modal();1696        $("#modal-video").on('hidden.bs.modal', () => {1697            el.classList.remove('show-placeholder');1698            el.insertBefore(video, el.children[0]);1699            video.currentTime = 0;1700            video.pause();1701        });1702    }17031704    function displayInquiryAndScroll() {1705        displayInquiry();1706        const form = document.getElementById("inquire-form-anchor");1707        form.scrollIntoView();1708    }1709</script>171017111712<div class="container">1713    <div class="row mt-5">1714        <div class="col-md-6">1715            <div class="row">1716                <div class="col-12">1717                    <h2>À propos de l'immeuble</h2>1718                </div>1719            </div>1720            <div class="row">1721                <div class="col-12">1722                    <p class="mb-1"><strong>Adresse</strong></p>1723                    17241725<script id="building-coordinates" type="application/json">[{"loc": ["46.840800", "-71.361607"], "id": 96}]</script>17261727<div id="map-container" class="footer mb-2 mt-1">1728    <div id="interactive-map" style="height: 100%;" class="rounded">1729    </div>1730</div>17311732                    <p class="mb-0">123, boulevard Johnny-Parent</p>1733                    <p class="mb-0">Québec, Québec</p>1734                    <p class="mb-3">G2B1V4</p>1735                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%20123%20boulevard%20Johnny-Parent%20Quebec%20G2B1V4" target="_blank">1736                        Ouvrir sur Google Maps1737                    </a>1738                </div>1739            </div>1740            <hr>1741            <div class="row">1742                <div class="col-12">1743                    <p><strong>Plus d'informations</strong></p>1744                    <div class="row">1745                        1746                        <div class="col-md-4">1747                            <p class="subtext">Nombre d'étages</p>1748                            <p class="d-md-none">1749                                1750                                3 étage(s)1751                                1752                            </p>1753                        </div>1754                        1755                        <div class="col-md-4">1756                            <p class="subtext">Nombre total d'unités</p>1757                            <p class="d-md-none">1758                                1759                            8 unités1760                        1761                            </p>1762                        </div>1763                        1764                        <div class="col-md-4">1765                            <p class="subtext">Année de construction</p>1766                            <p class="d-md-none">1972</p>1767                        </div>1768                        1769                    </div>1770                    <div class="row mb-3 d-none d-md-flex">1771                        1772                        <div class="col-md-4">1773                            <p class="">1774                                1775                                3 étage(s)1776                                1777                            </p>1778                        </div>1779                        1780                        <div class="col-md-4">1781                            <p class="">1782                                1783                            8 unités1784                        1785                            </p>1786                        </div>1787                        1788                        <div class="col-md-4">1789                            <p class="">1972</p>1790                        </div>1791                        1792                    </div>1793                    1794                </div>1795            </div>1796            1797            <hr>1798            <div class="row">1799                <div class="col-12">1800                    <p><strong>Commodités de l'immeuble</strong></p>1801                    <div class="row">1802                        <div class="col-12">1803                            1804180518061807    1808    <ul class="list-unstyled d-flex flex-wrap mb-1">1809        1810            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1811                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1812                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1813            </li>1814        1815            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1816                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1817                <p class="attribute-description mb-0">Stationnement</p>1818            </li>1819        1820    </ul>182118221823                        </div>1824                    </div>1825                </div>1826            </div>1827            1828            1829            <hr>1830            <div class="row">1831                <div class="col-12">1832                    <p><strong>Frais additionnels</strong></p>1833                    <div class="row">1834                        <div class="col-12">1835                            1836183718381839    1840    <ul class="list-unstyled d-flex flex-wrap mb-1">1841        1842            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1843                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1844                <p class="attribute-description mb-0">Stationnement supplémentaire</p>1845            </li>1846        1847    </ul>184818491850                        </div>1851                    </div>1852                </div>1853            </div>1854            1855            1856            <hr>1857            <div class="row">1858                <div class="col-12">1859                    <p><strong>Accès et services</strong></p>1860                    <div class="row">1861                        <div class="col-12">1862                            1863186418651866    1867    <ul class="list-unstyled d-flex flex-wrap mb-1">1868        1869            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1870                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1871                <p class="attribute-description mb-0">Épicerie</p>1872            </li>1873        1874            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1875                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1876                <p class="attribute-description mb-0">Commerces</p>1877            </li>1878        1879            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1880                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1881                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1882            </li>1883        1884            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1885                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1886                <p class="attribute-description mb-0">Service d&#x27;autobus</p>1887            </li>1888        1889            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1890                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1891                <p class="attribute-description mb-0">Dépanneur</p>1892            </li>1893        1894            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1895                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1896                <p class="attribute-description mb-0">Pharmacie</p>1897            </li>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">Parc</p>1902            </li>1903        1904    </ul>190519061907                        </div>1908                    </div>1909                </div>1910            </div>1911            1912        </div>1913        1914        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1915            <div class="shadow">1916                <img 1917                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Capture_Loretteville_624e9472-00b7-11ee-b4cd-0aa8d57fe613.JPG"1918                    alt="Borough image"1919                    width="100%"1920                    height="200px"1921                    class="object-fit-cover">1922                <div class="row p-4">1923                    <div class="col-12">1924                        <p class="small-header">À propos du quartier</p>1925                        <h3>Loretteville</h3>1926                        <p>Loretteville, un quartier paisible avec parc, église, bibliothèque, école, marché, patinoire, piste cyclable, restaurants, cinéma, centre médical et commerces.</p>1927                        <p>Loretteville, un charmant quartier situé dans la ville de Québec, regorge d&#x27;attraits qui en font un lieu attrayant pour ses résidents. Avec son ambiance paisible et conviviale, Loretteville offre une qualité de vie appréciée. On y trouve de vastes parcs verdoyants, parfaits pour se détendre ou faire du sport en plein air. L&#x27;église Saint-François-d&#x27;Assise ajoute une touche historique et architecturale au quartier. Les résidents peuvent profiter d&#x27;une bibliothèque bien garnie et d&#x27;école primaire réputée. Une patinoire extérieure, une piste cyclable et un centre sportif offrent des options de loisirs. Sans oublier les nombreux restaurants, cafés et commerces qui enrichissent la vie quotidienne des habitants de Loretteville.</p>1928                        <a href="/louer-appartement-quebec/loretteville">1929                            1930                  Voir les appartements à Loretteville1931                  1932                        </a>1933                    </div>1934                </div>1935            </div>1936        </div>1937        1938    </div>1939    <div class="row">1940        <div class="col-12">1941            1942194319441945    <div class="row mt-5 ">1946        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1947        <div class="col-12 mb-3">1948            194919501951<div class="row">1952    1953    <a 1954        href="/logement/18"1955        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1956        data-type="3"1957        data-borough="3"1958    >1959        1960196119621963<script>1964    function displayNowAvailableBubble(buildingId) {1965        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1966        nowAvailableBubble.classList.remove("d-none");1967    }1968</script>19691970<div class="row">1971    1972    1973    1974    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>1975    1976    1977    1978    1979    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">1980        <p class="text-white m-0">En vedette</p>1981    </div>1982    1983    1984    <div class="col-6 apartment-col">1985        <div class="row">1986            <div class="col-12 pr-0">1987                1988                <img 1989                    class="rounded-left apartment-image" 1990                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"1991                    alt="unit image"1992                    width=100%1993                    height=232px1994                />1995                1996            </div>1997        </div>1998    </div>1999    2000    2001    <div class="col-6 apartment-col">2002        <div class="row">2003            <div class="col-12 pl-0">2004                <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"2005                   alt="unit image" width="100%" height="116px">2006            </div>2007        </div>2008        2009        <div class="row">2010            <div class="col-12 pl-0">2011                <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"2012                    alt="unit image" width=100% height=116px>2013            </div>2014        </div>2015        2016    </div>2017    2018    2019    2020</div>20212022        2023202420252026<div class="row mt-4">2027    <div class="col-12">2028        <div class="card-body p-0 text-left">2029            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2030            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2031            2032                2033                    <div class="row">2034                        <div class="col-7">2035                            <p class="apartment-infos mb-0">2036                                2037                                    1½ à partir de 799$2038                                2039                            </p>2040                            <p class="apartment-availability footnotes">2041                                Libre immédiatement2042                            </p>2043                        </div>2044                        <div class="col-5 text-right">2045                            2046                                2047                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2048                                2049                            2050                                2051                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2052                                2053                            2054                                2055                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2056                                2057                            2058                                2059                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2060                                2061                            2062                                2063                            2064                                2065                            2066                            2067                                <p class="footnotes d-inline"> +2</p>2068                            2069                        </div>2070                    </div>2071                2072            2073            2074        </div>2075    </div>2076</div>20772078    </a>2079    2080    <a 2081        href="/logement/312"2082        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2083        data-type="3"2084        data-borough="10"2085    >2086        2087208820892090<script>2091    function displayNowAvailableBubble(buildingId) {2092        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2093        nowAvailableBubble.classList.remove("d-none");2094    }2095</script>20962097<div class="row">2098    2099    2100    2101    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2102    2103    2104    2105    2106    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2107        <p class="text-white m-0">En vedette</p>2108    </div>2109    2110    2111    <div class="col-6 apartment-col">2112        <div class="row">2113            <div class="col-12 pr-0">2114                2115                <img 2116                    class="rounded-left apartment-image" 2117                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2118                    alt="unit image"2119                    width=100%2120                    height=232px2121                />2122                2123            </div>2124        </div>2125    </div>2126    2127    2128    <div class="col-6 apartment-col">2129        <div class="row">2130            <div class="col-12 pl-0">2131                <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"2132                   alt="unit image" width="100%" height="116px">2133            </div>2134        </div>2135        2136        <div class="row">2137            <div class="col-12 pl-0">2138                <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"2139                    alt="unit image" width=100% height=116px>2140            </div>2141        </div>2142        2143    </div>2144    2145    2146    2147</div>21482149        2150215121522153<div class="row mt-4">2154    <div class="col-12">2155        <div class="card-body p-0 text-left">2156            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2157            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2158            2159                2160                    <div class="row">2161                        <div class="col-7">2162                            <p class="apartment-infos mb-0">2163                                2164                                    4½ à partir de 1595$2165                                2166                            </p>2167                            <p class="apartment-availability footnotes">2168                                octobre 20262169                            </p>2170                        </div>2171                        <div class="col-5 text-right">2172                            2173                                2174                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2175                                2176                            2177                                2178                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2179                                2180                            2181                                2182                                    <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>2183                                2184                            2185                            2186                        </div>2187                    </div>2188                2189            2190            2191        </div>2192    </div>2193</div>21942195    </a>2196    2197    <a 2198        href="/logement/160"2199        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2200        data-type="3"2201        data-borough="6"2202    >2203        2204220522062207<script>2208    function displayNowAvailableBubble(buildingId) {2209        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2210        nowAvailableBubble.classList.remove("d-none");2211    }2212</script>22132214<div class="row">2215    2216    2217    2218    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2219    2220    2221    2222    2223    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2224        <p class="text-white m-0">En vedette</p>2225    </div>2226    2227    2228    <div class="col-6 apartment-col">2229        <div class="row">2230            <div class="col-12 pr-0">2231                2232                <img 2233                    class="rounded-left apartment-image" 2234                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2235                    alt="unit image"2236                    width=100%2237                    height=232px2238                />2239                2240            </div>2241        </div>2242    </div>2243    2244    2245    <div class="col-6 apartment-col">2246        <div class="row">2247            <div class="col-12 pl-0">2248                <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"2249                   alt="unit image" width="100%" height="116px">2250            </div>2251        </div>2252        2253        <div class="row">2254            <div class="col-12 pl-0">2255                <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"2256                    alt="unit image" width=100% height=116px>2257            </div>2258        </div>2259        2260    </div>2261    2262    2263    2264</div>22652266        2267226822692270<div class="row mt-4">2271    <div class="col-12">2272        <div class="card-body p-0 text-left">2273            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2274            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2275            2276                2277                    <div class="row">2278                        <div class="col-7">2279                            <p class="apartment-infos mb-0">2280                                2281                                    4½ à partir de 1250$2282                                2283                            </p>2284                            <p class="apartment-availability footnotes">2285                                Libre immédiatement2286                            </p>2287                        </div>2288                        <div class="col-5 text-right">2289                            2290                                2291                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2292                                2293                            2294                                2295                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2296                                2297                            2298                                2299                                    <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>2300                                2301                            2302                                2303                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2304                                2305                            2306                            2307                        </div>2308                    </div>2309                2310            2311            2312        </div>2313    </div>2314</div>23152316    </a>2317    2318</div>23192320        </div>2321        2322    </div>232323242325        </div>2326    </div>2327</div>2328<div class="bg-primary py-5 mt-5">2329    <div class="container">2330        <div class="row justify-content-center">2331            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2332                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2333                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2334                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2335            </div>2336        </div>2337    </div>2338</div>2339<div id="modal-inquire" class="modal">2340    2341234223432344<div class="inquire-step-1 container p-0 mb-5 position-relative">2345    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2346    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2347    <p>418-626-3070</p>2348    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="86eae9e5e7f2efe9e8c6eae7e0f4e7e8e5e3abebe7f2eeefe3f3a8e5e9eb">[email&#160;protected]</a></p>2349    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2350    <p class="text-gray-light">Intéressé par ces unités</p>23512352    <div class="d-inline-flex flex-wrap">2353        2354        2355        <button2356            class="inquire-room btn btn-normal mb-3"2357            data-unit_room="4½"2358            data-toggle="button"2359        >23602361        </button>2362        2363        2364    </div>23652366    <div class="dropdown mb-4">2367        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2368            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2369            <p class="inquire-units-label-title text-uppercase mb-0">2370                Unité(s) spécifique(s)2371            </p>2372            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2373                Aucune choisie2374            </p>2375            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2376        </div>2377        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2378            2379            2380            <button class="inquire-units-choice dropdown-item" data-unit="7"2381                data-unit_room="4½">2382                72383            </button>2384            2385            2386        </div>2387    </div>238823892390    <p class="text-gray-light">Date de déménagement prévue</p>2391    <div id="inquire-datepicker" class="input-group date mt-1">2392        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2393        <div class="input-group-addon">2394            <span class="glyphicon glyphicon-th"></span>2395        </div>2396    </div>2397</div>23982399<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2400    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2401    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2402    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2403    <form id="inquire-form">2404        <div class="form-group">2405            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2406                placeholder="Prénom"></input>2407        </div>2408        <div class="form-group">2409            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2410                placeholder="Nom de famille"></input>2411        </div>2412        <div class="form-group">2413            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2414                <option id="email" value="email" selected>Courriel</option>2415                <option id="phone" value="phone">Téléphone</option>2416            </select>2417        </div>2418        <div id="inquireForm-contact-email" class="form-group">2419            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2420                placeholder="Adresse courriel"></input>2421        </div>2422        <div id="inquireForm-contact-phone" class="form-group d-none">2423            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2424                placeholder="Numéro de téléphone"></input>2425        </div>2426        <div class="form-group">2427            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2428                placeholder="Questions ou notes"></textarea>2429        </div>2430        <div id="g-recaptcha-error"></div>2431        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2432    </form>2433</div>24342435<div class="inquire-step-3 d-none position-relative">2436    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2437    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2438        height="66px">2439    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2440    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2441</div>24422443<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2444    Continuer2445</button>2446<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2447    Soumettre2448</button>2449<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2450    var recaptcha_response = '';2451    window.isCondo = "False" == "True";2452    document.getElementById("inquire-datepicker-input").value = "";2453    2454    function scrollToTopOfForm() {2455        const top = document.getElementById("inquire-step-1");2456        top.scrollIntoView();2457    }2458    function submitForm() {2459        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2460            onContinue2Click('o2XOUok4zEokSHid6VHtqvpRGMbjswdD0LfvccQFfSDQH0uei6gNMSeFtSx4Xxv0');2461            const confirmation = document.getElementById("inquire-confirmation");2462            confirmation.scrollIntoView();2463        }2464        else {2465            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2466        }2467    }24682469    function verifyCaptcha(token) {2470        recaptcha_response = token;2471        document.getElementById('g-recaptcha-error').innerHTML = '';2472    }2473</script>24742475</div>2476247724782479<div id="modal-share" class="modal">2480    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2481        <div class="modal-content">2482            <div class="modal-body">2483                Partager ce logement2484                <div id="share-widget-container" class="d-flex justify-content-center"></div>2485            </div>2486        </div>2487    </div>2488</div>248924902491<script src="/static/js/share.js" defer></script>24922493249424952496            </main>2497            <footer>2498                249925002501<div class="footer row m-0 p-5 justify-content-center bg-black">2502    <div class="container m-0">2503        <div class="row mb-3">2504            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2505                height="80px" class="footer-logo">2506        </div>2507        <div class="row">2508            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2509                <p class="footer-title mb-2">Contactez-nous</p>2510                <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>2511                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2512                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2513                    <span class="footer-phone">418 626-5500</span>2514                </a>2515                <a href="/cdn-cgi/l/email-protection#b1d8dfd7def1ddd0d7c3d0dfd2d49cdcd0c5d9d8d4c49fd2dedc" target="_blank" class="mb-3 d-flex align-items-center">2516                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2517                    <span><span class="__cf_email__" data-cfemail="e58c8b838aa589848397848b8680c88884918d8c8090cb868a88">[email&#160;protected]</span></span>2518                </a>2519                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2520                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42521                </a>2522                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2523                <div class="d-flex">2524                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2525                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2526                            class="footer-social-icon mr-3" />2527                    </a>2528                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2529                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2530                            class="footer-social-icon" />2531                    </a>2532                </div>2533            </div>2534            <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">2535                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2536                <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>2537                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2538                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2539                    <span class="footer-phone">418-626-5500</span>2540                </a>2541                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2542                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2543                    <span>Se connecter à l’Espace client</span>2544                </a>2545                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2546                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2547                    <span>Se connecter à Sensaas</span>2548                </a>2549            </div>2550            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2551                <ul class="navbar-nav">2552                    2553                    25542555<li class="nav-item  ">2556    <a class="nav-link py-0 footer-main-navigation mb-3"2557        href="/">Accueil</a>2558    <hr class="my-1 border-gray-medium d-none">2559</li>256025612562                    2563                    25642565<li class="nav-item  ">2566    <a class="nav-link py-0 footer-main-navigation mb-3"2567        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2568    <hr class="my-1 border-gray-medium d-none">2569</li>257025712572                    2573                    25742575<li class="nav-item  ">2576    <a class="nav-link py-0 footer-main-navigation mb-3"2577        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2578    <hr class="my-1 border-gray-medium d-none">2579</li>258025812582                    2583                    25842585<li class="nav-item  ">2586    <a class="nav-link py-0 footer-main-navigation mb-3"2587        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2588    <hr class="my-1 border-gray-medium d-none">2589</li>259025912592                    2593                    25942595<li class="nav-item  ">2596    <a class="nav-link py-0 footer-main-navigation mb-3"2597        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2598    <hr class="my-1 border-gray-medium d-none">2599</li>260026012602                    2603                    26042605<li class="nav-item  ">2606    <a class="nav-link py-0 footer-main-navigation mb-3"2607        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2608    <hr class="my-1 border-gray-medium d-none">2609</li>261026112612                    2613                </ul>2614            </div>2615            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2616                <ul class="navbar-nav">2617                    2618                    26192620<li class="nav-item  ">2621    <a class="nav-link py-0 footer-main-navigation mb-3"2622        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</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="/blog">Blogue</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="/faire-carriere/">Carrières</a>2643    <hr class="my-1 border-gray-medium d-none">2644</li>264526462647                    2648                </ul>2649            </div>2650        </div>2651    </div>2652</div>26532654265526562657<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">2658    <div class="d-flex justify-content-center">2659        <ul class="list-inline mb-1">2660            2661            <li class="list-inline-item">2662                <a href=/conditions-utilisation>2663                    Conditions d'utilisation2664                </a>2665            </li>2666            2667            2668            <li class="list-inline-item">2669                <a href=/politique-confidentialite>2670                    Politique de confidentialité2671                </a>2672            </li>2673            2674            2675            <li class="list-inline-item">2676                <a href=/protection-renseignements-personnels>2677                    Protection des renseignements personnels2678                </a>2679            </li>2680            2681            2682            <li class="list-inline-item">2683                <a href=/temoins-navigation>2684                    Gérer vos témoins de navigation2685                </a>2686            </li>2687            2688        </ul>2689    </div>2690    <div class="d-flex justify-content-center">2691        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2692    </div>2693</div>26942695            </footer>2696        26972698<!-- Cookie Banner -->2699<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2700    <div class="gilm-cookie-banner-container">2701        <div class="gilm-cookie-banner-text">2702            <p>2703                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2704                sites2705                Web2706                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2707                témoins,2708                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2709                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2710                l'utilisation2711                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2712            </p>2713            <p class="d-sm-none">2714                <a href=/temoins-navigation>2715                    Gérer vos témoins de navigation2716                </a>2717                <br/>2718                <a href=/politique-confidentialite>2719                    Politique de confidentialité2720                </a>2721                <br/>2722                <a href=/conditions-utilisation>2723                    Conditions d'utilisation2724                </a>2725            </p>2726            <p class="d-none d-sm-block">2727                <a href=/temoins-navigation>2728                    Gérer vos témoins de navigation2729                </a>2730                -2731                <a href=/politique-confidentialite>2732                    Politique de confidentialité2733                </a>2734                -2735                <a href=/conditions-utilisation>2736                    Conditions d'utilisation2737                </a>2738            </p>2739        </div>2740        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2741                onclick="window.gilm_hideCookieBanner()">2742            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2743        </button>2744    </div>2745</div>2746<!-- End of Cookie Banner -->2747        </div>2748        <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">2749        </script>2750        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2751        </script>2752        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2753        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2754        </script>2755        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2756        </script>2757        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2758        </script>2759        <script type="text/javascript" src="/static/js/carousel.js">2760        </script>2761        <script type="text/javascript" src="/static/js/cookie_banner.js">2762        </script>2763        <script id="search-script" type="text/javascript" src="/static/js/search.js">2764        </script>2765        <script type="text/javascript" src="/static/js/jssocials.min.js">2766        </script>2767        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2768        </script>2769        <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">2770        </script>2771        <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">2772        </script>2773        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2774        <script>2775            window.dataLayer = window.dataLayer || [];27762777            function gtag() {2778                dataLayer.push(arguments);2779            }2780            gtag('js', new Date());2781            gtag('config', 'UA-20687227-3');2782        </script>2783        2784<script src="/static/js/inquire.js"></script>2785<script src="/static/js/leaflet.js" is-building-details="true"></script>27862787        2788    </body>27892790    </html>2791