SPB Git

spb/lou-ka Public

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

HTML 99.7%
100.0 KB · 2,790 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/346" />24<meta name="title" content="Logement a louer - 6032, boul. Henri-Bourassa">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>6032, boul. Henri-Bourassa - 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#127b7c747d527e737460737c71773f7f73667a7b77673c717d7f" 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="ea83848c85aa868b8c988b84898fc7878b9e82838f9fc4898587">[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; Charlesbourg</p>930        <h2 id="building-address-1">6032, boul. Henri-Bourassa</h2>931        <p id="building-address-2" class="subtext">932            Québec,  (Québec),933            934            G1H2A7935        </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 - 6032, boul. Henri-Bourassa`, `https://lafrance-mathieu.com/logement/346`)">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/PPD_20_cdba1d08-00f6-11f0-9a08-123a044ec477.jpg" alt="facade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_21_ce943fa6-00f6-11f0-9a08-123a044ec477.jpg" alt="facade2">966        967        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_23_cf2e709e-00f6-11f0-9a08-123a044ec477.jpg" alt="facade">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/PPD_20_cdba1d08-00f6-11f0-9a08-123a044ec477.jpg" alt="facade">973        974        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_21_ce943fa6-00f6-11f0-9a08-123a044ec477.jpg" alt="facade2">975        976        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_23_cf2e709e-00f6-11f0-9a08-123a044ec477.jpg" alt="facade">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/PPD_20_cdba1d08-00f6-11f0-9a08-123a044ec477.jpg" alt="facade" style="object-fit: cover" height="auto">994        995            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_21_ce943fa6-00f6-11f0-9a08-123a044ec477.jpg" alt="facade2" style="object-fit: cover" height="auto">996        997            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_23_cf2e709e-00f6-11f0-9a08-123a044ec477.jpg" alt="facade" 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="0a6665696b7e6365644a666b6c786b64696f27676b7e62636f7f24696567">[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="5½"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="6032, boul. Henri-Bourassa"1050                data-unit_room="5½">1051                6032, boul. Henri-Bourassa1052            </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('t15ql3buaZlGKnTVQpFiXLRY9xVc53je5Kn7DRH5QdAczG5W2AeCj8GMWDhXA4BB');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            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1172                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1173                <p class="attribute-description mb-0">Insonorisation supérieure</p>1174            </li>1175        1176            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1177                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1178                <p class="attribute-description mb-0">Entrées individuelles extérieures</p>1179            </li>1180        1181    </ul>118211831184            </div>1185        </div>1186    </div>1187</div>118811891190</div>119111921193119411951196<script>1197function scrollToId(unitRoomId) {1198    removeAllActive();11991200    const scrollOptions = {1201        behavior: "smooth",1202        block: "start"1203    };12041205    const defaultFilter = document.getElementById("unit-room-filter-all");1206    if (unitRoomId === "all") {1207        defaultFilter.classList.add("active");1208        defaultFilter.scrollIntoView(scrollOptions);1209    } else {1210        const element = document.getElementById(`unit-room-${unitRoomId}`);1211        if (!!element) {1212            element.scrollIntoView(scrollOptions);1213            const defaultFilter = document.getElementById("unit-room-filter-all");1214            defaultFilter.classList.remove("active");1215            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1216            filter.classList.add("active");12171218        }1219    }1220}12211222function removeAllActive() {1223    const elements = document.getElementsByClassName("unit-room-filter");1224    for (element of elements) element.classList.remove("active");1225}1226</script>12271228<div class="container">1229    <div class="row mt-5">1230        <div class="col-md-12">1231            <h2 id="anchor-units" class="mb-3">Unités</h2>1232            1233            <ul class="list-inline mb-0 position-relative">1234                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1235                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1236                        <span>Toutes</span>1237                    </button>1238                </li>1239                1240                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-36580">1241                    <button onclick="scrollToId('36580');" class="unit-room-filter-button btn btn-no-outline">1242                        <span class="text-primary">5½</span> <span class="text-gray-light">(1)</span>1243                    </button>1244                </li>1245                1246            </ul>1247            1248        </div>1249    </div>1250</div>1251<div class="bg-background-gray pb-3">1252    <div class="container">1253        <div class="row">1254            <div class="col-12 p-0">1255                1256                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1257                    <div style="position: absolute; top: -134px;" id="unit-room-36580"></div>1258                    <div id="modal-details-36580" class="modal">1259                        126012611262<div class="container mt-5">1263    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1264        12651266<div class="row">1267    <div class="col-9">1268    <h2>1269        1270            5½ from $2010 to $20101271        1272    </h2>1273    </div>1274    <div class="col-3 text-right">1275        <button class="btn-close" data-toggle="modal" data-target="#modal-details-36580"></button>1276    </div>1277</div>1278<div class="row">1279    <div class="col-9">1280        12811282<p class="">1283    1 1284    <span class="text-lowercase">1285        1286            unité1287        1288    </span>1289</p>1290    </div>1291    <div class="col-3 text-right">1292        1293    </div>1294</div>1295<div class="row">1296    <div class="col-12" id="unit-modal-carousel-36580">1297        12981299<div class="unit-detail-carousel">1300    <div class="slider slider-for">1301        1302        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_12_7e3b205a-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1303        1304        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_11_7edff166-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1305        1306        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_10_7fac2c86-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1307        1308        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_14_8058af42-00f7-11f0-84ef-123a044ec477.jpg" alt="sm">1309        1310        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_15_810e9b90-00f7-11f0-84ef-123a044ec477.jpg" alt="sm">1311        1312        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_17_81a0cf42-00f7-11f0-84ef-123a044ec477.jpg" alt="salon">1313        1314        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_9_824e9d2a-00f7-11f0-84ef-123a044ec477.jpg" alt="sb">1315        1316        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_8_8300b096-00f7-11f0-84ef-123a044ec477.jpg" alt="sb">1317        1318        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_7_83d30d52-00f7-11f0-84ef-123a044ec477.jpg" alt="rangement">1319        1320        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_6_8495fbc8-00f7-11f0-84ef-123a044ec477.jpg" alt="chambre">1321        1322    </div>1323    <div class="slider slider-nav mt-2">1324        1325        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_12_7e3b205a-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1326        1327        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_11_7edff166-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1328        1329        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_10_7fac2c86-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine">1330        1331        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_14_8058af42-00f7-11f0-84ef-123a044ec477.jpg" alt="sm">1332        1333        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_15_810e9b90-00f7-11f0-84ef-123a044ec477.jpg" alt="sm">1334        1335        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_17_81a0cf42-00f7-11f0-84ef-123a044ec477.jpg" alt="salon">1336        1337        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_9_824e9d2a-00f7-11f0-84ef-123a044ec477.jpg" alt="sb">1338        1339        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_8_8300b096-00f7-11f0-84ef-123a044ec477.jpg" alt="sb">1340        1341        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_7_83d30d52-00f7-11f0-84ef-123a044ec477.jpg" alt="rangement">1342        1343        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_6_8495fbc8-00f7-11f0-84ef-123a044ec477.jpg" alt="chambre">1344        1345    </div>1346</div>13471348    </div>1349</div>1350<div class="row mt-3">1351    <div class="col-12 unit-commodities">1352        1353        1354135513561357    1358        <p class="small-header pb-1">1359            Commodités de l'unité1360        </p>1361    1362    <ul class="list-unstyled d-flex flex-wrap mb-1">1363        1364            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1365                <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">1366                <p class="attribute-description mb-0">Stationnement extérieur</p>1367            </li>1368        1369    </ul>137013711372    </div>1373</div>1374<div class="row mt-3">1375    <div class="col-12 unit-characteristics">1376        1377        13781379138013811382    </div>1383</div>138413851386        <div class="units-detail mt-5">1387            <h2>Unités</h2>1388            1389139013911392<div class="row" id="units-for-unit-room-36580">1393    1394    1395    <div class="col-12 h-100  ">1396        <div class="h-100 border-bottom">1397            <div class="row mt-3">1398                <div class="col-sm-6 col-md-4">1399                    <p class="small-header">unité</p>1400                    <p>1401                        6032, boul. Henri-Bourassa1402                        1403                        <span>&middot; 1er étage</span>1404                        1405                    </p>1406                </div>1407                <div class="col-sm-6 col-md-4">1408                    <p class="small-header">Disponibilité</p>1409                    <p class="text-primary">1410                        Libre immédiatement1411                    </p>1412                </div>1413                <div class="col-sm-6 col-md-4">1414                    <p class="small-header">À partir de</p>1415                    <p>2010,00$</p>1416                </div>1417                1418            </div>1419            <div class="row">1420            </div>1421            1422        </div>1423    </div>1424    1425    1426</div>14271428        </div>1429        1430    </div>1431</div>1432                    </div>1433                    <div class="row">1434                        <div class="col-6">1435                            <h4>1436                                1437                                5½ à partir de 2010,00$1438                            1439                            </h4>1440                        </div>1441                        <div class="col-6 d-flex justify-content-end">1442                            1443                            1444                            1445                            <button1446    class="btn text-primary share-button-small"1447    data-toggle="modal"1448    data-target="#modal-share"1449    onclick="configureShareWidget(`5½ à louer - 6032, boul. Henri-Bourassa`, `https://lafrance-mathieu.com/logement/346`)">1450    <i class="fas fa-share-square mr-1"></i>1451    <span>Partager</span>1452</button>14531454                            1455                        </div>1456                    </div>1457                    <div class="row">1458                        <div class="col-md-4">1459                            <div class="row">1460                                <div class="col-12">1461                                    14621463                                    146414651466<div class="unit-image-counter d-flex align-items-center">1467    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1468    <span class="ml-1 text-white small">10</span>1469</div>147014711472<div class="single-item-small">1473    <div class="single-item-arrow--left ml-3"></div>1474    <div class="single-item">1475        1476            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_12_7e3b205a-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine" style="object-fit: cover" height="auto">1477        1478            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_11_7edff166-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine" style="object-fit: cover" height="auto">1479        1480            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_10_7fac2c86-00f7-11f0-84ef-123a044ec477.jpg" alt="cuisine" style="object-fit: cover" height="auto">1481        1482            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_14_8058af42-00f7-11f0-84ef-123a044ec477.jpg" alt="sm" style="object-fit: cover" height="auto">1483        1484            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_15_810e9b90-00f7-11f0-84ef-123a044ec477.jpg" alt="sm" style="object-fit: cover" height="auto">1485        1486            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_17_81a0cf42-00f7-11f0-84ef-123a044ec477.jpg" alt="salon" style="object-fit: cover" height="auto">1487        1488            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_9_824e9d2a-00f7-11f0-84ef-123a044ec477.jpg" alt="sb" style="object-fit: cover" height="auto">1489        1490            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_8_8300b096-00f7-11f0-84ef-123a044ec477.jpg" alt="sb" style="object-fit: cover" height="auto">1491        1492            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_7_83d30d52-00f7-11f0-84ef-123a044ec477.jpg" alt="rangement" style="object-fit: cover" height="auto">1493        1494            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD_6_8495fbc8-00f7-11f0-84ef-123a044ec477.jpg" alt="chambre" style="object-fit: cover" height="auto">1495        1496    </div>1497    <div class="single-item-arrow--right mr-3"></div>1498</div>14991500                                    1501                                </div>1502                            </div>1503                            1504                        </div>1505                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1506                            <div class="row flex-grow-1">1507                                1508                                <div class="unit-commodities unit-specs col-sm-6">1509                                    1510                                    1511151215131514    1515        <p class="small-header pb-1">1516            Commodités de l'unité1517        </p>1518    1519    <ul class="list-unstyled d-flex flex-wrap mb-1">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_dca93cae-7ff5-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1552                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</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_e4ecf7a2-7ff5-11ea-abd0-1275881fc0b8.png" alt="icon" height="15px" width="15px">1557                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1558            </li>1559        1560    </ul>156115621563                                </div>1564                                1565                            </div>1566                            1567                        </div>1568                    </div>1569                    <div class="row mt-3">1570                        <div class="col-md-4">1571                            <button1572                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1573                                data-unit_room="5½">1574                                S'informer1575                            </button>1576                            <button1577                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1578                              data-unit_room="5½" onclick="displayInquiryAndScroll();">1579                                S'informer1580                            </button>1581                        </div>1582                    </div>1583                    <div class="units-detail">1584                      15851586<p class="mb-0 mt-4">1587    1 1588    <span class="text-lowercase">1589        1590            unité1591        1592    </span>1593</p>1594                        1595159615971598<div class="row" id="units-for-unit-room-36580">1599    1600    1601    <div class="col-12 h-100  ">1602        <div class="h-100 border-bottom">1603            <div class="row mt-3">1604                <div class="col-sm-6 col-md-4">1605                    <p class="small-header">unité</p>1606                    <p>1607                        6032, boul. Henri-Bourassa1608                        1609                        <span>&middot; 1er étage</span>1610                        1611                    </p>1612                </div>1613                <div class="col-sm-6 col-md-4">1614                    <p class="small-header">Disponibilité</p>1615                    <p class="text-primary">1616                        Libre immédiatement1617                    </p>1618                </div>1619                <div class="col-sm-6 col-md-4">1620                    <p class="small-header">À partir de</p>1621                    <p>2010,00$</p>1622                </div>1623                1624            </div>1625            <div class="row">1626            </div>1627            1628        </div>1629    </div>1630    1631    1632</div>16331634                    </div>1635                    1636                </div>1637                1638            </div>1639        </div>1640    </div>1641</div>16421643<div id="modal-video" class="modal">1644    <div class="modal-dialog modal-lg" role="document">1645        <div class="modal-content">1646            <div id="modal-video-body" class="modal-body">1647            </div>1648        </div>1649    </div>1650</div>16511652<script type="text/javascript">1653    const toggleHiddenUnits = (unitRoomId) => {1654        if (unitRoomId) {1655            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1656            for (unit of hiddenUnits) {1657                unit.classList.toggle("d-none");1658            }16591660            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1661            if (seeMoreButton.textContent === "Voir plus")1662                seeMoreButton.textContent = "Voir moins";1663            else1664                seeMoreButton.textContent = "Voir plus";1665        }1666    }16671668    const playVideo = (el) => {1669        const list = el.getElementsByTagName('video');1670        if (!list || !list.length)1671            return;16721673        const video = list[0];1674        const container = document.getElementById('modal-video-body');1675        container.appendChild(video);1676        video.play();16771678        el.classList.add('show-placeholder');16791680        $("#modal-video").modal();1681        $("#modal-video").on('hidden.bs.modal', () => {1682            el.classList.remove('show-placeholder');1683            el.insertBefore(video, el.children[0]);1684            video.currentTime = 0;1685            video.pause();1686        });1687    }16881689    function displayInquiryAndScroll() {1690        displayInquiry();1691        const form = document.getElementById("inquire-form-anchor");1692        form.scrollIntoView();1693    }1694</script>169516961697<div class="container">1698    <div class="row mt-5">1699        <div class="col-md-6">1700            <div class="row">1701                <div class="col-12">1702                    <h2>À propos de l'immeuble</h2>1703                </div>1704            </div>1705            <div class="row">1706                <div class="col-12">1707                    <p class="mb-1"><strong>Adresse</strong></p>1708                    17091710<script id="building-coordinates" type="application/json">[]</script>17111712<div id="map-container" class="footer mb-2 mt-1">1713    <div id="interactive-map" style="height: 100%;" class="rounded">1714    </div>1715</div>17161717                    <p class="mb-0">6032, boul. Henri-Bourassa</p>1718                    <p class="mb-0">Québec,  (Québec), </p>1719                    <p class="mb-3">G1H2A7</p>1720                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%206032%20boul.%20Henri-Bourassa%20Quebec%20%20(Quebec)%20G1H2A7" target="_blank">1721                        Ouvrir sur Google Maps1722                    </a>1723                </div>1724            </div>1725            <hr>1726            <div class="row">1727                <div class="col-12">1728                    <p><strong>Plus d'informations</strong></p>1729                    <div class="row">1730                        1731                        <div class="col-md-4">1732                            <p class="subtext">Nombre d'étages</p>1733                            <p class="d-md-none">1734                                1735                                3 étage(s)1736                                1737                            </p>1738                        </div>1739                        1740                        <div class="col-md-4">1741                            <p class="subtext">Nombre total d'unités</p>1742                            <p class="d-md-none">1743                                1744                            1 unités1745                        1746                            </p>1747                        </div>1748                        1749                        <div class="col-md-4">1750                            <p class="subtext">Année de construction</p>1751                            <p class="d-md-none">2024</p>1752                        </div>1753                        1754                    </div>1755                    <div class="row mb-3 d-none d-md-flex">1756                        1757                        <div class="col-md-4">1758                            <p class="">1759                                1760                                3 étage(s)1761                                1762                            </p>1763                        </div>1764                        1765                        <div class="col-md-4">1766                            <p class="">1767                                1768                            1 unités1769                        1770                            </p>1771                        </div>1772                        1773                        <div class="col-md-4">1774                            <p class="">2024</p>1775                        </div>1776                        1777                    </div>1778                    1779                </div>1780            </div>1781            1782            <hr>1783            <div class="row">1784                <div class="col-12">1785                    <p><strong>Commodités de l'immeuble</strong></p>1786                    <div class="row">1787                        <div class="col-12">1788                            1789179017911792    1793    <ul class="list-unstyled d-flex flex-wrap mb-1">1794        1795            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1796                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1797                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1798            </li>1799        1800            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1801                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1802                <p class="attribute-description mb-0">Stationnement</p>1803            </li>1804        1805            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1806                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1807                <p class="attribute-description mb-0">Insonorisation supérieure</p>1808            </li>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">Entrées individuelles extérieures</p>1813            </li>1814        1815    </ul>181618171818                        </div>1819                    </div>1820                </div>1821            </div>1822            1823            1824            1825            <hr>1826            <div class="row">1827                <div class="col-12">1828                    <p><strong>Accès et services</strong></p>1829                    <div class="row">1830                        <div class="col-12">1831                            1832183318341835    1836    <ul class="list-unstyled d-flex flex-wrap mb-1">1837        1838            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1839                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1840                <p class="attribute-description mb-0">École</p>1841            </li>1842        1843            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1844                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1845                <p class="attribute-description mb-0">Épicerie</p>1846            </li>1847        1848            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1849                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1850                <p class="attribute-description mb-0">Commerces</p>1851            </li>1852        1853            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1854                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1855                <p class="attribute-description mb-0">Métrobus à proximité</p>1856            </li>1857        1858            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1859                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1860                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>1861            </li>1862        1863            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1864                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1865                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>1866            </li>1867        1868            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1869                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1870                <p class="attribute-description mb-0">Dépanneur</p>1871            </li>1872        1873            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1874                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1875                <p class="attribute-description mb-0">Garderies</p>1876            </li>1877        1878            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1879                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1880                <p class="attribute-description mb-0">Clinique médicale</p>1881            </li>1882        1883            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1884                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1885                <p class="attribute-description mb-0">Banque</p>1886            </li>1887        1888            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1889                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1890                <p class="attribute-description mb-0">Pharmacie</p>1891            </li>1892        1893            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1894                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1895                <p class="attribute-description mb-0">Parc</p>1896            </li>1897        1898            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1899                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1900                <p class="attribute-description mb-0">Près d&#x27;un Cégep</p>1901            </li>1902        1903    </ul>190419051906                        </div>1907                    </div>1908                </div>1909            </div>1910            1911        </div>1912        1913        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">1914            <div class="shadow">1915                <img 1916                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/Quebec-Parc_des_Moulins.jpeg"1917                    alt="Borough image"1918                    width="100%"1919                    height="200px"1920                    class="object-fit-cover">1921                <div class="row p-4">1922                    <div class="col-12">1923                        <p class="small-header">À propos du quartier</p>1924                        <h3>Charlesbourg</h3>1925                        <p>L’arrondissement de Charlesbourg se démarque par sa qualité de vie et par les traces que son histoire a laissées dans le paysage.</p>1926                        <p>Le Trait-Carré, cœur historique de l’arrondissement, témoigne en effet de cet héritage et recèle de nombreux éléments architecturaux d’intérêt (galeries d’art, maisons ancestrales, lieux historiques). Avec près de 60% de son territoire agricole ou boisé, Charlesbourg offre un potentiel récréatif exceptionnel grâce à de nombreux parcs et espaces verts, tout en étant situé à quelques minutes du centre-ville de Québec.</p>1927                        <a href="/louer-appartement-quebec/charlesbourg">1928                            1929                  Voir les appartements à Charlesbourg1930                  1931                        </a>1932                    </div>1933                </div>1934            </div>1935        </div>1936        1937    </div>1938    <div class="row">1939        <div class="col-12">1940            1941194219431944    <div class="row mt-5 ">1945        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>1946        <div class="col-12 mb-3">1947            194819491950<div class="row">1951    1952    <a 1953        href="/logement/312"1954        class="appartments card border-white col-sm-6 mb-4 col-md-4  "1955        data-type="3"1956        data-borough="10"1957    >1958        1959196019611962<script>1963    function displayNowAvailableBubble(buildingId) {1964        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);1965        nowAvailableBubble.classList.remove("d-none");1966    }1967</script>19681969<div class="row">1970    1971    1972    1973    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>1974    1975    1976    1977    1978    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">1979        <p class="text-white m-0">En vedette</p>1980    </div>1981    1982    1983    <div class="col-6 apartment-col">1984        <div class="row">1985            <div class="col-12 pr-0">1986                1987                <img 1988                    class="rounded-left apartment-image" 1989                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"1990                    alt="unit image"1991                    width=100%1992                    height=232px1993                />1994                1995            </div>1996        </div>1997    </div>1998    1999    2000    <div class="col-6 apartment-col">2001        <div class="row">2002            <div class="col-12 pl-0">2003                <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"2004                   alt="unit image" width="100%" height="116px">2005            </div>2006        </div>2007        2008        <div class="row">2009            <div class="col-12 pl-0">2010                <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"2011                    alt="unit image" width=100% height=116px>2012            </div>2013        </div>2014        2015    </div>2016    2017    2018    2019</div>20202021        2022202320242025<div class="row mt-4">2026    <div class="col-12">2027        <div class="card-body p-0 text-left">2028            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2029            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2030            2031                2032                    <div class="row">2033                        <div class="col-7">2034                            <p class="apartment-infos mb-0">2035                                2036                                    4½ à partir de 1595$2037                                2038                            </p>2039                            <p class="apartment-availability footnotes">2040                                octobre 20262041                            </p>2042                        </div>2043                        <div class="col-5 text-right">2044                            2045                                2046                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2047                                2048                            2049                                2050                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2051                                2052                            2053                                2054                                    <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>2055                                2056                            2057                            2058                        </div>2059                    </div>2060                2061            2062            2063        </div>2064    </div>2065</div>20662067    </a>2068    2069    <a 2070        href="/logement/160"2071        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2072        data-type="3"2073        data-borough="6"2074    >2075        2076207720782079<script>2080    function displayNowAvailableBubble(buildingId) {2081        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2082        nowAvailableBubble.classList.remove("d-none");2083    }2084</script>20852086<div class="row">2087    2088    2089    2090    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2091    2092    2093    2094    2095    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2096        <p class="text-white m-0">En vedette</p>2097    </div>2098    2099    2100    <div class="col-6 apartment-col">2101        <div class="row">2102            <div class="col-12 pr-0">2103                2104                <img 2105                    class="rounded-left apartment-image" 2106                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2107                    alt="unit image"2108                    width=100%2109                    height=232px2110                />2111                2112            </div>2113        </div>2114    </div>2115    2116    2117    <div class="col-6 apartment-col">2118        <div class="row">2119            <div class="col-12 pl-0">2120                <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"2121                   alt="unit image" width="100%" height="116px">2122            </div>2123        </div>2124        2125        <div class="row">2126            <div class="col-12 pl-0">2127                <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"2128                    alt="unit image" width=100% height=116px>2129            </div>2130        </div>2131        2132    </div>2133    2134    2135    2136</div>21372138        2139214021412142<div class="row mt-4">2143    <div class="col-12">2144        <div class="card-body p-0 text-left">2145            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2146            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2147            2148                2149                    <div class="row">2150                        <div class="col-7">2151                            <p class="apartment-infos mb-0">2152                                2153                                    4½ à partir de 1250$2154                                2155                            </p>2156                            <p class="apartment-availability footnotes">2157                                Libre immédiatement2158                            </p>2159                        </div>2160                        <div class="col-5 text-right">2161                            2162                                2163                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2164                                2165                            2166                                2167                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2168                                2169                            2170                                2171                                    <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>2172                                2173                            2174                                2175                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2176                                2177                            2178                            2179                        </div>2180                    </div>2181                2182            2183            2184        </div>2185    </div>2186</div>21872188    </a>2189    2190    <a 2191        href="/logement/18"2192        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2193        data-type="3"2194        data-borough="3"2195    >2196        2197219821992200<script>2201    function displayNowAvailableBubble(buildingId) {2202        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2203        nowAvailableBubble.classList.remove("d-none");2204    }2205</script>22062207<div class="row">2208    2209    2210    2211    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2212    2213    2214    2215    2216    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2217        <p class="text-white m-0">En vedette</p>2218    </div>2219    2220    2221    <div class="col-6 apartment-col">2222        <div class="row">2223            <div class="col-12 pr-0">2224                2225                <img 2226                    class="rounded-left apartment-image" 2227                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2228                    alt="unit image"2229                    width=100%2230                    height=232px2231                />2232                2233            </div>2234        </div>2235    </div>2236    2237    2238    <div class="col-6 apartment-col">2239        <div class="row">2240            <div class="col-12 pl-0">2241                <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"2242                   alt="unit image" width="100%" height="116px">2243            </div>2244        </div>2245        2246        <div class="row">2247            <div class="col-12 pl-0">2248                <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"2249                    alt="unit image" width=100% height=116px>2250            </div>2251        </div>2252        2253    </div>2254    2255    2256    2257</div>22582259        2260226122622263<div class="row mt-4">2264    <div class="col-12">2265        <div class="card-body p-0 text-left">2266            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2267            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2268            2269                2270                    <div class="row">2271                        <div class="col-7">2272                            <p class="apartment-infos mb-0">2273                                2274                                    1½ à partir de 799$2275                                2276                            </p>2277                            <p class="apartment-availability footnotes">2278                                Libre immédiatement2279                            </p>2280                        </div>2281                        <div class="col-5 text-right">2282                            2283                                2284                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2285                                2286                            2287                                2288                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2289                                2290                            2291                                2292                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2293                                2294                            2295                                2296                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2297                                2298                            2299                                2300                            2301                                2302                            2303                            2304                                <p class="footnotes d-inline"> +2</p>2305                            2306                        </div>2307                    </div>2308                2309            2310            2311        </div>2312    </div>2313</div>23142315    </a>2316    2317</div>23182319        </div>2320        2321    </div>232223232324        </div>2325    </div>2326</div>2327<div class="bg-primary py-5 mt-5">2328    <div class="container">2329        <div class="row justify-content-center">2330            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2331                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2332                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2333                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2334            </div>2335        </div>2336    </div>2337</div>2338<div id="modal-inquire" class="modal">2339    2340234123422343<div class="inquire-step-1 container p-0 mb-5 position-relative">2344    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2345    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2346    <p>418-626-3070</p>2347    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a0cccfc3c1d4c9cfcee0ccc1c6d2c1cec3c58dcdc1d4c8c9c5d58ec3cfcd">[email&#160;protected]</a></p>2348    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2349    <p class="text-gray-light">Intéressé par ces unités</p>23502351    <div class="d-inline-flex flex-wrap">2352        2353        2354        <button2355            class="inquire-room btn btn-normal mb-3"2356            data-unit_room="5½"2357            data-toggle="button"2358        >23592360        </button>2361        2362        2363    </div>23642365    <div class="dropdown mb-4">2366        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2367            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2368            <p class="inquire-units-label-title text-uppercase mb-0">2369                Unité(s) spécifique(s)2370            </p>2371            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2372                Aucune choisie2373            </p>2374            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2375        </div>2376        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2377            2378            2379            <button class="inquire-units-choice dropdown-item" data-unit="6032, boul. Henri-Bourassa"2380                data-unit_room="5½">2381                6032, boul. Henri-Bourassa2382            </button>2383            2384            2385        </div>2386    </div>238723882389    <p class="text-gray-light">Date de déménagement prévue</p>2390    <div id="inquire-datepicker" class="input-group date mt-1">2391        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2392        <div class="input-group-addon">2393            <span class="glyphicon glyphicon-th"></span>2394        </div>2395    </div>2396</div>23972398<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2399    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2400    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2401    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2402    <form id="inquire-form">2403        <div class="form-group">2404            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2405                placeholder="Prénom"></input>2406        </div>2407        <div class="form-group">2408            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2409                placeholder="Nom de famille"></input>2410        </div>2411        <div class="form-group">2412            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2413                <option id="email" value="email" selected>Courriel</option>2414                <option id="phone" value="phone">Téléphone</option>2415            </select>2416        </div>2417        <div id="inquireForm-contact-email" class="form-group">2418            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2419                placeholder="Adresse courriel"></input>2420        </div>2421        <div id="inquireForm-contact-phone" class="form-group d-none">2422            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2423                placeholder="Numéro de téléphone"></input>2424        </div>2425        <div class="form-group">2426            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2427                placeholder="Questions ou notes"></textarea>2428        </div>2429        <div id="g-recaptcha-error"></div>2430        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2431    </form>2432</div>24332434<div class="inquire-step-3 d-none position-relative">2435    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2436    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2437        height="66px">2438    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2439    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2440</div>24412442<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2443    Continuer2444</button>2445<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2446    Soumettre2447</button>2448<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2449    var recaptcha_response = '';2450    window.isCondo = "False" == "True";2451    document.getElementById("inquire-datepicker-input").value = "";2452    2453    function scrollToTopOfForm() {2454        const top = document.getElementById("inquire-step-1");2455        top.scrollIntoView();2456    }2457    function submitForm() {2458        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2459            onContinue2Click('t15ql3buaZlGKnTVQpFiXLRY9xVc53je5Kn7DRH5QdAczG5W2AeCj8GMWDhXA4BB');2460            const confirmation = document.getElementById("inquire-confirmation");2461            confirmation.scrollIntoView();2462        }2463        else {2464            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2465        }2466    }24672468    function verifyCaptcha(token) {2469        recaptcha_response = token;2470        document.getElementById('g-recaptcha-error').innerHTML = '';2471    }2472</script>24732474</div>2475247624772478<div id="modal-share" class="modal">2479    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2480        <div class="modal-content">2481            <div class="modal-body">2482                Partager ce logement2483                <div id="share-widget-container" class="d-flex justify-content-center"></div>2484            </div>2485        </div>2486    </div>2487</div>248824892490<script src="/static/js/share.js" defer></script>24912492249324942495            </main>2496            <footer>2497                249824992500<div class="footer row m-0 p-5 justify-content-center bg-black">2501    <div class="container m-0">2502        <div class="row mb-3">2503            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2504                height="80px" class="footer-logo">2505        </div>2506        <div class="row">2507            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2508                <p class="footer-title mb-2">Contactez-nous</p>2509                <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>2510                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2511                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2512                    <span class="footer-phone">418 626-5500</span>2513                </a>2514                <a href="/cdn-cgi/l/email-protection#cca5a2aaa38ca0adaabeada2afa9e1a1adb8a4a5a9b9e2afa3a1" target="_blank" class="mb-3 d-flex align-items-center">2515                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2516                    <span><span class="__cf_email__" data-cfemail="5f363139301f333e392d3e313c3a72323e2b37363a2a713c3032">[email&#160;protected]</span></span>2517                </a>2518                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2519                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42520                </a>2521                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2522                <div class="d-flex">2523                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2524                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2525                            class="footer-social-icon mr-3" />2526                    </a>2527                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2528                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2529                            class="footer-social-icon" />2530                    </a>2531                </div>2532            </div>2533            <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">2534                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2535                <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>2536                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2537                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2538                    <span class="footer-phone">418-626-5500</span>2539                </a>2540                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2541                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2542                    <span>Se connecter à l’Espace client</span>2543                </a>2544                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2545                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2546                    <span>Se connecter à Sensaas</span>2547                </a>2548            </div>2549            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2550                <ul class="navbar-nav">2551                    2552                    25532554<li class="nav-item  ">2555    <a class="nav-link py-0 footer-main-navigation mb-3"2556        href="/">Accueil</a>2557    <hr class="my-1 border-gray-medium d-none">2558</li>255925602561                    2562                    25632564<li class="nav-item  ">2565    <a class="nav-link py-0 footer-main-navigation mb-3"2566        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2567    <hr class="my-1 border-gray-medium d-none">2568</li>256925702571                    2572                    25732574<li class="nav-item  ">2575    <a class="nav-link py-0 footer-main-navigation mb-3"2576        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2577    <hr class="my-1 border-gray-medium d-none">2578</li>257925802581                    2582                    25832584<li class="nav-item  ">2585    <a class="nav-link py-0 footer-main-navigation mb-3"2586        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2587    <hr class="my-1 border-gray-medium d-none">2588</li>258925902591                    2592                    25932594<li class="nav-item  ">2595    <a class="nav-link py-0 footer-main-navigation mb-3"2596        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2597    <hr class="my-1 border-gray-medium d-none">2598</li>259926002601                    2602                    26032604<li class="nav-item  ">2605    <a class="nav-link py-0 footer-main-navigation mb-3"2606        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2607    <hr class="my-1 border-gray-medium d-none">2608</li>260926102611                    2612                </ul>2613            </div>2614            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2615                <ul class="navbar-nav">2616                    2617                    26182619<li class="nav-item  ">2620    <a class="nav-link py-0 footer-main-navigation mb-3"2621        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2622    <hr class="my-1 border-gray-medium d-none">2623</li>262426252626                    2627                    26282629<li class="nav-item  ">2630    <a class="nav-link py-0 footer-main-navigation mb-3"2631        href="/blog">Blogue</a>2632    <hr class="my-1 border-gray-medium d-none">2633</li>263426352636                    2637                    26382639<li class="nav-item  ">2640    <a class="nav-link py-0 footer-main-navigation mb-3"2641        href="/faire-carriere/">Carrières</a>2642    <hr class="my-1 border-gray-medium d-none">2643</li>264426452646                    2647                </ul>2648            </div>2649        </div>2650    </div>2651</div>26522653265426552656<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">2657    <div class="d-flex justify-content-center">2658        <ul class="list-inline mb-1">2659            2660            <li class="list-inline-item">2661                <a href=/conditions-utilisation>2662                    Conditions d'utilisation2663                </a>2664            </li>2665            2666            2667            <li class="list-inline-item">2668                <a href=/politique-confidentialite>2669                    Politique de confidentialité2670                </a>2671            </li>2672            2673            2674            <li class="list-inline-item">2675                <a href=/protection-renseignements-personnels>2676                    Protection des renseignements personnels2677                </a>2678            </li>2679            2680            2681            <li class="list-inline-item">2682                <a href=/temoins-navigation>2683                    Gérer vos témoins de navigation2684                </a>2685            </li>2686            2687        </ul>2688    </div>2689    <div class="d-flex justify-content-center">2690        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2691    </div>2692</div>26932694            </footer>2695        26962697<!-- Cookie Banner -->2698<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2699    <div class="gilm-cookie-banner-container">2700        <div class="gilm-cookie-banner-text">2701            <p>2702                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2703                sites2704                Web2705                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2706                témoins,2707                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2708                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2709                l'utilisation2710                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2711            </p>2712            <p class="d-sm-none">2713                <a href=/temoins-navigation>2714                    Gérer vos témoins de navigation2715                </a>2716                <br/>2717                <a href=/politique-confidentialite>2718                    Politique de confidentialité2719                </a>2720                <br/>2721                <a href=/conditions-utilisation>2722                    Conditions d'utilisation2723                </a>2724            </p>2725            <p class="d-none d-sm-block">2726                <a href=/temoins-navigation>2727                    Gérer vos témoins de navigation2728                </a>2729                -2730                <a href=/politique-confidentialite>2731                    Politique de confidentialité2732                </a>2733                -2734                <a href=/conditions-utilisation>2735                    Conditions d'utilisation2736                </a>2737            </p>2738        </div>2739        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2740                onclick="window.gilm_hideCookieBanner()">2741            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2742        </button>2743    </div>2744</div>2745<!-- End of Cookie Banner -->2746        </div>2747        <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">2748        </script>2749        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2750        </script>2751        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2752        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2753        </script>2754        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2755        </script>2756        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2757        </script>2758        <script type="text/javascript" src="/static/js/carousel.js">2759        </script>2760        <script type="text/javascript" src="/static/js/cookie_banner.js">2761        </script>2762        <script id="search-script" type="text/javascript" src="/static/js/search.js">2763        </script>2764        <script type="text/javascript" src="/static/js/jssocials.min.js">2765        </script>2766        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2767        </script>2768        <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">2769        </script>2770        <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">2771        </script>2772        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>2773        <script>2774            window.dataLayer = window.dataLayer || [];27752776            function gtag() {2777                dataLayer.push(arguments);2778            }2779            gtag('js', new Date());2780            gtag('config', 'UA-20687227-3');2781        </script>2782        2783<script src="/static/js/inquire.js"></script>2784<script src="/static/js/leaflet.js" is-building-details="true"></script>27852786        2787    </body>27882789    </html>2790