SPB Git

spb/lou-ka Public

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

HTML 99.7%
115.2 KB · 3,017 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/300" />24<meta name="title" content="Logement a louer - 350, rue Gingras">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>350, rue Gingras - 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#1970777f765975787f6b78777a7c3474786d71707c6c377a7674" 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="bed7d0d8d1fed2dfd8ccdfd0dddb93d3dfcad6d7dbcb90ddd1d3">[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; Ste-Foy</p>930        <h2 id="building-address-1">350, rue Gingras</h2>931        <p id="building-address-2" class="subtext">932            Québec,933            (Québec), 934            G1X4C4935        </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 - 350, rue Gingras`, `https://lafrance-mathieu.com/logement/300`)">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/ext1_9cb8394e-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="facade">964        965        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_9dbb46c4-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="piscine">966        967        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_9eba803a-e5c6-11ed-bb2e-0ee34002bf15.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/ext1_9cb8394e-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="facade">973        974        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_9dbb46c4-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="piscine">975        976        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_9eba803a-e5c6-11ed-bb2e-0ee34002bf15.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/ext1_9cb8394e-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="facade" style="object-fit: cover" height="auto">994        995            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext2_9dbb46c4-e5c6-11ed-bb2e-0ee34002bf15.jpg" alt="piscine" style="object-fit: cover" height="auto">996        997            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/ext_9eba803a-e5c6-11ed-bb2e-0ee34002bf15.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="64080b0705100d0b0a2408050216050a0701490905100c0d01114a070b09">[email&#160;protected]</a></p>1018    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>1019    <p class="text-gray-light">Intéressé par ces unités</p>10201021    <div class="d-inline-flex flex-wrap">1022        1023        1024        <button1025            class="inquire-room btn btn-normal mb-3"1026            data-unit_room="4½"1027            data-toggle="button"1028        >10291030        </button>1031        1032        1033    </div>10341035    <div class="dropdown mb-4">1036        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"1037            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">1038            <p class="inquire-units-label-title text-uppercase mb-0">1039                Unité(s) spécifique(s)1040            </p>1041            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">1042                Aucune choisie1043            </p>1044            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>1045        </div>1046        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">1047            1048            1049            <button class="inquire-units-choice dropdown-item" data-unit="218"1050                data-unit_room="4½">1051                2181052            </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('xA2Udlfvn73922SYBLk8hZjHnSPJs1y69jkBv9L63liFRl4ZNWTsDm8vaYbuX2Qt');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">Intercom</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">Équipe de maintenance 24h</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">Service de buanderie</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">Stationnement</p>1179            </li>1180        1181            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1182                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1183                <p class="attribute-description mb-0">Insonorisation supérieure</p>1184            </li>1185        1186            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1187                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1188                <p class="attribute-description mb-0">Piscine</p>1189            </li>1190        1191            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1192                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1193                <p class="attribute-description mb-0">Planchers en béton</p>1194            </li>1195        1196            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1197                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1198                <p class="attribute-description mb-0">Ascenseur</p>1199            </li>1200        1201            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1202                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1203                <p class="attribute-description mb-0">Salle d&#x27;entrainement</p>1204            </li>1205        1206    </ul>120712081209            </div>1210        </div>1211    </div>1212</div>121312141215</div>121612171218121912201221<script>1222function scrollToId(unitRoomId) {1223    removeAllActive();12241225    const scrollOptions = {1226        behavior: "smooth",1227        block: "start"1228    };12291230    const defaultFilter = document.getElementById("unit-room-filter-all");1231    if (unitRoomId === "all") {1232        defaultFilter.classList.add("active");1233        defaultFilter.scrollIntoView(scrollOptions);1234    } else {1235        const element = document.getElementById(`unit-room-${unitRoomId}`);1236        if (!!element) {1237            element.scrollIntoView(scrollOptions);1238            const defaultFilter = document.getElementById("unit-room-filter-all");1239            defaultFilter.classList.remove("active");1240            const filter = document.getElementById(`unit-room-filter-${unitRoomId}`);1241            filter.classList.add("active");12421243        }1244    }1245}12461247function removeAllActive() {1248    const elements = document.getElementsByClassName("unit-room-filter");1249    for (element of elements) element.classList.remove("active");1250}1251</script>12521253<div class="container">1254    <div class="row mt-5">1255        <div class="col-md-12">1256            <h2 id="anchor-units" class="mb-3">Unités</h2>1257            1258            <ul class="list-inline mb-0 position-relative">1259                <li class="list-inline-item mr-4 pb-2 unit-room-filter active" id="unit-room-filter-all">1260                    <button onclick="scrollToId('all');" class="unit-room-filter-button btn btn-no-outline">1261                        <span>Toutes</span>1262                    </button>1263                </li>1264                1265                <li class="list-inline-item mr-4 mb-0 pb-2 unit-room-filter" id="unit-room-filter-36508">1266                    <button onclick="scrollToId('36508');" class="unit-room-filter-button btn btn-no-outline">1267                        <span class="text-primary">4½</span> <span class="text-gray-light">(1)</span>1268                    </button>1269                </li>1270                1271            </ul>1272            1273        </div>1274    </div>1275</div>1276<div class="bg-background-gray pb-3">1277    <div class="container">1278        <div class="row">1279            <div class="col-12 p-0">1280                1281                <div class="bg-white rounded mt-3 p-3 p-md-5 mx-3 position-relative">1282                    <div style="position: absolute; top: -134px;" id="unit-room-36508"></div>1283                    <div id="modal-details-36508" class="modal">1284                        128512861287<div class="container mt-5">1288    <div class="col-md-8 offset-md-2 bg-white p-5 rounded shadow">1289        12901291<div class="row">1292    <div class="col-9">1293    <h2>1294        1295            4½ from $1610 to $16101296        1297    </h2>1298    </div>1299    <div class="col-3 text-right">1300        <button class="btn-close" data-toggle="modal" data-target="#modal-details-36508"></button>1301    </div>1302</div>1303<div class="row">1304    <div class="col-9">1305        13061307<p class="">1308    1 1309    <span class="text-lowercase">1310        1311            unité1312        1313    </span>1314</p>1315    </div>1316    <div class="col-3 text-right">1317        1318    </div>1319</div>1320<div class="row">1321    <div class="col-12" id="unit-modal-carousel-36508">1322        13231324<div class="unit-detail-carousel">1325    <div class="slider slider-for">1326        1327        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_9d950fb4-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1328        1329        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_9f532e62-f08a-11f0-8406-02cdb0c1febd.jpg" alt="salon">1330        1331        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_a119c38c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1332        1333        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_a4855d88-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sl">1334        1335        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_a6505528-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre">1336        1337        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_a7fef974-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sm">1338        1339        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_a9c2c164-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entree">1340        1341        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_ab7da47e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre">1342        1343        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_ad38805e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entrée">1344        1345        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_af05982c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1346        1347        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_b0c02e5c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1348        1349        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_b2815284-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1350        1351        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_b44149b2-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1352        1353        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_b60bef2c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch">1354        1355        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_b7d705bc-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch2">1356        1357        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_e002b35a-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="salon">1358        1359        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_e1c95b9e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine">1360        1361        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e38606a8-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine">1362        1363        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e54c43b2-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="corridor">1364        1365        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_e70acf66-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb">1366        1367        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e8c75374-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb">1368        1369        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_ea90cbf4-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sl">1370        1371        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/89_ec5ff9a0-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="rang">1372        1373        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/9_ee13ae5e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb2">1374        1375        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/10_efd331ce-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="chambre">1376        1377        <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/11_f1acf94e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="ch">1378        1379    </div>1380    <div class="slider slider-nav mt-2">1381        1382        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_9d950fb4-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1383        1384        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_9f532e62-f08a-11f0-8406-02cdb0c1febd.jpg" alt="salon">1385        1386        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_a119c38c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1387        1388        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_a4855d88-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sl">1389        1390        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_a6505528-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre">1391        1392        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_a7fef974-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sm">1393        1394        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_a9c2c164-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entree">1395        1396        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_ab7da47e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre">1397        1398        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_ad38805e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entrée">1399        1400        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_af05982c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1401        1402        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_b0c02e5c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine">1403        1404        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_b2815284-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1405        1406        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_b44149b2-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb">1407        1408        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_b60bef2c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch">1409        1410        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_b7d705bc-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch2">1411        1412        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_e002b35a-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="salon">1413        1414        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_e1c95b9e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine">1415        1416        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e38606a8-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine">1417        1418        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e54c43b2-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="corridor">1419        1420        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_e70acf66-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb">1421        1422        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e8c75374-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb">1423        1424        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_ea90cbf4-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sl">1425        1426        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/89_ec5ff9a0-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="rang">1427        1428        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/9_ee13ae5e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb2">1429        1430        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/10_efd331ce-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="chambre">1431        1432        <img class="mr-2 "src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/11_f1acf94e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="ch">1433        1434    </div>1435</div>14361437    </div>1438</div>1439<div class="row mt-3">1440    <div class="col-12 unit-commodities">1441        1442        1443144414451446    1447        <p class="small-header pb-1">1448            Commodités de l'unité1449        </p>1450    1451    <ul class="list-unstyled d-flex flex-wrap mb-1">1452        1453            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1454                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1455                <p class="attribute-description mb-0">Eau Chaude</p>1456            </li>1457        1458            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1459                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1460                <p class="attribute-description mb-0">Chauffage</p>1461            </li>1462        1463            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1464                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1465                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1466            </li>1467        1468            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1469                <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">1470                <p class="attribute-description mb-0">Stationnement extérieur</p>1471            </li>1472        1473    </ul>147414751476    </div>1477</div>1478<div class="row mt-3">1479    <div class="col-12 unit-characteristics">1480        1481        14821483148414851486    </div>1487</div>148814891490        <div class="units-detail mt-5">1491            <h2>Unités</h2>1492            1493149414951496<div class="row" id="units-for-unit-room-36508">1497    1498    1499    <div class="col-12 h-100  ">1500        <div class="h-100 border-bottom">1501            <div class="row mt-3">1502                <div class="col-sm-6 col-md-4">1503                    <p class="small-header">unité</p>1504                    <p>1505                        2181506                        1507                        <span>&middot; 2e étage</span>1508                        1509                    </p>1510                </div>1511                <div class="col-sm-6 col-md-4">1512                    <p class="small-header">Disponibilité</p>1513                    <p class="">1514                        janvier 20271515                    </p>1516                </div>1517                <div class="col-sm-6 col-md-4">1518                    <p class="small-header">À partir de</p>1519                    <p>1610,00$</p>1520                </div>1521                1522            </div>1523            <div class="row">1524            </div>1525            1526        </div>1527    </div>1528    1529    1530</div>15311532        </div>1533        1534    </div>1535</div>1536                    </div>1537                    <div class="row">1538                        <div class="col-6">1539                            <h4>1540                                1541                                4½ à partir de 1610,00$1542                            1543                            </h4>1544                        </div>1545                        <div class="col-6 d-flex justify-content-end">1546                            1547                            1548                            1549                            <button1550    class="btn text-primary share-button-small"1551    data-toggle="modal"1552    data-target="#modal-share"1553    onclick="configureShareWidget(`4½ à louer - 350, rue Gingras`, `https://lafrance-mathieu.com/logement/300`)">1554    <i class="fas fa-share-square mr-1"></i>1555    <span>Partager</span>1556</button>15571558                            1559                        </div>1560                    </div>1561                    <div class="row">1562                        <div class="col-md-4">1563                            <div class="row">1564                                <div class="col-12">1565                                    15661567                                    156815691570<div class="unit-image-counter d-flex align-items-center">1571    <img class="ml-1" src="/static/images/logos/camera.png" height="14px" width="auto" alt="unit image">1572    <span class="ml-1 text-white small">26</span>1573</div>157415751576<div class="single-item-small">1577    <div class="single-item-arrow--left ml-3"></div>1578    <div class="single-item">1579        1580            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_9d950fb4-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1581        1582            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_9f532e62-f08a-11f0-8406-02cdb0c1febd.jpg" alt="salon" style="object-fit: cover" height="auto">1583        1584            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_a119c38c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1585        1586            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_a4855d88-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sl" style="object-fit: cover" height="auto">1587        1588            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_a6505528-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre" style="object-fit: cover" height="auto">1589        1590            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_a7fef974-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sm" style="object-fit: cover" height="auto">1591        1592            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_a9c2c164-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entree" style="object-fit: cover" height="auto">1593        1594            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_ab7da47e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="chambre" style="object-fit: cover" height="auto">1595        1596            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_ad38805e-f08a-11f0-8406-02cdb0c1febd.jpg" alt="entrée" style="object-fit: cover" height="auto">1597        1598            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_af05982c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1599        1600            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_b0c02e5c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1601        1602            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_b2815284-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1603        1604            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_b44149b2-f08a-11f0-8406-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1605        1606            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_b60bef2c-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch" style="object-fit: cover" height="auto">1607        1608            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/8_b7d705bc-f08a-11f0-8406-02cdb0c1febd.jpg" alt="ch2" style="object-fit: cover" height="auto">1609        1610            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/1_e002b35a-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="salon" style="object-fit: cover" height="auto">1611        1612            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/2_e1c95b9e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1613        1614            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/3_e38606a8-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="cuisine" style="object-fit: cover" height="auto">1615        1616            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/4_e54c43b2-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="corridor" style="object-fit: cover" height="auto">1617        1618            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/5_e70acf66-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1619        1620            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/6_e8c75374-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb" style="object-fit: cover" height="auto">1621        1622            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/7_ea90cbf4-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sl" style="object-fit: cover" height="auto">1623        1624            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/89_ec5ff9a0-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="rang" style="object-fit: cover" height="auto">1625        1626            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/9_ee13ae5e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="sb2" style="object-fit: cover" height="auto">1627        1628            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/10_efd331ce-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="chambre" style="object-fit: cover" height="auto">1629        1630            <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/11_f1acf94e-f08b-11f0-8b21-02cdb0c1febd.jpg" alt="ch" style="object-fit: cover" height="auto">1631        1632    </div>1633    <div class="single-item-arrow--right mr-3"></div>1634</div>16351636                                    1637                                </div>1638                            </div>1639                            1640                        </div>1641                        <div class="col-md-8 mt-4 mt-md-0 d-flex flex-column">1642                            <div class="row flex-grow-1">1643                                1644                                <div class="unit-commodities unit-specs col-sm-6">1645                                    1646                                    1647164816491650    1651        <p class="small-header pb-1">1652            Commodités de l'unité1653        </p>1654    1655    <ul class="list-unstyled d-flex flex-wrap mb-1">1656        1657            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1658                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="icon" height="15px" width="15px">1659                <p class="attribute-description mb-0">Eau Chaude</p>1660            </li>1661        1662            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1663                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="icon" height="15px" width="15px">1664                <p class="attribute-description mb-0">Chauffage</p>1665            </li>1666        1667            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1668                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="icon" height="15px" width="15px">1669                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1670            </li>1671        1672            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1673                <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">1674                <p class="attribute-description mb-0">Stationnement extérieur</p>1675            </li>1676        1677    </ul>167816791680                                </div>1681                                1682                                1683                                <div class="unit-characteristics unit-specs mt-3 mt-sm-0 col-sm-6">1684                                    1685                                    1686168716881689    1690        <p class="small-header pb-1">1691            Caractéristiques de l'unité1692        </p>1693    1694    <ul class="list-unstyled d-flex flex-wrap mb-1">1695        1696            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1697                <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">1698                <p class="attribute-description mb-0">Chat accepté</p>1699            </li>1700        1701            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1702                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_5d2b8d60-7ff5-11ea-8747-1275881fc0b8.png" alt="icon" height="15px" width="15px">1703                <p class="attribute-description mb-0">Balcon</p>1704            </li>1705        1706            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1707                <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">1708                <p class="attribute-description mb-0">Entrée laveuse-sécheuse</p>1709            </li>1710        1711            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1712                <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">1713                <p class="attribute-description mb-0">Entrée lave-vaisselle</p>1714            </li>1715        1716            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1717                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_94300a9a-7ff8-11ea-b282-1275881fc0b8.png" alt="icon" height="15px" width="15px">1718                <p class="attribute-description mb-0">Espace de rangement</p>1719            </li>1720        1721    </ul>172217231724                                </div>1725                                1726                            </div>1727                            1728                        </div>1729                    </div>1730                    <div class="row mt-3">1731                        <div class="col-md-4">1732                            <button1733                                class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-none d-lg-block"1734                                data-unit_room="4½">1735                                S'informer1736                            </button>1737                            <button1738                              class="inquire-room-and-scroll btn btn-outline-primary btn-block unit-detail d-block d-lg-none"1739                              data-unit_room="4½" onclick="displayInquiryAndScroll();">1740                                S'informer1741                            </button>1742                        </div>1743                    </div>1744                    <div class="units-detail">1745                      17461747<p class="mb-0 mt-4">1748    1 1749    <span class="text-lowercase">1750        1751            unité1752        1753    </span>1754</p>1755                        1756175717581759<div class="row" id="units-for-unit-room-36508">1760    1761    1762    <div class="col-12 h-100  ">1763        <div class="h-100 border-bottom">1764            <div class="row mt-3">1765                <div class="col-sm-6 col-md-4">1766                    <p class="small-header">unité</p>1767                    <p>1768                        2181769                        1770                        <span>&middot; 2e étage</span>1771                        1772                    </p>1773                </div>1774                <div class="col-sm-6 col-md-4">1775                    <p class="small-header">Disponibilité</p>1776                    <p class="">1777                        janvier 20271778                    </p>1779                </div>1780                <div class="col-sm-6 col-md-4">1781                    <p class="small-header">À partir de</p>1782                    <p>1610,00$</p>1783                </div>1784                1785            </div>1786            <div class="row">1787            </div>1788            1789        </div>1790    </div>1791    1792    1793</div>17941795                    </div>1796                    1797                </div>1798                1799            </div>1800        </div>1801    </div>1802</div>18031804<div id="modal-video" class="modal">1805    <div class="modal-dialog modal-lg" role="document">1806        <div class="modal-content">1807            <div id="modal-video-body" class="modal-body">1808            </div>1809        </div>1810    </div>1811</div>18121813<script type="text/javascript">1814    const toggleHiddenUnits = (unitRoomId) => {1815        if (unitRoomId) {1816            const hiddenUnits = document.getElementsByClassName(`hidden-unit-${unitRoomId}`);1817            for (unit of hiddenUnits) {1818                unit.classList.toggle("d-none");1819            }18201821            const seeMoreButton = document.getElementById(`see-more-units-${unitRoomId}`);1822            if (seeMoreButton.textContent === "Voir plus")1823                seeMoreButton.textContent = "Voir moins";1824            else1825                seeMoreButton.textContent = "Voir plus";1826        }1827    }18281829    const playVideo = (el) => {1830        const list = el.getElementsByTagName('video');1831        if (!list || !list.length)1832            return;18331834        const video = list[0];1835        const container = document.getElementById('modal-video-body');1836        container.appendChild(video);1837        video.play();18381839        el.classList.add('show-placeholder');18401841        $("#modal-video").modal();1842        $("#modal-video").on('hidden.bs.modal', () => {1843            el.classList.remove('show-placeholder');1844            el.insertBefore(video, el.children[0]);1845            video.currentTime = 0;1846            video.pause();1847        });1848    }18491850    function displayInquiryAndScroll() {1851        displayInquiry();1852        const form = document.getElementById("inquire-form-anchor");1853        form.scrollIntoView();1854    }1855</script>185618571858<div class="container">1859    <div class="row mt-5">1860        <div class="col-md-6">1861            <div class="row">1862                <div class="col-12">1863                    <h2>À propos de l'immeuble</h2>1864                </div>1865            </div>1866            <div class="row">1867                <div class="col-12">1868                    <p class="mb-1"><strong>Adresse</strong></p>1869                    18701871<script id="building-coordinates" type="application/json">[]</script>18721873<div id="map-container" class="footer mb-2 mt-1">1874    <div id="interactive-map" style="height: 100%;" class="rounded">1875    </div>1876</div>18771878                    <p class="mb-0">350, rue Gingras</p>1879                    <p class="mb-0">Québec, Québec</p>1880                    <p class="mb-3">G1X4C4</p>1881                    <a href="https://www.google.com/maps/search/?api=1&amp;query=%20350%20rue%20Gingras%20Quebec%20G1X4C4" target="_blank">1882                        Ouvrir sur Google Maps1883                    </a>1884                </div>1885            </div>1886            <hr>1887            <div class="row">1888                <div class="col-12">1889                    <p><strong>Plus d'informations</strong></p>1890                    <div class="row">1891                        1892                        <div class="col-md-4">1893                            <p class="subtext">Nombre d'étages</p>1894                            <p class="d-md-none">1895                                1896                                6 étage(s)1897                                1898                            </p>1899                        </div>1900                        1901                        <div class="col-md-4">1902                            <p class="subtext">Nombre total d'unités</p>1903                            <p class="d-md-none">1904                                1905                            120 unités1906                        1907                            </p>1908                        </div>1909                        1910                        <div class="col-md-4">1911                            <p class="subtext">Année de construction</p>1912                            <p class="d-md-none">1982</p>1913                        </div>1914                        1915                    </div>1916                    <div class="row mb-3 d-none d-md-flex">1917                        1918                        <div class="col-md-4">1919                            <p class="">1920                                1921                                6 étage(s)1922                                1923                            </p>1924                        </div>1925                        1926                        <div class="col-md-4">1927                            <p class="">1928                                1929                            120 unités1930                        1931                            </p>1932                        </div>1933                        1934                        <div class="col-md-4">1935                            <p class="">1982</p>1936                        </div>1937                        1938                    </div>1939                    1940                </div>1941            </div>1942            1943            <hr>1944            <div class="row">1945                <div class="col-12">1946                    <p><strong>Commodités de l'immeuble</strong></p>1947                    <div class="row">1948                        <div class="col-12">1949                            1950195119521953    1954    <ul class="list-unstyled d-flex flex-wrap mb-1">1955        1956            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1957                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1958                <p class="attribute-description mb-0">Intercom</p>1959            </li>1960        1961            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1962                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1963                <p class="attribute-description mb-0">Équipe de maintenance 24h</p>1964            </li>1965        1966            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1967                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1968                <p class="attribute-description mb-0">Service de buanderie</p>1969            </li>1970        1971            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1972                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1973                <p class="attribute-description mb-0">Stationnement</p>1974            </li>1975        1976            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1977                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1978                <p class="attribute-description mb-0">Insonorisation supérieure</p>1979            </li>1980        1981            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1982                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1983                <p class="attribute-description mb-0">Piscine</p>1984            </li>1985        1986            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1987                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1988                <p class="attribute-description mb-0">Planchers en béton</p>1989            </li>1990        1991            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1992                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1993                <p class="attribute-description mb-0">Ascenseur</p>1994            </li>1995        1996            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">1997                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">1998                <p class="attribute-description mb-0">Salle d&#x27;entrainement</p>1999            </li>2000        2001    </ul>200220032004                        </div>2005                    </div>2006                </div>2007            </div>2008            2009            2010            <hr>2011            <div class="row">2012                <div class="col-12">2013                    <p><strong>Frais additionnels</strong></p>2014                    <div class="row">2015                        <div class="col-12">2016                            2017201820192020    2021    <ul class="list-unstyled d-flex flex-wrap mb-1">2022        2023            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2024                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2025                <p class="attribute-description mb-0">Stationnement intérieur</p>2026            </li>2027        2028            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2029                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2030                <p class="attribute-description mb-0">Stationnement supplémentaire</p>2031            </li>2032        2033            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2034                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan_ac417a76-7ff6-11ea-a7e4-1275881fc0b8.png" alt="icon" height="15px" width="15px">2035                <p class="attribute-description mb-0">Service de buanderie</p>2036            </li>2037        2038    </ul>203920402041                        </div>2042                    </div>2043                </div>2044            </div>2045            2046            2047            <hr>2048            <div class="row">2049                <div class="col-12">2050                    <p><strong>Accès et services</strong></p>2051                    <div class="row">2052                        <div class="col-12">2053                            2054205520562057    2058    <ul class="list-unstyled d-flex flex-wrap mb-1">2059        2060            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2061                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2062                <p class="attribute-description mb-0">École</p>2063            </li>2064        2065            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2066                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2067                <p class="attribute-description mb-0">Épicerie</p>2068            </li>2069        2070            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2071                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2072                <p class="attribute-description mb-0">Commerces</p>2073            </li>2074        2075            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2076                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2077                <p class="attribute-description mb-0">Accès facile aux autoroutes</p>2078            </li>2079        2080            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2081                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2082                <p class="attribute-description mb-0">Service d&#x27;autobus</p>2083            </li>2084        2085            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2086                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2087                <p class="attribute-description mb-0">Près d&#x27;une piste cyclable</p>2088            </li>2089        2090            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2091                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2092                <p class="attribute-description mb-0">Dépanneur</p>2093            </li>2094        2095            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2096                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2097                <p class="attribute-description mb-0">Garderies</p>2098            </li>2099        2100            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2101                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2102                <p class="attribute-description mb-0">Clinique médicale</p>2103            </li>2104        2105            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2106                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2107                <p class="attribute-description mb-0">Près de l&#x27;université</p>2108            </li>2109        2110            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2111                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2112                <p class="attribute-description mb-0">Banque</p>2113            </li>2114        2115            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2116                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2117                <p class="attribute-description mb-0">Pharmacie</p>2118            </li>2119        2120            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2121                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2122                <p class="attribute-description mb-0">Parc</p>2123            </li>2124        2125            <li class="col-sm-6 col-md-12 col-lg-6 px-0 d-flex mb-2">2126                <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/checkmark-tan.png" alt="icon" height="15px" width="15px">2127                <p class="attribute-description mb-0">Près d&#x27;un Cégep</p>2128            </li>2129        2130    </ul>213121322133                        </div>2134                    </div>2135                </div>2136            </div>2137            2138        </div>2139        2140        <div class="offset-lg-1 col-lg-5 col-md-6 mt-4 mt-md-0">2141            <div class="shadow">2142                <img 2143                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/quartier/photo-Place-ste-foy-01_3c5c9397-5056-a36a-072cdccbffa30859.jpg"2144                    alt="Borough image"2145                    width="100%"2146                    height="200px"2147                    class="object-fit-cover">2148                <div class="row p-4">2149                    <div class="col-12">2150                        <p class="small-header">À propos du quartier</p>2151                        <h3>Ste-Foy</h3>2152                        <p>L’arrondissement Sainte-Foy est souvent considéré comme la porte d&#x27;entrée de Québec en raison de la présence du pont de Québec et du pont Pierre-Laporte.</p>2153                        <p>Avec ses centres commerciaux, hôtels, maisons d’enseignement et établissements de santé, l’arrondissement tient également un rôle de premier plan en matière d’emploi. Les passionnés de plein-air apprécieront les nombreux points d’accès au fleuve Saint-Laurent (marche, randonnée, activités nautiques et vélo), de même que plusieurs aménagements récréotouristiques.</p>2154                        <a href="/louer-appartement-quebec/ste-foy">2155                            2156                  Voir les appartements à Ste-Foy2157                  2158                        </a>2159                    </div>2160                </div>2161            </div>2162        </div>2163        2164    </div>2165    <div class="row">2166        <div class="col-12">2167            2168216921702171    <div class="row mt-5 ">2172        <h2 class="col-12 text-center mb-4 text-primary">Nos logements en vedette</h2>2173        <div class="col-12 mb-3">2174            217521762177<div class="row">2178    2179    <a 2180        href="/logement/160"2181        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2182        data-type="3"2183        data-borough="6"2184    >2185        2186218721882189<script>2190    function displayNowAvailableBubble(buildingId) {2191        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2192        nowAvailableBubble.classList.remove("d-none");2193    }2194</script>21952196<div class="row">2197    2198    2199    2200    <img src alt="" onerror="displayNowAvailableBubble(160 + '-recommendation');"></img>2201    2202    2203    2204    2205    <div class="now-available-bubble d-none" id="now-available-bubble-160-recommendation">2206        <p class="text-white m-0">En vedette</p>2207    </div>2208    2209    2210    <div class="col-6 apartment-col">2211        <div class="row">2212            <div class="col-12 pr-0">2213                2214                <img 2215                    class="rounded-left apartment-image" 2216                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PPD1_54749d22-bfa3-11ea-9b14-0e226705be53.jpg"2217                    alt="unit image"2218                    width=100%2219                    height=232px2220                />2221                2222            </div>2223        </div>2224    </div>2225    2226    2227    <div class="col-6 apartment-col">2228        <div class="row">2229            <div class="col-12 pl-0">2230                <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"2231                   alt="unit image" width="100%" height="116px">2232            </div>2233        </div>2234        2235        <div class="row">2236            <div class="col-12 pl-0">2237                <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"2238                    alt="unit image" width=100% height=116px>2239            </div>2240        </div>2241        2242    </div>2243    2244    2245    2246</div>22472248        2249225022512252<div class="row mt-4">2253    <div class="col-12">2254        <div class="card-body p-0 text-left">2255            <h5 class="apartment-borough">Appartements &middot; Neufchatel</h5>2256            <p class="apartment-address mb-1">1573, rue Pierre-Corneille</p>2257            2258                2259                    <div class="row">2260                        <div class="col-7">2261                            <p class="apartment-infos mb-0">2262                                2263                                    4½ à partir de 1250$2264                                2265                            </p>2266                            <p class="apartment-availability footnotes">2267                                Libre immédiatement2268                            </p>2269                        </div>2270                        <div class="col-5 text-right">2271                            2272                                2273                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2274                                2275                            2276                                2277                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2278                                2279                            2280                                2281                                    <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>2282                                2283                            2284                                2285                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_appliances_alt.png" alt="Lave-vaisselle" height=18px width=18px>2286                                2287                            2288                            2289                        </div>2290                    </div>2291                2292            2293            2294        </div>2295    </div>2296</div>22972298    </a>2299    2300    <a 2301        href="/logement/312"2302        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2303        data-type="3"2304        data-borough="10"2305    >2306        2307230823092310<script>2311    function displayNowAvailableBubble(buildingId) {2312        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2313        nowAvailableBubble.classList.remove("d-none");2314    }2315</script>23162317<div class="row">2318    2319    2320    2321    <img src alt="" onerror="displayNowAvailableBubble(312 + '-recommendation');"></img>2322    2323    2324    2325    2326    <div class="now-available-bubble d-none" id="now-available-bubble-312-recommendation">2327        <p class="text-white m-0">En vedette</p>2328    </div>2329    2330    2331    <div class="col-6 apartment-col">2332        <div class="row">2333            <div class="col-12 pr-0">2334                2335                <img 2336                    class="rounded-left apartment-image" 2337                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/CUISINE_2_a8e2db9c-5811-11f0-8a5b-0e9b4be91035.jpg"2338                    alt="unit image"2339                    width=100%2340                    height=232px2341                />2342                2343            </div>2344        </div>2345    </div>2346    2347    2348    <div class="col-6 apartment-col">2349        <div class="row">2350            <div class="col-12 pl-0">2351                <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"2352                   alt="unit image" width="100%" height="116px">2353            </div>2354        </div>2355        2356        <div class="row">2357            <div class="col-12 pl-0">2358                <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"2359                    alt="unit image" width=100% height=116px>2360            </div>2361        </div>2362        2363    </div>2364    2365    2366    2367</div>23682369        2370237123722373<div class="row mt-4">2374    <div class="col-12">2375        <div class="card-body p-0 text-left">2376            <h5 class="apartment-borough">Appartements &middot; Lebourgneuf</h5>2377            <p class="apartment-address mb-1">5900 boul. St-Jacques</p>2378            2379                2380                    <div class="row">2381                        <div class="col-7">2382                            <p class="apartment-infos mb-0">2383                                2384                                    4½ à partir de 1595$2385                                2386                            </p>2387                            <p class="apartment-availability footnotes">2388                                octobre 20262389                            </p>2390                        </div>2391                        <div class="col-5 text-right">2392                            2393                                2394                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2395                                2396                            2397                                2398                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_ac.png" alt="Climatiseur" height=18px width=18px>2399                                2400                            2401                                2402                                    <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>2403                                2404                            2405                            2406                        </div>2407                    </div>2408                2409            2410            2411        </div>2412    </div>2413</div>24142415    </a>2416    2417    <a 2418        href="/logement/18"2419        class="appartments card border-white col-sm-6 mb-4 col-md-4  "2420        data-type="3"2421        data-borough="3"2422    >2423        2424242524262427<script>2428    function displayNowAvailableBubble(buildingId) {2429        const nowAvailableBubble = document.getElementById(`now-available-bubble-${buildingId}`);2430        nowAvailableBubble.classList.remove("d-none");2431    }2432</script>24332434<div class="row">2435    2436    2437    2438    <img src alt="" onerror="displayNowAvailableBubble(18 + '-recommendation');"></img>2439    2440    2441    2442    2443    <div class="now-available-bubble d-none" id="now-available-bubble-18-recommendation">2444        <p class="text-white m-0">En vedette</p>2445    </div>2446    2447    2448    <div class="col-6 apartment-col">2449        <div class="row">2450            <div class="col-12 pr-0">2451                2452                <img 2453                    class="rounded-left apartment-image" 2454                    src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/real_estate/PDP_3_bf11e94e-3f15-11f1-9a87-12e0191876fd.jpg"2455                    alt="unit image"2456                    width=100%2457                    height=232px2458                />2459                2460            </div>2461        </div>2462    </div>2463    2464    2465    <div class="col-6 apartment-col">2466        <div class="row">2467            <div class="col-12 pl-0">2468                <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"2469                   alt="unit image" width="100%" height="116px">2470            </div>2471        </div>2472        2473        <div class="row">2474            <div class="col-12 pl-0">2475                <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"2476                    alt="unit image" width=100% height=116px>2477            </div>2478        </div>2479        2480    </div>2481    2482    2483    2484</div>24852486        2487248824892490<div class="row mt-4">2491    <div class="col-12">2492        <div class="card-body p-0 text-left">2493            <h5 class="apartment-borough">Appartements &middot; Beauport</h5>2494            <p class="apartment-address mb-1">555, avenue du Fleuve</p>2495            2496                2497                    <div class="row">2498                        <div class="col-7">2499                            <p class="apartment-infos mb-0">2500                                2501                                    1½ à partir de 799$2502                                2503                            </p>2504                            <p class="apartment-availability footnotes">2505                                Libre immédiatement2506                            </p>2507                        </div>2508                        <div class="col-5 text-right">2509                            2510                                2511                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_light.png" alt="Électricité" height=18px width=18px>2512                                2513                            2514                                2515                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_water.png" alt="Eau Chaude" height=18px width=18px>2516                                2517                            2518                                2519                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_heat.png" alt="Chauffage" height=18px width=18px>2520                                2521                            2522                                2523                                    <img src="https://gilm-site-vitrine-production.s3.amazonaws.com/media/icons/commodity_maintenance.png" alt="Équipe de maintenance 24h" height=18px width=18px>2524                                2525                            2526                                2527                            2528                                2529                            2530                            2531                                <p class="footnotes d-inline"> +2</p>2532                            2533                        </div>2534                    </div>2535                2536            2537            2538        </div>2539    </div>2540</div>25412542    </a>2543    2544</div>25452546        </div>2547        2548    </div>254925502551        </div>2552    </div>2553</div>2554<div class="bg-primary py-5 mt-5">2555    <div class="container">2556        <div class="row justify-content-center">2557            <div class="col-sm-8 col-md-5 col-lg-11 d-flex flex-column align-items-center">2558                <h1 class="text-white text-center small-title">Ce logement vous intéresse? Contactez-nous!</h1>2559                <a href="#building-address-1" class="btn btn-dark border-white d-none d-lg-block">Nous joindre</a>2560                <a href="/nous-joindre" class="btn btn-dark border-white d-block d-lg-none">Nous joindre</a>2561            </div>2562        </div>2563    </div>2564</div>2565<div id="modal-inquire" class="modal">2566    2567256825692570<div class="inquire-step-1 container p-0 mb-5 position-relative">2571    <div id="inquire-step-1" style="position: absolute; top: -134px;"></div>2572    <h2 class="mb-4" style="font-size: 1.6rem;">S'informer sur ce logement</h2>2573    <p>418-626-3070</p>2574    <p class="text-primary"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="adc1c2ceccd9c4c2c3edc1cccbdfccc3cec880c0ccd9c5c4c8d883cec2c0">[email&#160;protected]</a></p>2575    <p class="mb-4">Dites-nous quelles unités vous intéressent ainsi que votre date de déménagement prévue.</p>2576    <p class="text-gray-light">Intéressé par ces unités</p>25772578    <div class="d-inline-flex flex-wrap">2579        2580        2581        <button2582            class="inquire-room btn btn-normal mb-3"2583            data-unit_room="4½"2584            data-toggle="button"2585        >25862587        </button>2588        2589        2590    </div>25912592    <div class="dropdown mb-4">2593        <div class="dropdown-toggle inquire-units-button rounded p-3 text-left" type="button"2594            id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">2595            <p class="inquire-units-label-title text-uppercase mb-0">2596                Unité(s) spécifique(s)2597            </p>2598            <p id="inquire-units-label-noselected" class="inquire-units-label-selection m-0">2599                Aucune choisie2600            </p>2601            <p id="inquire-units-label-selected" class="inquire-units-label-selection d-none m-0"></p>2602        </div>2603        <div class="dropdown-menu inquire-units-choices rounded border-gray-very-light" aria-labelledby="dropdownMenuButton">2604            2605            2606            <button class="inquire-units-choice dropdown-item" data-unit="218"2607                data-unit_room="4½">2608                2182609            </button>2610            2611            2612        </div>2613    </div>261426152616    <p class="text-gray-light">Date de déménagement prévue</p>2617    <div id="inquire-datepicker" class="input-group date mt-1">2618        <input id="inquire-datepicker-input" class="form-control" onfocus="blur();" placeholder="Sélectionner une date">2619        <div class="input-group-addon">2620            <span class="glyphicon glyphicon-th"></span>2621        </div>2622    </div>2623</div>26242625<div class="inquire-step-2 container p-0 mb-5 d-none position-relative">2626    <div id="inquire-step-2" style="position: absolute; top: -134px;"></div>2627    <h2 class="my-4" style="font-size: 1.6rem;">Comment peut-on vous rejoindre?</h2>2628    <p>Inscrivez vos coordonnées afin que notre équipe puisse vous rejoindre et vous conseiller.</p>2629    <form id="inquire-form">2630        <div class="form-group">2631            <input name="firstName" type="text" class="form-control" id="inquireForm-firstName"2632                placeholder="Prénom"></input>2633        </div>2634        <div class="form-group">2635            <input name="lastName" type="text" class="form-control" id="inquireForm-lastName"2636                placeholder="Nom de famille"></input>2637        </div>2638        <div class="form-group">2639            <select name="contactMethod" class="form-control" id="inquireForm-contactMethod">2640                <option id="email" value="email" selected>Courriel</option>2641                <option id="phone" value="phone">Téléphone</option>2642            </select>2643        </div>2644        <div id="inquireForm-contact-email" class="form-group">2645            <input name="contactEmail" type="email" class="form-control" id="inquireForm-email"2646                placeholder="Adresse courriel"></input>2647        </div>2648        <div id="inquireForm-contact-phone" class="form-group d-none">2649            <input name="contactPhone" type="tel" class="form-control" id="inquireForm-phone"2650                placeholder="Numéro de téléphone"></input>2651        </div>2652        <div class="form-group">2653            <textarea name="comments" type="text" class="form-control" id="inquireForm-comments"2654                placeholder="Questions ou notes"></textarea>2655        </div>2656        <div id="g-recaptcha-error"></div>2657        <div class="mb-3 g-recaptcha" data-sitekey="6LdkNyIpAAAAAD7KhL3DhvgxSocY-78gAmvXBzoe" data-callback="verifyCaptcha"></div>2658    </form>2659</div>26602661<div class="inquire-step-3 d-none position-relative">2662    <div id="inquire-confirmation" style="position: absolute; top: -134px;"></div>2663    <img class="mt-4" src="/static/images/logos/sansfond_horizontal_noir.png" alt="L&M Logo" width="auto"2664        height="66px">2665    <h2 class="my-4" style="font-size: 1.6rem;">Votre demande a été envoyée à l’équipe de Lafrance et Mathieu.</h2>2666    <p>Nous répondons à toutes les demandes dans un délai de 24 à 48 heures (jours ouvrables).</p>2667</div>26682669<button id="inquire-btn-1" class="inquire-continue inquire-step-1 btn btn-primary w-100" disabled onclick="scrollToTopOfForm();">2670    Continuer2671</button>2672<button id="inquire-btn-2" class="inquire-submit inquire-step-2 btn btn-primary w-100 d-none" onclick="submitForm();" disabled>2673    Soumettre2674</button>2675<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>2676    var recaptcha_response = '';2677    window.isCondo = "False" == "True";2678    document.getElementById("inquire-datepicker-input").value = "";2679    2680    function scrollToTopOfForm() {2681        const top = document.getElementById("inquire-step-1");2682        top.scrollIntoView();2683    }2684    function submitForm() {2685        if (recaptcha_response && recaptcha_response.length !== 0 && recaptcha_response !== ''){2686            onContinue2Click('xA2Udlfvn73922SYBLk8hZjHnSPJs1y69jkBv9L63liFRl4ZNWTsDm8vaYbuX2Qt');2687            const confirmation = document.getElementById("inquire-confirmation");2688            confirmation.scrollIntoView();2689        }2690        else {2691            document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ceci est obligatoire.</span>';2692        }2693    }26942695    function verifyCaptcha(token) {2696        recaptcha_response = token;2697        document.getElementById('g-recaptcha-error').innerHTML = '';2698    }2699</script>27002701</div>2702270327042705<div id="modal-share" class="modal">2706    <div class="modal-dialog h-75 d-flex justify-content-center align-items-center" role="document">2707        <div class="modal-content">2708            <div class="modal-body">2709                Partager ce logement2710                <div id="share-widget-container" class="d-flex justify-content-center"></div>2711            </div>2712        </div>2713    </div>2714</div>271527162717<script src="/static/js/share.js" defer></script>27182719272027212722            </main>2723            <footer>2724                272527262727<div class="footer row m-0 p-5 justify-content-center bg-black">2728    <div class="container m-0">2729        <div class="row mb-3">2730            <img src="/static/images/logos/sansfond_horizontal_blanc.png" alt="L&M Logo" width="auto"2731                height="80px" class="footer-logo">2732        </div>2733        <div class="row">2734            <div class="col-12 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 d-flex flex-column">2735                <p class="footer-title mb-2">Contactez-nous</p>2736                <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>2737                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2738                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2739                    <span class="footer-phone">418 626-5500</span>2740                </a>2741                <a href="/cdn-cgi/l/email-protection#cfa6a1a9a08fa3aea9bdaea1acaae2a2aebba7a6aabae1aca0a2" target="_blank" class="mb-3 d-flex align-items-center">2742                    <img src=/static/images/icons/email.svg alt="email icon" class="footer-icon mr-3" />2743                    <span><span class="__cf_email__" data-cfemail="b2dbdcd4ddf2ded3d4c0d3dcd1d79fdfd3c6dadbd7c79cd1dddf">[email&#160;protected]</span></span>2744                </a>2745                <a href="https://g.page/Lafrance-Mathieu?share" target="_blank" class="mb-4 d-flex align-items-center">2746                    1220 Boulevard Lebourgneuf<br>Québec, QC G2K 2G42747                </a>2748                <p class="footer-title mb-2">Suivez-nous sur les réseaux</p>2749                <div class="d-flex">2750                    <a href="https://ca.linkedin.com/company/gestion-immobilière-lafrance-et-mathieu-inc">2751                        <img src=/static/images/icons/linkedin.svg alt="linkedin icon"2752                            class="footer-social-icon mr-3" />2753                    </a>2754                    <a href="https://fr-ca.facebook.com/lafrance.mathieu">2755                        <img src=/static/images/icons/facebook.svg alt="facebook icon"2756                            class="footer-social-icon" />2757                    </a>2758                </div>2759            </div>2760            <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">2761                <p class="footer-title mb-2">Soutien aux résidents (24/7)</p>2762                <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>2763                <a href="tel:14186265500" class="mb-3 d-flex align-items-center">2764                    <img src=/static/images/icons/call.svg alt="phone icon" class="footer-icon mr-3" />2765                    <span class="footer-phone">418-626-5500</span>2766                </a>2767                <a href="https://espace-client.lafrance-mathieu.com" target="_blank" class="d-flex align-items-center mb-3">2768                    <img src=/static/images/icons/ticket.svg alt="client space icon" class="footer-icon mr-3" />2769                    <span>Se connecter à l’Espace client</span>2770                </a>2771                <a href="https://doma.lafrance-mathieu.com:444/DocRoom/Auth/Login.aspx" target="_blank" class="d-flex align-items-center">2772                    <img src=/static/images/icons/ticket.svg alt="intranet icon" class="footer-icon mr-3" />2773                    <span>Se connecter à Sensaas</span>2774                </a>2775            </div>2776            <div class="col-10 col-sm-6 col-md-3 mb-4 mb-md-0 p-0 pr-sm-4 px-md-4">2777                <ul class="navbar-nav">2778                    2779                    27802781<li class="nav-item  ">2782    <a class="nav-link py-0 footer-main-navigation mb-3"2783        href="/">Accueil</a>2784    <hr class="my-1 border-gray-medium d-none">2785</li>278627872788                    2789                    27902791<li class="nav-item  ">2792    <a class="nav-link py-0 footer-main-navigation mb-3"2793        href="/services-de-gestion-immobiliere">Services de gestion <br class='nav-item-translation'>immobilière</a>2794    <hr class="my-1 border-gray-medium d-none">2795</li>279627972798                    2799                    28002801<li class="nav-item  ">2802    <a class="nav-link py-0 footer-main-navigation mb-3"2803        href="/louer-appartement-quebec/">Logements <br class='nav-item-translation'>à louer</a>2804    <hr class="my-1 border-gray-medium d-none">2805</li>280628072808                    2809                    28102811<li class="nav-item  ">2812    <a class="nav-link py-0 footer-main-navigation mb-3"2813        href="/commercial/">Espaces <br class='nav-item-translation'>commerciaux</a>2814    <hr class="my-1 border-gray-medium d-none">2815</li>281628172818                    2819                    28202821<li class="nav-item  ">2822    <a class="nav-link py-0 footer-main-navigation mb-3"2823        href="/espace-client/">Découvrez <br class='nav-item-translation'>l'Espace client</a>2824    <hr class="my-1 border-gray-medium d-none">2825</li>282628272828                    2829                    28302831<li class="nav-item  ">2832    <a class="nav-link py-0 footer-main-navigation mb-3"2833        href="/qui-sommes-nous/">À propos de <br class='nav-item-translation'>Lafrance & Mathieu</a>2834    <hr class="my-1 border-gray-medium d-none">2835</li>283628372838                    2839                </ul>2840            </div>2841            <div class="col-10 col-sm-6 col-md-3 p-0 pl-sm-4">2842                <ul class="navbar-nav">2843                    2844                    28452846<li class="nav-item  ">2847    <a class="nav-link py-0 footer-main-navigation mb-3"2848        href="/nous-joindre/">Nous <br class='nav-item-translation'>contacter</a>2849    <hr class="my-1 border-gray-medium d-none">2850</li>285128522853                    2854                    28552856<li class="nav-item  ">2857    <a class="nav-link py-0 footer-main-navigation mb-3"2858        href="/blog">Blogue</a>2859    <hr class="my-1 border-gray-medium d-none">2860</li>286128622863                    2864                    28652866<li class="nav-item  ">2867    <a class="nav-link py-0 footer-main-navigation mb-3"2868        href="/faire-carriere/">Carrières</a>2869    <hr class="my-1 border-gray-medium d-none">2870</li>287128722873                    2874                </ul>2875            </div>2876        </div>2877    </div>2878</div>28792880288128822883<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">2884    <div class="d-flex justify-content-center">2885        <ul class="list-inline mb-1">2886            2887            <li class="list-inline-item">2888                <a href=/conditions-utilisation>2889                    Conditions d'utilisation2890                </a>2891            </li>2892            2893            2894            <li class="list-inline-item">2895                <a href=/politique-confidentialite>2896                    Politique de confidentialité2897                </a>2898            </li>2899            2900            2901            <li class="list-inline-item">2902                <a href=/protection-renseignements-personnels>2903                    Protection des renseignements personnels2904                </a>2905            </li>2906            2907            2908            <li class="list-inline-item">2909                <a href=/temoins-navigation>2910                    Gérer vos témoins de navigation2911                </a>2912            </li>2913            2914        </ul>2915    </div>2916    <div class="d-flex justify-content-center">2917        <p class="">© Gestion immobilière Lafrance & Mathieu</p>2918    </div>2919</div>29202921            </footer>2922        29232924<!-- Cookie Banner -->2925<div id="gilm-cookie-banner" class="alert alert-dark hidden" role="alert">2926    <div class="gilm-cookie-banner-container">2927        <div class="gilm-cookie-banner-text">2928            <p>2929                Nous utilisons les témoins de navigation (cookies) afin de mesurer et d’améliorer l’efficacité de nos2930                sites2931                Web2932                ou de rehausser l’expérience client. En utilisant notre site Web, vous consentez à l’utilisation de2933                témoins,2934                comme l’explique notre <a href=/protection-renseignements-personnels> protection des2935                renseignements personnels</a>. Si vous n'êtes pas à l'aise avec2936                l'utilisation2937                de ces informations, veuillez revoir vos paramètres avant de poursuivre votre visite.2938            </p>2939            <p class="d-sm-none">2940                <a href=/temoins-navigation>2941                    Gérer vos témoins de navigation2942                </a>2943                <br/>2944                <a href=/politique-confidentialite>2945                    Politique de confidentialité2946                </a>2947                <br/>2948                <a href=/conditions-utilisation>2949                    Conditions d'utilisation2950                </a>2951            </p>2952            <p class="d-none d-sm-block">2953                <a href=/temoins-navigation>2954                    Gérer vos témoins de navigation2955                </a>2956                -2957                <a href=/politique-confidentialite>2958                    Politique de confidentialité2959                </a>2960                -2961                <a href=/conditions-utilisation>2962                    Conditions d'utilisation2963                </a>2964            </p>2965        </div>2966        <button type="button" class="gilm-cookie-banner-button btn btn-primary btn-sm ms-3"2967                onclick="window.gilm_hideCookieBanner()">2968            <img src=/static/images/icons/close.svg alt="closing icon" class="close-icon"/>2969        </button>2970    </div>2971</div>2972<!-- End of Cookie Banner -->2973        </div>2974        <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">2975        </script>2976        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">2977        </script>2978        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" crossorigin="anonymous"></script>2979        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">2980        </script>2981        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">2982        </script>2983        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js">2984        </script>2985        <script type="text/javascript" src="/static/js/carousel.js">2986        </script>2987        <script type="text/javascript" src="/static/js/cookie_banner.js">2988        </script>2989        <script id="search-script" type="text/javascript" src="/static/js/search.js">2990        </script>2991        <script type="text/javascript" src="/static/js/jssocials.min.js">2992        </script>2993        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="">2994        </script>2995        <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">2996        </script>2997        <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">2998        </script>2999        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20687227-3"></script>3000        <script>3001            window.dataLayer = window.dataLayer || [];30023003            function gtag() {3004                dataLayer.push(arguments);3005            }3006            gtag('js', new Date());3007            gtag('config', 'UA-20687227-3');3008        </script>3009        3010<script src="/static/js/inquire.js"></script>3011<script src="/static/js/leaflet.js" is-building-details="true"></script>30123013        3014    </body>30153016    </html>3017