SPB Git

spb/lou-ka Public

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

HTML 99.7%
63.6 KB · 1,028 lines html
Raw Blame History
1<!DOCTYPE html>2<html>3<head>4        <script type="text/javascript">window.gdprAppliesGlobally = false;5        (function () {6            (function (e, r) {7                var t = document.createElement("link");8                t.rel = "preconnect";9                t.as = "script";10                var n = document.createElement("link");11                n.rel = "dns-prefetch";12                n.as = "script";13                var i = document.createElement("link");14                i.rel = "preload";15                i.as = "script";16                var o = document.createElement("script");17                o.id = "spcloader";18                o.type = "text/javascript";19                o["async"] = true;20                o.charset = "utf-8";21                var a = "https://sdk.privacy-center.org/" + e + "/loader.js?target_type=notice&target=" + r;22                if (window.didomiConfig && window.didomiConfig.user) {23                    var c = window.didomiConfig.user;24                    var s = c.country;25                    var d = c.region;26                    if (s) {27                        a = a + "&country=" + s;28                        if (d) {29                            a = a + "&region=" + d30                        }31                    }32                }33                t.href = "https://sdk.privacy-center.org/";34                n.href = "https://sdk.privacy-center.org/";35                i.href = a;36                o.src = a;37                var p = document.getElementsByTagName("script")[0];38                p.parentNode.insertBefore(t, p);39                p.parentNode.insertBefore(n, p);40                p.parentNode.insertBefore(i, p);41                p.parentNode.insertBefore(o, p)42            })("907dfbb4-10b5-4cba-b646-9c0180e7b693", "UFJWVrrF")43        })();</script>44    45    <meta charset="UTF-8"/>46    <meta http-equiv="X-UA-Compatible" content="IE=edge">47    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">48    <link rel="icon" href="/build/images/favicon/favicon-32x32.png" sizes="32x32"/>49    <link rel="icon" href="/build/images/favicon/favicon-32x32.png" sizes="192x192"/>50    <link rel="apple-touch-icon-precomposed" href="/build/images/favicon/favicon-32x32.png"/>51    <link rel="manifest" href="/build/images/favicon/manifest.json">52    <meta name="msapplication-TileColor" content="#ffffff">53    <meta name="msapplication-TileImage" content="/build/images/favicon/ms-icon-144x144.png">54    <meta name="theme-color" content="#ffffff">55    <title>Appartement - Québec - Place Nathalie #2280 - 41 - 3½</title>56        <!-- PLUGINS CSS -->57<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons">58<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin="" defer="true" async="true"/>59<link href="https://unpkg.com/gijgo@1.9.11/css/gijgo.min.css" rel="stylesheet" type="text/css" defer="true" async="true" />6061<!-- CUSTOM CSS -->62<link rel="stylesheet" href="/build/js/app.css?v=1.6">6364<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/b-print-1.5.6/datatables.min.css" defer="true" async="true"/>6566        <meta name="keywords" content="logements, logement, appartements, appartement, location, à, louer, Québec, Place Nathalie, Québec, 3½, Laberge, immeubles"/>67    <meta name="descriptions" content="Logements à louer dans la région de Québec ou de Montréal. Faites confiance au Groupe Laberge."/>68    69    <!-- Google Tag Manager -->70    <script>(function (w, d, s, l, i) {71            w[l] = w[l] || [];72            w[l].push({73                'gtm.start':74                    new Date().getTime(), event: 'gtm.js'75            });76            var f = d.getElementsByTagName(s)[0],77                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';78            j.async = true;79            j.src =80                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;81            f.parentNode.insertBefore(j, f);82        })(window, document, 'script', 'dataLayer', 'GTM-P28KZGF');</script>83    <!-- End Google Tag Manager -->84</head>85<body >86<!-- Google Tag Manager (noscript) -->87<noscript>88    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P28KZGF" height="0" width="0" style="display:none;visibility:hidden"></iframe>89</noscript>90<!-- End Google Tag Manager (noscript) -->91            <header class="bg-white pb-1 fixed-top main-header" >92<div class="container">93    <div class="row d-flex justify-content-between" style="position: relative">94        <div class="col-auto pt-1">95            <a href="/" class="d-none d-xl-block"><img class="logo-header" width="185" height="auto"96                                                       src="/build/images/logo_laberge.png" alt="Laberge"></a>97            <a href="/" class="d-block d-xl-none"><img class="logo-header" width="185" height="auto"98                                                       src="/build/images/logo_laberge_mobile.png"99                                                       alt="Laberge"></a>100        </div>101        <div class="col-12 col-xl-8 is-hidden-on-mobile bg-white font-weight-bold" id="menu-header">102            <div class="row d-flex flex-column flex-xl-row flex-xl-wrap flex-nowrap h-100">103                <div class=" order-last order-xl-first col secondary-navigation-wrapper mt-3 mt-xl-0">104                    <nav id="secondary-navigation">105                        <ul class="row d-flex bg-white text-white mx-xl-0">106                            <li class="col flex-grow-2 px-0 order-4"><a107                                        class="d-block bg-laberge-main py-3 py-sm-2 px-4 text-center"108                                        href="/recherche?villes%5B%5D=quebec&amp;f=1#result_anchor">Québec</a>109                            </li>110                            <li class="col flex-grow-2 px-0 order-5"><a111                                        class="d-block bg-laberge-main py-3 py-sm-2 px-4 text-center"112                                        href="/recherche?villes%5B%5D=montreal&amp;f=1#result_anchor">Montréal</a>113                            </li>114                            <li class="col-auto px-0 order-lg-6 order-sm-3 order-1"><a115                                        class="d-block py-2 px-4 text-dark bg-grey-lighter text-center"116                                        href="/complex/place-nathalie/apartment/2280-410">English</a>117                            </li>118                        </ul>119                    </nav>120                </div>121                <div class=" order-2 w-100 d-none d-xl-block"></div>122                <div class=" order-first order-xl-last col main-navigation-wrapper">123                    <nav id="main-navigation" class="h-100">124                        <ul class="row d-flex flex-column flex-xl-row flex-xl-nowrap justify-content-xl-between text-dark mx-xl-0">125                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"126                                                         href="/recherche">Trouvez votre127                                    &nbsp;appartement</a>128                            </li>129                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"130                                                         href="/carriere">Carrière</a>131                            </li>132                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"133                                                         href="/a-propos">À propos</a>134                            </li>135                            <li class="col-auto px-0"><a class="d-block d-xl-inline-block py-4 py-xl-2 px-4 h-100"136                                                         href="/faq">FAQ</a>137                            </li>138                                                                                                                                        </ul>139                    </nav>140                </div>141            </div>142        </div>143        <div class="d-xl-none col-auto align-self-center pl-0 pr-1">144            <div class="icons-mobile">145                <a href="#" id="menu-trigger">146                    <div id='main_navigation_trigger' class="d-inline-block">147                        <span></span><span></span><span></span></div>148                </a>149            </div>150        151        </div>152                    <div class="information-visite-banner">153                <a href="#info"> <i class="fa fa-question-circle-o"></i>Information <br> ou visite</a>154            </div>155            </div>156    </div>157</header>158                <main class="template-complexe">159                                                                <div class="bg-grey-lighter page-breadcrumb">160    <div class="container">161        <div class="row">162                        <div class="col-12">163                <nav aria-label="breadcrumb">164                    <ol class="breadcrumb bg-grey-lighter py-3 px-0 m-0">165                                                    <li166                                class="breadcrumb-item active"167                            >168                                                                    <a href="/">169                                                                    Accueil170                                                                    </a>171                                                            </li>172                                                    <li173                                class="breadcrumb-item active"174                            >175                                                                    <a href="/recherche?">176                                                                    Résultats de recherche177                                                                    </a>178                                                            </li>179                                                    <li180                                class="breadcrumb-item "181                            >182                                                                    <a href="/complexe/place-nathalie">183                                                                    Place Nathalie184                                                                    </a>185                                                            </li>186                                                    <li187                                class="breadcrumb-item active"188                            >189190                                                            </li>191                                            </ol>192                </nav>193            </div>194        </div>195    </div>196</div>197            <div class="bg-dark-blue">198    <div class="container py-4">199        <div class="row justify-content-between align-items-center">200            <div class="col-auto">201                <h1 class=" m-0 text-white">Place Nathalie</h1>202                                                                    <p class="text-white mb-0">2280 avenue du Mont-Thabor, Québec, G1J 3W7</p>203                    </div>204        <div class="w-100 d-lg-none"></div>205        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">206            207        </div>208    </div>209</div>210</div>211<style>212    html {213        scroll-behavior: smooth;214    }215</style>                        <div class="un-appartement">216                <div class="bg-white text-dark">217                    <div class="container">218                        <div class="row">219                            <div class="col-12 p-0 mw-slider">220                                <div class="slideshow slideshow-immeuble position-relative">221                                    <div class="owl-carousel owl-carousel-appart">222                                                                                                                                                                                                                <div class="slides">223                                                <div class="appartement-slide" style="position:relative">224                                                    <a href="#" class="appartement-infos">225                                                        <img226                                                                src="/image/7955/950/place-nathalie--2280-410-1.jpg"227                                                                alt="Québec Place Nathalie #2280 410 - 1"228                                                                title="Québec Place Nathalie #2280 410 - 1">229                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2023</span>230                                                    </a>231                                                </div>232                                            </div>233                                                                                                                                <div class="slides">234                                                <div class="appartement-slide" style="position:relative">235                                                    <a href="#" class="appartement-infos">236                                                        <img237                                                                src="/image/7954/950/place-nathalie--2280-410-2.jpg"238                                                                alt="Québec Place Nathalie #2280 410 - 2"239                                                                title="Québec Place Nathalie #2280 410 - 2">240                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2023</span>241                                                    </a>242                                                </div>243                                            </div>244                                                                                                                                <div class="slides">245                                                <div class="appartement-slide" style="position:relative">246                                                    <a href="#" class="appartement-infos">247                                                        <img248                                                                src="/image/3447/950/place-nathalie--2280-410-3.jpg"249                                                                alt="Québec Place Nathalie #2280 410 - 3"250                                                                title="Québec Place Nathalie #2280 410 - 3">251                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2019</span>252                                                    </a>253                                                </div>254                                            </div>255                                                                                                                                <div class="slides">256                                                <div class="appartement-slide" style="position:relative">257                                                    <a href="#" class="appartement-infos">258                                                        <img259                                                                src="/image/3448/950/place-nathalie--2280-410-4.jpg"260                                                                alt="Québec Place Nathalie #2280 410 - 4"261                                                                title="Québec Place Nathalie #2280 410 - 4">262                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2019</span>263                                                    </a>264                                                </div>265                                            </div>266                                                                                                                                <div class="slides">267                                                <div class="appartement-slide" style="position:relative">268                                                    <a href="#" class="appartement-infos">269                                                        <img270                                                                src="/image/8439/950/place-nathalie--2280-410-5.jpg"271                                                                alt="Québec Place Nathalie #2280 410 - 5"272                                                                title="Québec Place Nathalie #2280 410 - 5">273                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2026</span>274                                                    </a>275                                                </div>276                                            </div>277                                                                                                                                <div class="slides">278                                                <div class="appartement-slide" style="position:relative">279                                                    <a href="#" class="appartement-infos">280                                                        <img281                                                                src="/image/8440/950/place-nathalie--2280-410-6.jpg"282                                                                alt="Québec Place Nathalie #2280 410 - 6"283                                                                title="Québec Place Nathalie #2280 410 - 6">284                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2026</span>285                                                    </a>286                                                </div>287                                            </div>288                                                                            </div>289                                                                                                                        <div class="d-none d-sm-block differ-warning">* Les appartements disponibles peuvent différer des photos présentées ci-dessous.</div>290                                            <div class="d-block d-sm-none differ-warning-mobile">* Les appartements disponibles peuvent différer des photos présentées ci-dessus.</div>291                                                                                                                <div class="counter d-inline-block"></div>292                                </div>293                                                            </div>294                        </div>295                    </div>296                </div>297                <div class="bg-grey-lighter pb-5">298                    <div class="container">299                        <div class="row quick-actions mb-4 mb-xl-5 pb-2 justify-content-lg-center">300                                                    </div>301                        <div class="row">302                            <div class="col-12 col-lg-5 ">303                                <p>304                                                                                                                <a href="/complexe/place-nathalie/appartement/2280-410/imprimer.html"305                                           title="Imprimer" target="_blank">306                                            <img class="mr-2" src="/build/images/icon-print.png" width="40px"307                                                 alt="title="Imprimer"">308                                            Imprimer la fiche309                                        </a>310                                                                    </p>311                                <h2 class="h5 mb-4">Description</h2>312                                <p><p>Place Nathalie est un immeuble de 37 logements id&eacute;al pour ses locataires. Cet immeuble offre plusieurs commodit&eacute;s, dont une piscine int&eacute;rieure, une salle d&rsquo;entra&icirc;nement et une buanderie. Situ&eacute; dans l&rsquo;arrondissement de la Cit&eacute;-Limoilou, il est &agrave; proximit&eacute; du centre-ville de Qu&eacute;bec, des transports en commun et d&rsquo;une multitude de centres d&rsquo;int&eacute;r&ecirc;t et de services tels que des &eacute;piceries, des commerces et des services de sant&eacute;. Envie d&rsquo;une vie de quartier au c&oelig;ur d&rsquo;un milieu tranquille et s&eacute;curitaire? Place Nathalie est la destination id&eacute;ale.</p></p>313                            </div>314                            <div class="col-12 col-lg-6 offset-lg-1">315                                <div class="caracteristiques-appart description-appart">316                                    <div class="row">317                                        <div class="col-sm-4 col-12">318                                            <h3 class="font-weight-bold">Grandeur</h3>319                                            <p class="description_appart-size m-0 font-weight-light mb-5 mb-md-0">3½</p>320                                        </div>321                                                                                                                            <div class="col-sm-4 col-12">322                                                <h3 class="h6">Disponibilité</h3>323                                                <p class="description_appart-dispo h8">324                                                    Décembre 2026325                                                </p>326                                            </div>327                                                                                <div class="col-12">&nbsp;</div>328                                                                                                                            <div class="col-sm-8 col-12">329                                                <h3 class="h6">Débutant</h3>330331                                                <p class="description_appart-main_price h8 mb-5 mb-md-0">332                                                                                                                                                            1&nbsp;025&nbsp;$                                                    333                                                </p>334                                            </div>335                                                                            </div>336                                </div>337                            </div>338                        </div>339                    </div>340                </div>341                <div class="bg-white py-5">342                    <div class="container">343                        <div class="row">344                            <div class="col-12 col-md-6">345                                <h2 class="h5 mb-5">Inclusions</h2>346                                <div class="caracteristiques-appart">347                                    <div class="row">348                                        <div class="col-12 col-sm-6">349                                            <div class="row">350                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">351                                                                                                        <img src="/build/images/svg/pictos/chauffage.svg"352                                                         alt="">353                                                    <p >Chauffage</p>354                                                    <div class="exclusion-indicator"></div>355                                                </div>356                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">357                                                                                                        <img src="/build/images/svg/pictos/electricite.svg"358                                                         alt="">359                                                    <p >Électricité</p>360                                                    <div class="exclusion-indicator"></div>361                                                </div>362                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">363                                                                                                        <img src="/build/images/svg/pictos/eau.svg"364                                                         alt="">365                                                    <p >Eau chaude</p>366                                                    <div class="exclusion-indicator"></div>367                                                </div>368                                                                                                                                                                                                                                                                                                                                                                                                    <div class="col-12"><p class="small"><em>Des frais additionnels s’appliquent pour les appartements semi-meublés.</em></p></div>369                                                                                            </div>370                                        </div>371                                    </div>372                                </div>373                                <h2 class="h5 mb-5">Caractéristiques</h2>374                                <div class="caracteristiques-appart">375                                    <ul>376                                                                                                                                                                                                                                                                                        <li>377                                                        Rangement378                                                                                                            </li>379                                                                                                                                                                                                                                                    <li>380                                                        Nombre de salle de bain381                                                                                                                    : 1382                                                                                                            </li>383                                                                                                                                                                                                                                                    <li>384                                                        Balcon privé385                                                                                                                    : 1386                                                                                                            </li>387                                                                                                                                                                                                                                                    <li>388                                                        Stationnement extérieur389                                                                                                                    : selon la disponibilité390                                                                                                            </li>391                                                                                                                                                                        </ul>392                                </div>393                            </div>394                                                            <div class="col-12 col-md-6 apartment-plan">395                                    <h2 class="h5 mb-5">Plan de l&#039;appartement396                                        <br><small>Dimensions approximatives</small>397                                    </h2>398                                    <a href="/image/3441/plan/place-nathalie--2280-410-plan.jpg"399                                       data-fancybox data-caption="Appartement - Québec - Place Nathalie #2280 - 41 - 3½ - plan">400                                        <img src="/image/3441/plan/place-nathalie--2280-410-plan.jpg"401                                             class="img-fluid">402                                    </a>403                                </div>404                                                    </div>405                    </div>406                </div>407                                408409410411                                    <div class="bg-dark-blue">412    <div class="container py-4">413        <div class="row justify-content-between align-items-center">414            <div class="col-auto">415                <h2 class=" m-0 text-white"><a class="text-white" style="text-decoration: underline" data-toggle="collapse" href="#collapseImmeuble" role="button" aria-expanded="false" aria-controls="collapseImmeuble">Complexe : Place Nathalie</a></h2>416                                                            </div>417        <div class="w-100 d-lg-none"></div>418        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">419            420        </div>421    </div>422</div>423</div>424<style>425    html {426        scroll-behavior: smooth;427    }428</style>                    <div>429                        <div class="un-immeuble">430    <div class="bg-white text-dark">431        <div class="container">432            <div class="row">433                                                    <div class="col-12 col-xl-10 offset-xl-1 p-0 col-appart-middle">434                        <div class="slideshow slideshow-immeuble">435                            <div class="owl-carousel owl-carousel-appart">436                                                                                                                                        <div class="slides">437                                        <div class="appartement-slide">438                                            <a href="#" class="appartement-infos">439                                                <img440                                                    src="/image/7955/950/place-nathalie-1.jpg"441                                                    alt="Place Nathalie - 1"442                                                    title="Place Nathalie - 1">443                                            </a>444                                        </div>445                                    </div>446                                                                                                        <div class="slides">447                                        <div class="appartement-slide">448                                            <a href="#" class="appartement-infos">449                                                <img450                                                    src="/image/7954/950/place-nathalie-2.jpg"451                                                    alt="Place Nathalie - 2"452                                                    title="Place Nathalie - 2">453                                            </a>454                                        </div>455                                    </div>456                                                                                                        <div class="slides">457                                        <div class="appartement-slide">458                                            <a href="#" class="appartement-infos">459                                                <img460                                                    src="/image/3447/950/place-nathalie-3.jpg"461                                                    alt="Place Nathalie - 3"462                                                    title="Place Nathalie - 3">463                                            </a>464                                        </div>465                                    </div>466                                                                                                        <div class="slides">467                                        <div class="appartement-slide">468                                            <a href="#" class="appartement-infos">469                                                <img470                                                    src="/image/3448/950/place-nathalie-4.jpg"471                                                    alt="Place Nathalie - 4"472                                                    title="Place Nathalie - 4">473                                            </a>474                                        </div>475                                    </div>476                                                                                                        <div class="slides">477                                        <div class="appartement-slide">478                                            <a href="#" class="appartement-infos">479                                                <img480                                                    src="/image/8439/950/place-nathalie-5.jpg"481                                                    alt="Place Nathalie - 5"482                                                    title="Place Nathalie - 5">483                                            </a>484                                        </div>485                                    </div>486                                                                                                        <div class="slides">487                                        <div class="appartement-slide">488                                            <a href="#" class="appartement-infos">489                                                <img490                                                    src="/image/8440/950/place-nathalie-6.jpg"491                                                    alt="Place Nathalie - 6"492                                                    title="Place Nathalie - 6">493                                            </a>494                                        </div>495                                    </div>496                                                            </div>497                            <div class="counter d-inline-block"></div>498                        </div>499                    </div>500                            </div>501        </div>502    </div>503    <a id="dispo"></a>504    <div class="bg-grey-lighter">505        <div class="d-block" style="max-width: 1000px; margin: 0 auto;">506            <div class="row m-0">507                <div class="col-12 py-4  px-3 px-xl-0">508                    <h3 class="text-dark font-weight-bold">Disponibilités</h3>509                    <p class="text-right">510                        <a href="/complexe/place-nathalie/disponibilites.html"511                           title="Imprimer" target="_blank">512                            <img src="/build/images/icon-print.png" width="40px"513                                 alt="title="Imprimer"">514                        </a>515                    </p>516517                    <div class="table-responsive" style="position: relative;">518519                        <style>520                            td {521                                text-align: left !important;522                                padding-left: 10px !important;523                            }524                        </style>525                                                <table class="table table-sm table-apparts text-dark-moyen table-no-bordered table-hover dataTable dtr-inline"526                               style="width: 100%; text-align: center;" id="datatables">527528                            <thead class="font-weight-bold">529                            <tr>530                                <td class="">&nbsp;<span>Grandeur</span></td>531                                <td class=""><span>Débutant</span></td>532                                <td class=""><span>Disponibilité</td>533                                <td class="no-sort"></td>534                            </tr>535                            </thead>536                            <tbody>537                                                                                                                                                        <tr style="cursor:pointer" >538                                    <td data-search="1 1/2">1½539                                                                            </td>540                                    <td> - </td>541                                    <td class=""542                                        data-order="0000-000-000">-</td>543                                    <td>544                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>545                                    </td>546                                </tr>547                                                                                                                            <tr style="cursor:pointer" >548                                    <td data-search="3 1/2">3½549                                                                                    <a class="d-none"550                                               href="/complexe/place-nathalie/appartement/2280-410"><i551                                                        class="fa fa-chevron-right ml-1"></i></a>552                                                                            </td>553                                    <td>1&nbsp;025&nbsp;$</td>554                                    <td class=""555                                        data-order="2026/12/01">Décembre 2026</td>556                                    <td>557                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>558                                    </td>559                                </tr>560                                                                                    </tbody>561                        </table>562                        <p><em>Certains services sont inclus, parlez à un représentant du Groupe Laberge.</em></p>563                    </div>564                </div>565            </div>566        </div>567    </div>568    <div class="bg-white text-dark">569        <div class="container">570            <div class="row">571                <div class="col-12 p-5 col-appart-middle">572                    <div class="row">573                        <div class="col-12 col-md-5 col-appart-full">574                            <div class="caracteristiques-appart">575                                <h3 class="h6">Nom du complexe / Immeuble</h3>576                                <p>Place Nathalie</p>577                                <h3 class="h6">Adresse</h3>578                                579580                                <p>581                                    2280 avenue du Mont-Thabor<br>Québec, G1J 3W7582                                                                    </p>583                                                                <h3 class="h6">Description du complexe</h3>584                                <p>37 logements sur 3 étages</p>585                            </div>586                        </div>587                        <div class="col-12 col-md-7 col-appart-none">588                            <p class="text-right">589                                <a href="/complexe/place-nathalie/imprimer.html" title="Imprimer" target="_blank">590                                    <img src="/build/images/icon-print.png" width="40px" alt="title="Imprimer"">591                                </a>592                            </p>593                            <p><p>Place Nathalie est un immeuble de 37 logements id&eacute;al pour ses locataires. Cet immeuble offre plusieurs commodit&eacute;s, dont une piscine int&eacute;rieure, une salle d&rsquo;entra&icirc;nement et une buanderie. Situ&eacute; dans l&rsquo;arrondissement de la Cit&eacute;-Limoilou, il est &agrave; proximit&eacute; du centre-ville de Qu&eacute;bec, des transports en commun et d&rsquo;une multitude de centres d&rsquo;int&eacute;r&ecirc;t et de services tels que des &eacute;piceries, des commerces et des services de sant&eacute;. Envie d&rsquo;une vie de quartier au c&oelig;ur d&rsquo;un milieu tranquille et s&eacute;curitaire? Place Nathalie est la destination id&eacute;ale.</p></p>594                        </div>595                    </div>596                </div>597            </div>598        </div>599    </div>600    <div class="bg-grey-lighter py-5 text-dark">601        <div class="container">602                            <div class="row">603                    <div class="col-12 mb-4">604                        <h2 class="h5">Services de l&#039;immeuble</h2>605                    </div>606                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">607                                <img style="max-width: 50%;" src="/build/images/svg/pictos/statext.svg" alt="">608                                <p>Stationnement extérieur</p>609                            </div>610                                                                                                                                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">611                                <img style="max-width: 50%;" src="/build/images/svg/pictos/piscineint.svg" alt="">612                                <p>Piscine intérieure</p>613                            </div>614                                                                                                                                            <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">615                                <img style="max-width: 50%;" src="/build/images/svg/pictos/rangementext.svg" alt="">616                                <p>Espace de rangement</p>617                            </div>618                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">619                                <img style="max-width: 50%;" src="/build/images/svg/pictos/buanderie.svg" alt="">620                                <p>Buanderie</p>621                            </div>622                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">623                                <img style="max-width: 50%;" src="/build/images/svg/pictos/terrassetoit.svg" alt="">624                                <p>Terrasse sur le toit</p>625                            </div>626                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">627                                <img style="max-width: 50%;" src="/build/images/svg/pictos/entrainement.svg" alt="">628                                <p>Salle de conditionnement physique</p>629                            </div>630                                                            </div>631                                        <div class="row">632                    <div class="col-12 mb-4 mt-5">633                        <h2 class="h5">Dispositifs de sécurité</h2>634                    </div>635                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">636                                <img style="max-width: 50%;" src="/build/images/svg/pictos/carteacces.svg" alt="">637                                <p>Carte d&#039;accès</p>638                            </div>639                                                                                                                                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">640                                <img style="max-width: 50%;" src="/build/images/svg/pictos/camera.svg" alt="">641                                <p>Caméra</p>642                            </div>643                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">644                                <img style="max-width: 50%;" src="/build/images/svg/pictos/intercom.svg" alt="">645                                <p>Intercom</p>646                            </div>647                                                            </div>648                    </div>649    </div>650    <div class="bg-white text-dark">651        <div class="container">652            <div class="row">653                                            </div>654        </div>655    </div>656    <div class="bg-white text-dark" style="overflow:hidden;">657        <div class="container">658            <div class="row">659                <div class="col-12 col-xl-4 a-proximite pt-5" style="">660                    <div class="row no-gutters">661                        <div class="col-12 col-sm-4 col-xl-12">662                            <h2 class="h5">À proximité</h2>663                            <ul class=" d-none d-sm-block">664                                                                                                                                                                                                                                                                                                                                                    <li data-params='[{&quot;nom&quot;:&quot;C\u00e9gep Limoilou (Campus de Qu\u00e9bec)&quot;,&quot;lat_lon&quot;:[&quot;46.83029969&quot;,&quot;-71.2271896&quot;]}]'>665                                            <a class="h6" href="#services_map">666                                                Cégep667                                            </a>668                                        </li>669                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Centre de formation professionnel de Limoilou&quot;,&quot;lat_lon&quot;:[&quot;46.8344795&quot;,&quot;-71.231965&quot;]}]'>670                                            <a class="h6" href="#services_map">671                                                École672                                            </a>673                                        </li>674                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;H\u00f4pital de l&#039;Enfant-J\u00e9sus&quot;,&quot;lat_lon&quot;:[&quot;46.8371696&quot;,&quot;-71.2242986&quot;]}]'>675                                            <a class="h6" href="#services_map">676                                                Hôpital677                                            </a>678                                        </li>679                                                                    680                            </ul>681                        </div>682                    </div>683                </div>684685                <div class="col-12 col-xl-8 pt-0 pt-sm-5 pb-2">686                    <div class="search_map pt-2">687                        <div class="map-immeuble" id="mapid" style="height: 420px;" data-ice-params="[46.8384888, -71.231369]" data-nom="Place Nathalie"></div>688                        <div class="flex-parent">689                            <p class="text-center"><img src="/build/images/svg/map_marker_1.svg" style="width:40px" alt="">Place Nathalie</p>690                        </div>691                    </div>692                </div>693            </div>694        </div>695    </div>696</div>697698699                    </div>700                <div class="bg-cyan" id="form_contact">701    <div class="container">702        <div class="row">703            <div class="col-12 text-center py-5 text-dark">704                <h2 class="h5 m-0">Pour information ou visite</h2>705                <br>706                707                                                    <h3 class="h2 p-0" style="font-size: 2.81em;">708                                <a class="text-white" href="tel:581-891-9425">581-891-9425</a>709                            </h3>710                                                                                                    <p class='m-0'><a href="mailto:place.nathalie@laberge.qc.ca" class="text-dark">place.nathalie@laberge.qc.ca</a></p>711                                                    </div>712        </div>713    </div>714</div>715<div class="bg-grey-dark py-5 contact-form">716717        <div class="container">718            <form action="/complexe/place-nathalie/contact" name="contact" method="POST">719            <div class="row">720                <style>721                    .form-group [disabled] {722                        opacity: 50%;723                    }724                </style>725                <div class="col-12">726                    <h2 class="h5 text-white mb-3"><i class="fa fa-question-circle-o mr-2"></i>Faire une demande d&#039;information</h2>727                </div>728                <div class="col-12 col-lg-6">729                    <div class="form-group">730                        <select class="form-control custom-select custom-select-lg" id="contact_type" name="contact_type">731                            <option value="1">Type de demande</option>732                            <option value="2">Je suis client actuel</option>733                            <option value="3">Je suis un futur client</option>734                        </select>735                    </div>736                                        <div class="form-group">737                        <input type="text" class="form-control" id="contact_name" name="contact_name" required="required" placeholder="Nom *">738                    </div>739                    <div class="form-group">740                        <input type="email" class="form-control" id="contact_email" name="contact_email" required="required" placeholder="Adresse courriel *">741                    </div>742                    <div class="form-group">743                        <input type="tel" class="form-control" id="contact_phone" name="contact_phone"  required="required" placeholder="Numéro de téléphone *">744                    </div>745                </div>746                <div class="col-12 col-lg-6">747                    <div class="form-group">748                        <textarea class="form-control" id="contact_message" name="contact_message" rows="8" placeholder="Message"></textarea>749                    </div>750                </div>751                <div class="col-12 clearfix">752                    <div class="text-white float-left" style="max-width: 85%;">753                        <p>Pour connaître les disponibilités des appartements ou pour planifier une visite, veuillez communiquer directement avec le responsable de l&#039;immeuble.</p>754                        <input type="hidden" name="recaptcha_response" id="recaptcha_response">755<script src="https://www.google.com/recaptcha/api.js?render=6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ"></script>756<script>757grecaptcha.ready(function() {758  grecaptcha.execute('6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ', {action: 'contact'}).then(function(token) {759    var el = document.getElementById('recaptcha_response');760    if (el) el.value = token;761  });762});763</script>764                    </div>765766                    <button type="submit" class="float-right btn-laberge-yellow mt-0" data-ice="main.validate">Envoyer</button>767                </div>768            </div>769            </form>770            <div class="row">771                <div class="col-12 ">772                    <div class="text-white float-left mt-4 p-2" style="border: 1px solid white">773                        <p class="my-0">Pour toutes questions relatives à la protection de vos renseignements personnels,<br> veuillez communiquer avec le Responsable de la protection des renseignements personnels.</p>774                        <p class="my-0 mt-1"><b> Responsable de la protection des renseignements personnels</b></p>775                        <p class="my-0">5355, boul. des Gradins <br> Québec (Québec) <br> G2J 1C8</p>776                        <a style="color: #eabc00" href="mailto:confidentialite@laberge.qc.ca">confidentialite@laberge.qc.ca</a>777                    </div>778                </div>779            </div>780        </div>781782</div>783                            </div>784785786        </main>787                <footer>788<div class="bg-dark-blue d-none d-md-block" id="footer-desktop">789  <div class="container">790    <div class="row">791      <div class="col-12 mb-4 mb-lg-0 border-grey-dark footer-desktop_section1">792        <div class="row d-flex">793          <div class="col border-right border-grey-dark">794            <ul id="footer-navigation" class="nav flex-column">795              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/carriere">Carrière</a></li>796              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/a-propos">À propos</a></li>797              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/faq">FAQ</a></li>798              799              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/nous-joindre">Nous joindre</a></li>800              <li class="nav-item lang-toggler"><a class="nav-link font-weight-bold text-uppercase text-grey" href="/complex/place-nathalie/apartment/2280-410">English</a></li>801            </ul>802          </div>803          <div class="col">804            <ul class="nav flex-column footer-links">805              <li class="nav-item font-weight-bold text-uppercase">806                <a class="nav-link" href="/recherche?villes[]=quebec">807                  Appartements à Québec808                </a>809              </li>810              <li class="nav-item">811                <a class="nav-link" href="/recherche?secteurs[]=beauport">812                  Beauport813                </a>814              </li>815              <li class="nav-item">816                <a class="nav-link" href="/recherche?secteurs[]=charlesbourg">817                  Charlesbourg818                </a>819              </li>820              <li class="nav-item">821                <a class="nav-link" href="/recherche?secteurs[]=ancienne-lorette">822                  L&#039;Ancienne-Lorette823                </a>824              </li>825              <li class="nav-item">826                <a class="nav-link" href="/recherche?secteurs[]=les-saules">827                  Les Saules828                </a>829              </li>830              <li class="nav-item">831                <a class="nav-link" href="/recherche?secteurs[]=levis">832                  Lévis833                </a>834              </li>835            </ul>836          </div>837          <div class="col border-right border-grey-dark">838            <ul class="nav flex-column footer-links">839              <li class="nav-item font-weight-bold text-uppercase">840                <a class="nav-link">841                  &nbsp;842                </a>843              </li>844              <li class="nav-item">845                <a class="nav-link" href="/recherche?secteurs[]=montcalm">846                  Montcalm847                </a>848              </li>849              <li class="nav-item">850                <a class="nav-link" href="/recherche?secteurs[]=neufchatel">851                  Neufchâtel852                </a>853              </li>854              <li class="nav-item">855                <a class="nav-link" href="/recherche?secteurs[]=quebec">856                  Québec857                </a>858              </li>859              <li class="nav-item">860                <a class="nav-link" href="/recherche?secteurs[]=ste-foy">861                  Sainte-Foy862                </a>863              </li>864              <li class="nav-item">865                <a class="nav-link" href="/recherche?secteurs[]=vanier">866                  Vanier867                </a>868              </li>869            </ul>870          </div>871          <div class="col">872            <ul class="nav flex-column footer-links">873              <li class="nav-item font-weight-bold text-uppercase">874                <a class="nav-link" href="/recherche?villes[]=montreal">875                  Appartements à Montréal876                </a>877              </li>878              <li class="nav-item">879                <a class="nav-link" href="/recherche?secteurs[]=cote-st-luc">880                  Côte St-Luc881                </a>882              </li>883              <li class="nav-item">884                <a class="nav-link" href="/recherche?secteurs[]=lasalle">885                  LaSalle886                </a>887              </li>888              <li class="nav-item">889                <a class="nav-link" href="/recherche?secteurs[]=notre-dame-de-grace">890                  Notre-Dame-de-Grâce891                </a>892              </li>893              <li class="nav-item">894                <a class="nav-link" href="/recherche?secteurs[]=pierrefonds">895                  Pierrefonds896                </a>897              </li>898            </ul>899          </div>900        </div>901      </div>902    </div>903  </div>904</div>905<div class="" id="footer-secondary-nav">906  <div class="container py-2">907    <div class="row d-flex flex-column flex-md-row align-items-center">908      <div class="col text-center">909          <p class="h4 text-white text-uppercase font-weight-boldmb-sm-4 mb-md-0"><a href="http://labergecommercial.com/listings/commerciaux/?lang=fr" target="_blank">Espaces commerciaux</a></p>910      </div>911    </div>912  </div>913</div>914<div class="bg-grey-lighter" id="footer-copyrights">915  <div class="container">916    <div class="row d-flex flex-column flex-lg-row justify-content-between align-items-center py-3">917      <div class="col text-center text-lg-left">918        <p class="my-0 pb-3 pb-lg-0"> <a href="javascript:Didomi.preferences.show()">Paramètres des cookies</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>919      </div>920      <div class="col text-center text-lg-left">921        <p class="my-0 text-center">© Groupe Laberge 2026</p>922      </div>923      <div class="col text-center text-lg-right">924        <p class="d-inline-flex mt-3 mt-sm-0 flex-column flex-sm-row align-items-center my-0">925            <a href="http://bisscomm.com" target="_blank">926              <img src="https://bisscomm.com/bundles/bcicms/assets/img/bissCommLogo.png" alt="Bissonnette Communication Impact" width="30" class="bisscomm-logo-copyright" style="margin-top: -16px;">927          		Réalisation © Bissonnette Communications Impact928            </a>929        </p>930      </div>931    </div>932  </div>933</div></footer>934    </body>935        <!-- BOOTSTRAP CND | THIS IS TMP -->936<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>937<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>938<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>939<!-- FONT AWESOME CDN | THIS IS TMP -->940<script src="https://use.fontawesome.com/ed1f5a945e.js"></script>941942<script src="/bundles/bcicms/assets/assets/jquery-class/jquery.class.js?v=1.6"></script>943<script src="/bundles/bcicms/assets/assets/jquery-ice/jquery-ice.js?v=1.6"></script>944945<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet-src.js"></script>946<script src="/build/js/vendor-owl-carousel.js?v=1.6"></script>947<script src="/build/js/vendor-jquery.fancybox.js?v=1.6"></script>948<script src="/build/js/vendor-multiple-select.js?v=1.6"></script>949<script src="/build/js/leaflet-gesture-handling.js?v=1.6"></script>950<script src="/build/js/app.js?v=1.6"></script>951<script src="/build/js/main.class.js?v=1.6"></script>952<script src="/build/js/planSelector.class.js?v=1.6"></script>953<script src="/build/js/lazy.min.js?v=1.6"></script>954<script src="/build/js/custom-select.class.js?v=1.6"></script>955956<script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>957958<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/b-1.5.6/b-print-1.5.6/datatables.min.js"></script>959<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>960961<script>962    $( function() {963        if ($('#datatables').length > 0) {964            $('#datatables').DataTable({965                "pagingType": "full_numbers",966                "lengthMenu": [967                    [10, 25, 50, -1],968                    [10, 25, 50, "Tous"]969                ],970                "pageLength": -1,971                responsive: true,972                dom:'<f l<t> p>',973                "order": [[ 0, "asc" ]],974                language: {975                    "sProcessing":     "En processus...",976                    "sSearch":         "Rechercher:",977                    "sLengthMenu":     "Afficher _MENU_ enregistrements",978                    "sInfo":           "Affichant _START_ à _END_ enregistrements sur un total de _TOTAL_",979                    "sInfoEmpty":      "Affichant 0 à 0 enregistrement sur un total de 0",980                    "sInfoFiltered":   "(filtrées d&#039;un total de _MAX_ enregistrements)",981                    "sInfoPostFix":    "",982                    "sLoadingRecords": "Chargement...",983                    "sZeroRecords":    "Aucun enregistrement trouvé",984                    "sEmptyTable":     "Aucune information disponible dans le tableau",985                    "oPaginate": {986                        "sFirst":      "Premier",987                        "sPrevious":   "Précédent",988                        "sNext":       "Prochain",989                        "sLast":       "Dernier"990                    },991                    "oAria": {992                        "sSortAscending":  "activer le trie de colonne en ordre croissante",993                        "sSortDescending": "activer le trie de colonne en ordre décroissante"994                    }995                },996                fnDrawCallback: function () {997                    if ($('select[name="datatables_length"]').val() > -1 || $('select[name="datatables_length"]').val() >= $('.table_apparts tbody tr').length) {998                        $('.dataTables_paginate').show();999                    } else {1000                        $('.dataTables_paginate').hide();1001                    }1002                }10031004            });1005            $('.table-apparts tbody tr').on('click', function(event){1006                if ($(this).find('a').attr('href')) {1007                    window.location = $(this).find('a').attr('href');1008                }1009            });1010        }1011    });1012</script>101310141015    <script>1016        (function () {1017            $('#collapseImmeuble').collapse('hide');1018            $('#collapseImmeuble').on('hidden.bs.collapse', function () {1019                $('a.text-yellow[href="#collapseImmeuble"]').html("<i class='fa fa-chevron-down'></i> VOIR PLUS");1020            });1021            $('#collapseImmeuble').on('show.bs.collapse', function () {1022                $('a.text-yellow[href="#collapseImmeuble"' +1023                    ' ]').html("<i class='fa fa-chevron-up'></i> VOIR MOINS");1024            });1025        })();1026    </script>1027</html>1028