SPB Git

spb/lou-ka Public

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

HTML 99.7%
70.4 KB · 1,082 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 - Les Saules - Place Henri IV #2685 - 302 - 4½</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, Les Saules, Place Henri IV, Québec, 4½, 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-henri-iv/apartment/2685-302">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-henri-iv">183                                                                    Place Henri IV184                                                                    </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 Henri IV</h1>202                                                                    <p class="text-white mb-0">2685 avenue D&#039;Alembert, Québec, G1P 3V7</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/5989/950/place-henri-iv--2685-302-1.jpg"227                                                                alt="Les Saules Place Henri IV #2685 302 - 1"228                                                                title="Les Saules Place Henri IV #2685 302 - 1">229                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</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/5990/950/place-henri-iv--2685-302-2.jpg"238                                                                alt="Les Saules Place Henri IV #2685 302 - 2"239                                                                title="Les Saules Place Henri IV #2685 302 - 2">240                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</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/5991/950/place-henri-iv--2685-302-3.jpg"249                                                                alt="Les Saules Place Henri IV #2685 302 - 3"250                                                                title="Les Saules Place Henri IV #2685 302 - 3">251                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</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/5992/950/place-henri-iv--2685-302-4.jpg"260                                                                alt="Les Saules Place Henri IV #2685 302 - 4"261                                                                title="Les Saules Place Henri IV #2685 302 - 4">262                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</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/5993/950/place-henri-iv--2685-302-5.jpg"271                                                                alt="Les Saules Place Henri IV #2685 302 - 5"272                                                                title="Les Saules Place Henri IV #2685 302 - 5">273                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</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/5994/950/place-henri-iv--2685-302-6.jpg"282                                                                alt="Les Saules Place Henri IV #2685 302 - 6"283                                                                title="Les Saules Place Henri IV #2685 302 - 6">284                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</span>285                                                    </a>286                                                </div>287                                            </div>288                                                                                                                                <div class="slides">289                                                <div class="appartement-slide" style="position:relative">290                                                    <a href="#" class="appartement-infos">291                                                        <img292                                                                src="/image/5995/950/place-henri-iv--2685-302-7.jpg"293                                                                alt="Les Saules Place Henri IV #2685 302 - 7"294                                                                title="Les Saules Place Henri IV #2685 302 - 7">295                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2021</span>296                                                    </a>297                                                </div>298                                            </div>299                                                                            </div>300                                                                                                                        <div class="d-none d-sm-block differ-warning">* Les appartements disponibles peuvent différer des photos présentées ci-dessous.</div>301                                            <div class="d-block d-sm-none differ-warning-mobile">* Les appartements disponibles peuvent différer des photos présentées ci-dessus.</div>302                                                                                                                <div class="counter d-inline-block"></div>303                                </div>304                                                            </div>305                        </div>306                    </div>307                </div>308                <div class="bg-grey-lighter pb-5">309                    <div class="container">310                        <div class="row quick-actions mb-4 mb-xl-5 pb-2 justify-content-lg-center">311                                                    </div>312                        <div class="row">313                            <div class="col-12 col-lg-5 ">314                                <p>315                                                                                                                <a href="/complexe/place-henri-iv/appartement/2685-302/imprimer.html"316                                           title="Imprimer" target="_blank">317                                            <img class="mr-2" src="/build/images/icon-print.png" width="40px"318                                                 alt="title="Imprimer"">319                                            Imprimer la fiche320                                        </a>321                                                                    </p>322                                <h2 class="h5 mb-4">Description</h2>323                                <p><p>Avec ses 122 appartements r&eacute;partis dans 5 immeubles, Place Henri IV offre un milieu de vie de choix &agrave; ses locataires. Situ&eacute; dans l&rsquo;arrondissement des Rivi&egrave;res, dans le quartier Duberger-Les Saules, Place Henri IV offre une multitude d&rsquo;espaces verts et une piscine ext&eacute;rieure. D&rsquo;une grande accessibilit&eacute; &agrave; l&rsquo;autoroute Henri-IV et bien desservis par les transports en commun, Place Henri IV vous offre un nouveau style de vie, dans un quartier tranquille et s&eacute;curitaire.</p></p>324                            </div>325                            <div class="col-12 col-lg-6 offset-lg-1">326                                <div class="caracteristiques-appart description-appart">327                                    <div class="row">328                                        <div class="col-sm-4 col-12">329                                            <h3 class="font-weight-bold">Grandeur</h3>330                                            <p class="description_appart-size m-0 font-weight-light mb-5 mb-md-0">4½</p>331                                        </div>332                                                                                                                            <div class="col-sm-4 col-12">333                                                <h3 class="h6">Disponibilité</h3>334                                                <p class="description_appart-dispo h8">335                                                    Maintenant336                                                </p>337                                            </div>338                                                                                <div class="col-12">&nbsp;</div>339                                                                                                                            <div class="col-sm-8 col-12">340                                                <h3 class="h6">Débutant</h3>341342                                                <p class="description_appart-main_price h8 mb-5 mb-md-0">343                                                                                                                                                            1&nbsp;165&nbsp;$                                                    344                                                </p>345                                            </div>346                                                                            </div>347                                </div>348                            </div>349                        </div>350                    </div>351                </div>352                <div class="bg-white py-5">353                    <div class="container">354                        <div class="row">355                            <div class="col-12 col-md-6">356                                <h2 class="h5 mb-5">Inclusions</h2>357                                <div class="caracteristiques-appart">358                                    <div class="row">359                                        <div class="col-12 col-sm-6">360                                            <div class="row">361                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">362                                                                                                        <img src="/build/images/svg/pictos/chauffage.svg"363                                                         alt="">364                                                    <p >Chauffage</p>365                                                    <div class="exclusion-indicator"></div>366                                                </div>367                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">368                                                                                                        <img src="/build/images/svg/pictos/electricite.svg"369                                                         alt="">370                                                    <p >Électricité</p>371                                                    <div class="exclusion-indicator"></div>372                                                </div>373                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">374                                                                                                        <img src="/build/images/svg/pictos/eau.svg"375                                                         alt="">376                                                    <p >Eau chaude</p>377                                                    <div class="exclusion-indicator"></div>378                                                </div>379                                                                                                                                                                                                                                                                                                                                                                                                    <div class="col-12"><p class="small"><em>Des frais additionnels s’appliquent pour les appartements semi-meublés.</em></p></div>380                                                                                            </div>381                                        </div>382                                    </div>383                                </div>384                                <h2 class="h5 mb-5">Caractéristiques</h2>385                                <div class="caracteristiques-appart">386                                    <ul>387                                                                                                                                                                                                                                                                                        <li>388                                                        Entrée laveuse, sécheuse389                                                                                                            </li>390                                                                                                                                                                                                                                                    <li>391                                                        Rangement392                                                                                                            </li>393                                                                                                                                                                                                                                                    <li>394                                                        Nombre de salle de bain395                                                                                                                    : 1396                                                                                                            </li>397                                                                                                                                                                                                                                                    <li>398                                                        Balcon privé399                                                                                                                    : 1400                                                                                                            </li>401                                                                                                                                                                                                                                                    <li>402                                                        Stationnement extérieur403                                                                                                                    : selon la disponibilité404                                                                                                            </li>405                                                                                                                                                                        </ul>406                                </div>407                            </div>408                                                            <div class="col-12 col-md-6 apartment-plan">409                                    <h2 class="h5 mb-5">Plan de l&#039;appartement410                                        <br><small>Dimensions approximatives</small>411                                    </h2>412                                    <a href="/image/3464/plan/place-henri-iv--2685-302-plan.jpg"413                                       data-fancybox data-caption="Appartement - Les Saules - Place Henri IV #2685 - 302 - 4½ - plan">414                                        <img src="/image/3464/plan/place-henri-iv--2685-302-plan.jpg"415                                             class="img-fluid">416                                    </a>417                                </div>418                                                    </div>419                    </div>420                </div>421                                422423424425                                    <div class="bg-dark-blue">426    <div class="container py-4">427        <div class="row justify-content-between align-items-center">428            <div class="col-auto">429                <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 Henri IV</a></h2>430                                                            </div>431        <div class="w-100 d-lg-none"></div>432        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">433            434        </div>435    </div>436</div>437</div>438<style>439    html {440        scroll-behavior: smooth;441    }442</style>                    <div>443                        <div class="un-immeuble">444    <div class="bg-white text-dark">445        <div class="container">446            <div class="row">447                                                    <div class="col-12 col-xl-10 offset-xl-1 p-0 col-appart-middle">448                        <div class="slideshow slideshow-immeuble">449                            <div class="owl-carousel owl-carousel-appart">450                                                                                                                                        <div class="slides">451                                        <div class="appartement-slide">452                                            <a href="#" class="appartement-infos">453                                                <img454                                                    src="/image/8460/950/place-henri-iv-1.jpg"455                                                    alt="Place Henri IV - 1"456                                                    title="Place Henri IV - 1">457                                            </a>458                                        </div>459                                    </div>460                                                                                                        <div class="slides">461                                        <div class="appartement-slide">462                                            <a href="#" class="appartement-infos">463                                                <img464                                                    src="/image/3474/950/place-henri-iv-2.jpg"465                                                    alt="Place Henri IV - 2"466                                                    title="Place Henri IV - 2">467                                            </a>468                                        </div>469                                    </div>470                                                                                                        <div class="slides">471                                        <div class="appartement-slide">472                                            <a href="#" class="appartement-infos">473                                                <img474                                                    src="/image/3475/950/place-henri-iv-3.jpg"475                                                    alt="Place Henri IV - 3"476                                                    title="Place Henri IV - 3">477                                            </a>478                                        </div>479                                    </div>480                                                                                                        <div class="slides">481                                        <div class="appartement-slide">482                                            <a href="#" class="appartement-infos">483                                                <img484                                                    src="/image/4794/950/place-henri-iv-4.jpg"485                                                    alt="Place Henri IV - 4"486                                                    title="Place Henri IV - 4">487                                            </a>488                                        </div>489                                    </div>490                                                            </div>491                            <div class="counter d-inline-block"></div>492                        </div>493                    </div>494                            </div>495        </div>496    </div>497    <a id="dispo"></a>498    <div class="bg-grey-lighter">499        <div class="d-block" style="max-width: 1000px; margin: 0 auto;">500            <div class="row m-0">501                <div class="col-12 py-4  px-3 px-xl-0">502                    <h3 class="text-dark font-weight-bold">Disponibilités</h3>503                    <p class="text-right">504                        <a href="/complexe/place-henri-iv/disponibilites.html"505                           title="Imprimer" target="_blank">506                            <img src="/build/images/icon-print.png" width="40px"507                                 alt="title="Imprimer"">508                        </a>509                    </p>510511                    <div class="table-responsive" style="position: relative;">512513                        <style>514                            td {515                                text-align: left !important;516                                padding-left: 10px !important;517                            }518                        </style>519                                                <table class="table table-sm table-apparts text-dark-moyen table-no-bordered table-hover dataTable dtr-inline"520                               style="width: 100%; text-align: center;" id="datatables">521522                            <thead class="font-weight-bold">523                            <tr>524                                <td class="">&nbsp;<span>Grandeur</span></td>525                                <td class=""><span>Débutant</span></td>526                                <td class=""><span>Disponibilité</td>527                                <td class="no-sort"></td>528                            </tr>529                            </thead>530                            <tbody>531                                                                                                                                                        <tr style="cursor:pointer" >532                                    <td data-search="2 1/2">2½533                                                                                    <a class="d-none"534                                               href="/complexe/place-henri-iv/appartement/2675-306"><i535                                                        class="fa fa-chevron-right ml-1"></i></a>536                                                                            </td>537                                    <td>875&nbsp;$</td>538                                    <td class=""539                                        data-order="2026/10/01">Octobre 2026</td>540                                    <td>541                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>542                                    </td>543                                </tr>544                                                                                                                            <tr style="cursor:pointer" >545                                    <td data-search="3 1/2">3½546                                                                            </td>547                                    <td> - </td>548                                    <td class=""549                                        data-order="0000-000-000">-</td>550                                    <td>551                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>552                                    </td>553                                </tr>554                                                                                                                            <tr style="cursor:pointer" >555                                    <td data-search="4 1/2">4½556                                                                                    <a class="d-none"557                                               href="/complexe/place-henri-iv/appartement/2685-302"><i558                                                        class="fa fa-chevron-right ml-1"></i></a>559                                                                            </td>560                                    <td>1&nbsp;165&nbsp;$</td>561                                    <td class=""562                                        data-order="0000-211-5909">Maintenant</td>563                                    <td>564                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>565                                    </td>566                                </tr>567                                                                                    </tbody>568                        </table>569                        <p><em>Certains services sont inclus, parlez à un représentant du Groupe Laberge.</em></p>570                    </div>571                </div>572            </div>573        </div>574    </div>575    <div class="bg-white text-dark">576        <div class="container">577            <div class="row">578                <div class="col-12 p-5 col-appart-middle">579                    <div class="row">580                        <div class="col-12 col-md-5 col-appart-full">581                            <div class="caracteristiques-appart">582                                <h3 class="h6">Nom du complexe / Immeuble</h3>583                                <p>Place Henri IV</p>584                                <h3 class="h6">Adresse</h3>585                                586587                                <p>588                                    4420 boulevard Père-Lelièvre<br>Québec, G1P 2Z4589                                                                            <br>590                                        <a591                                                class="text-yellow collapsed"592                                                style="display: inline-block;"593                                                data-toggle="collapse"594                                                href="#collapseAdresse"595                                                role="button"596                                                aria-expanded="false"597                                                aria-controls="collapseAdresse">598                                            <i class="fa fa-chevron-down"></i>599                                            Autres adresses600                                        </a>601                                                                    </p>602                                                                    <div class="collapse" id="collapseAdresse" style="">603                                                                                                                                    <p>4460 boulevard Père-Lelièvre<br>Québec, G1P 2Z4</p>604                                                                                                                                                                                <p>2670 avenue D'Alembert<br>Québec, G1P 4H8</p>605                                                                                                                                                                                <p>2675 avenue D'Alembert<br>Québec, G1P 3V7</p>606                                                                                                                                                                                <p>2685 avenue D'Alembert<br>Québec, G1P 3V7</p>607                                                                                                                                                                                                            </div>608                                                                <h3 class="h6">Description du complexe</h3>609                                <p>122 logements sur 3 étages</p>610                            </div>611                        </div>612                        <div class="col-12 col-md-7 col-appart-none">613                            <p class="text-right">614                                <a href="/complexe/place-henri-iv/imprimer.html" title="Imprimer" target="_blank">615                                    <img src="/build/images/icon-print.png" width="40px" alt="title="Imprimer"">616                                </a>617                            </p>618                            <p><p>Avec ses 122 appartements r&eacute;partis dans 5 immeubles, Place Henri IV offre un milieu de vie de choix &agrave; ses locataires. Situ&eacute; dans l&rsquo;arrondissement des Rivi&egrave;res, dans le quartier Duberger-Les Saules, Place Henri IV offre une multitude d&rsquo;espaces verts et une piscine ext&eacute;rieure. D&rsquo;une grande accessibilit&eacute; &agrave; l&rsquo;autoroute Henri-IV et bien desservis par les transports en commun, Place Henri IV vous offre un nouveau style de vie, dans un quartier tranquille et s&eacute;curitaire.</p></p>619                        </div>620                    </div>621                </div>622            </div>623        </div>624    </div>625    <div class="bg-grey-lighter py-5 text-dark">626        <div class="container">627                            <div class="row">628                    <div class="col-12 mb-4">629                        <h2 class="h5">Services de l&#039;immeuble</h2>630                    </div>631                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">632                                <img style="max-width: 50%;" src="/build/images/svg/pictos/statext.svg" alt="">633                                <p>Stationnement extérieur</p>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/piscineext.svg" alt="">637                                <p>Piscine extérieure</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/rangementext.svg" alt="">641                                <p>Espace de rangement</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/buanderie.svg" alt="">645                                <p>Buanderie</p>646                            </div>647                                                            </div>648                                        <div class="row">649                    <div class="col-12 mb-4 mt-5">650                        <h2 class="h5">Dispositifs de sécurité</h2>651                    </div>652                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">653                                <img style="max-width: 50%;" src="/build/images/svg/pictos/carteacces.svg" alt="">654                                <p>Carte d&#039;accès</p>655                            </div>656                                                                                                                                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">657                                <img style="max-width: 50%;" src="/build/images/svg/pictos/intercom.svg" alt="">658                                <p>Intercom</p>659                            </div>660                                                            </div>661                    </div>662    </div>663    <div class="bg-white text-dark">664        <div class="container">665            <div class="row">666                                                    <div class="col-12 col-lg-6 pt-5 apartment-plan">667                        <h2 class="h5">Plan du complexe <br><small>* Dimensions approximatives</small></h2>668                        <a href="/image/4548/plan/place-henri-iv-plan.svg"669                           data-fancybox670                           data-width="1000"671                           data-caption="Appartement - Les Saules - Place Henri IV #2685 - 302 - 4½ - plan"672                           style="cursor: zoom-in"673                        >674                            <img675                                src="/image/4548/plan/place-henri-iv-plan.svg"676                                alt="Place Henri IV plan"677                                title="Place Henri IV plan "678                                width="100%">679                        </a>680                    </div>681                            </div>682        </div>683    </div>684    <div class="bg-white text-dark" style="overflow:hidden;">685        <div class="container">686            <div class="row">687                <div class="col-12 col-xl-4 a-proximite pt-5" style="">688                    <div class="row no-gutters">689                        <div class="col-12 col-sm-4 col-xl-12">690                            <h2 class="h5">À proximité</h2>691                            <ul class=" d-none d-sm-block">692                                                                                                                                                                                                                                                                                                                                                    <li data-params='[{&quot;nom&quot;:&quot;Biblioth\u00e8que Romain-Langlois&quot;,&quot;lat_lon&quot;:[&quot;46.8073294&quot;,&quot;-71.31815626094891&quot;]}]'>693                                            <a class="h6" href="#services_map">694                                                Bibliothèque695                                            </a>696                                        </li>697                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Desjardins&quot;,&quot;lat_lon&quot;:[&quot;46.81040318108108&quot;,&quot;-71.32019413783783&quot;]}]'>698                                            <a class="h6" href="#services_map">699                                                Caisse/Banque/Guichets ATM700                                            </a>701                                        </li>702                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;D\u00e9panneur&quot;,&quot;lat_lon&quot;:[&quot;46.8102221&quot;,&quot;-71.3199238&quot;]}]'>703                                            <a class="h6" href="#services_map">704                                                Dépanneur705                                            </a>706                                        </li>707                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;\u00c9cole Sainte-Monique&quot;,&quot;lat_lon&quot;:[&quot;46.8103968&quot;,&quot;-71.3217398&quot;]}]'>708                                            <a class="h6" href="#services_map">709                                                École710                                            </a>711                                        </li>712                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;IGA&quot;,&quot;lat_lon&quot;:[&quot;46.8182143&quot;,&quot;-71.3313453&quot;]},{&quot;nom&quot;:&quot;Maxi &quot;,&quot;lat_lon&quot;:[&quot;46.7855497&quot;,&quot;-71.3494851&quot;]}]'>713                                            <a class="h6" href="#services_map">714                                                Épicerie715                                            </a>716                                        </li>717                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Ar\u00e9na Ga\u00e9tan Duchesne&quot;,&quot;lat_lon&quot;:[&quot;46.8089564&quot;,&quot;-71.3251403&quot;]}]'>718                                            <a class="h6" href="#services_map">719                                                Loisir et sport720                                            </a>721                                        </li>722                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Brunet&quot;,&quot;lat_lon&quot;:[&quot;46.811076130000004&quot;,&quot;-71.32081314000001&quot;]}]'>723                                            <a class="h6" href="#services_map">724                                                Pharmacie725                                            </a>726                                        </li>727                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;SAQ&quot;,&quot;lat_lon&quot;:[&quot;46.81824538496646&quot;,&quot;-71.33138922488872&quot;]}]'>728                                            <a class="h6" href="#services_map">729                                                SAQ 730                                            </a>731                                        </li>732                                                                    733                            </ul>734                        </div>735                    </div>736                </div>737738                <div class="col-12 col-xl-8 pt-0 pt-sm-5 pb-2">739                    <div class="search_map pt-2">740                        <div class="map-immeuble" id="mapid" style="height: 420px;" data-ice-params="[46.8076938, -71.3236116]" data-nom="Place Henri IV"></div>741                        <div class="flex-parent">742                            <p class="text-center"><img src="/build/images/svg/map_marker_1.svg" style="width:40px" alt="">Place Henri IV</p>743                        </div>744                    </div>745                </div>746            </div>747        </div>748    </div>749</div>750751752                    </div>753                <div class="bg-cyan" id="form_contact">754    <div class="container">755        <div class="row">756            <div class="col-12 text-center py-5 text-dark">757                <h2 class="h5 m-0">Pour information ou visite</h2>758                <br>759                760                                                    <h3 class="h2 p-0" style="font-size: 2.81em;">761                                <a class="text-white" href="tel:418-871-2457">418-871-2457</a>762                            </h3>763                                                                            <p class='m-0'>4420 boulevard Père-Lelièvre app. 205, Québec, G1P 2Z4</p>764                                                                            <p class='m-0'><a href="mailto:place.henriIV@laberge.qc.ca" class="text-dark">place.henriIV@laberge.qc.ca</a></p>765                                                    </div>766        </div>767    </div>768</div>769<div class="bg-grey-dark py-5 contact-form">770771        <div class="container">772            <form action="/complexe/place-henri-iv/contact" name="contact" method="POST">773            <div class="row">774                <style>775                    .form-group [disabled] {776                        opacity: 50%;777                    }778                </style>779                <div class="col-12">780                    <h2 class="h5 text-white mb-3"><i class="fa fa-question-circle-o mr-2"></i>Faire une demande d&#039;information</h2>781                </div>782                <div class="col-12 col-lg-6">783                    <div class="form-group">784                        <select class="form-control custom-select custom-select-lg" id="contact_type" name="contact_type">785                            <option value="1">Type de demande</option>786                            <option value="2">Je suis client actuel</option>787                            <option value="3">Je suis un futur client</option>788                        </select>789                    </div>790                                        <div class="form-group">791                        <input type="text" class="form-control" id="contact_name" name="contact_name" required="required" placeholder="Nom *">792                    </div>793                    <div class="form-group">794                        <input type="email" class="form-control" id="contact_email" name="contact_email" required="required" placeholder="Adresse courriel *">795                    </div>796                    <div class="form-group">797                        <input type="tel" class="form-control" id="contact_phone" name="contact_phone"  required="required" placeholder="Numéro de téléphone *">798                    </div>799                </div>800                <div class="col-12 col-lg-6">801                    <div class="form-group">802                        <textarea class="form-control" id="contact_message" name="contact_message" rows="8" placeholder="Message"></textarea>803                    </div>804                </div>805                <div class="col-12 clearfix">806                    <div class="text-white float-left" style="max-width: 85%;">807                        <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>808                        <input type="hidden" name="recaptcha_response" id="recaptcha_response">809<script src="https://www.google.com/recaptcha/api.js?render=6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ"></script>810<script>811grecaptcha.ready(function() {812  grecaptcha.execute('6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ', {action: 'contact'}).then(function(token) {813    var el = document.getElementById('recaptcha_response');814    if (el) el.value = token;815  });816});817</script>818                    </div>819820                    <button type="submit" class="float-right btn-laberge-yellow mt-0" data-ice="main.validate">Envoyer</button>821                </div>822            </div>823            </form>824            <div class="row">825                <div class="col-12 ">826                    <div class="text-white float-left mt-4 p-2" style="border: 1px solid white">827                        <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>828                        <p class="my-0 mt-1"><b> Responsable de la protection des renseignements personnels</b></p>829                        <p class="my-0">5355, boul. des Gradins <br> Québec (Québec) <br> G2J 1C8</p>830                        <a style="color: #eabc00" href="mailto:confidentialite@laberge.qc.ca">confidentialite@laberge.qc.ca</a>831                    </div>832                </div>833            </div>834        </div>835836</div>837                            </div>838839840        </main>841                <footer>842<div class="bg-dark-blue d-none d-md-block" id="footer-desktop">843  <div class="container">844    <div class="row">845      <div class="col-12 mb-4 mb-lg-0 border-grey-dark footer-desktop_section1">846        <div class="row d-flex">847          <div class="col border-right border-grey-dark">848            <ul id="footer-navigation" class="nav flex-column">849              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/carriere">Carrière</a></li>850              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/a-propos">À propos</a></li>851              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/faq">FAQ</a></li>852              853              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/nous-joindre">Nous joindre</a></li>854              <li class="nav-item lang-toggler"><a class="nav-link font-weight-bold text-uppercase text-grey" href="/complex/place-henri-iv/apartment/2685-302">English</a></li>855            </ul>856          </div>857          <div class="col">858            <ul class="nav flex-column footer-links">859              <li class="nav-item font-weight-bold text-uppercase">860                <a class="nav-link" href="/recherche?villes[]=quebec">861                  Appartements à Québec862                </a>863              </li>864              <li class="nav-item">865                <a class="nav-link" href="/recherche?secteurs[]=beauport">866                  Beauport867                </a>868              </li>869              <li class="nav-item">870                <a class="nav-link" href="/recherche?secteurs[]=charlesbourg">871                  Charlesbourg872                </a>873              </li>874              <li class="nav-item">875                <a class="nav-link" href="/recherche?secteurs[]=ancienne-lorette">876                  L&#039;Ancienne-Lorette877                </a>878              </li>879              <li class="nav-item">880                <a class="nav-link" href="/recherche?secteurs[]=les-saules">881                  Les Saules882                </a>883              </li>884              <li class="nav-item">885                <a class="nav-link" href="/recherche?secteurs[]=levis">886                  Lévis887                </a>888              </li>889            </ul>890          </div>891          <div class="col border-right border-grey-dark">892            <ul class="nav flex-column footer-links">893              <li class="nav-item font-weight-bold text-uppercase">894                <a class="nav-link">895                  &nbsp;896                </a>897              </li>898              <li class="nav-item">899                <a class="nav-link" href="/recherche?secteurs[]=montcalm">900                  Montcalm901                </a>902              </li>903              <li class="nav-item">904                <a class="nav-link" href="/recherche?secteurs[]=neufchatel">905                  Neufchâtel906                </a>907              </li>908              <li class="nav-item">909                <a class="nav-link" href="/recherche?secteurs[]=quebec">910                  Québec911                </a>912              </li>913              <li class="nav-item">914                <a class="nav-link" href="/recherche?secteurs[]=ste-foy">915                  Sainte-Foy916                </a>917              </li>918              <li class="nav-item">919                <a class="nav-link" href="/recherche?secteurs[]=vanier">920                  Vanier921                </a>922              </li>923            </ul>924          </div>925          <div class="col">926            <ul class="nav flex-column footer-links">927              <li class="nav-item font-weight-bold text-uppercase">928                <a class="nav-link" href="/recherche?villes[]=montreal">929                  Appartements à Montréal930                </a>931              </li>932              <li class="nav-item">933                <a class="nav-link" href="/recherche?secteurs[]=cote-st-luc">934                  Côte St-Luc935                </a>936              </li>937              <li class="nav-item">938                <a class="nav-link" href="/recherche?secteurs[]=lasalle">939                  LaSalle940                </a>941              </li>942              <li class="nav-item">943                <a class="nav-link" href="/recherche?secteurs[]=notre-dame-de-grace">944                  Notre-Dame-de-Grâce945                </a>946              </li>947              <li class="nav-item">948                <a class="nav-link" href="/recherche?secteurs[]=pierrefonds">949                  Pierrefonds950                </a>951              </li>952            </ul>953          </div>954        </div>955      </div>956    </div>957  </div>958</div>959<div class="" id="footer-secondary-nav">960  <div class="container py-2">961    <div class="row d-flex flex-column flex-md-row align-items-center">962      <div class="col text-center">963          <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>964      </div>965    </div>966  </div>967</div>968<div class="bg-grey-lighter" id="footer-copyrights">969  <div class="container">970    <div class="row d-flex flex-column flex-lg-row justify-content-between align-items-center py-3">971      <div class="col text-center text-lg-left">972        <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>973      </div>974      <div class="col text-center text-lg-left">975        <p class="my-0 text-center">© Groupe Laberge 2026</p>976      </div>977      <div class="col text-center text-lg-right">978        <p class="d-inline-flex mt-3 mt-sm-0 flex-column flex-sm-row align-items-center my-0">979            <a href="http://bisscomm.com" target="_blank">980              <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;">981          		Réalisation © Bissonnette Communications Impact982            </a>983        </p>984      </div>985    </div>986  </div>987</div></footer>988    </body>989        <!-- BOOTSTRAP CND | THIS IS TMP -->990<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>991<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>992<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>993<!-- FONT AWESOME CDN | THIS IS TMP -->994<script src="https://use.fontawesome.com/ed1f5a945e.js"></script>995996<script src="/bundles/bcicms/assets/assets/jquery-class/jquery.class.js?v=1.6"></script>997<script src="/bundles/bcicms/assets/assets/jquery-ice/jquery-ice.js?v=1.6"></script>998999<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet-src.js"></script>1000<script src="/build/js/vendor-owl-carousel.js?v=1.6"></script>1001<script src="/build/js/vendor-jquery.fancybox.js?v=1.6"></script>1002<script src="/build/js/vendor-multiple-select.js?v=1.6"></script>1003<script src="/build/js/leaflet-gesture-handling.js?v=1.6"></script>1004<script src="/build/js/app.js?v=1.6"></script>1005<script src="/build/js/main.class.js?v=1.6"></script>1006<script src="/build/js/planSelector.class.js?v=1.6"></script>1007<script src="/build/js/lazy.min.js?v=1.6"></script>1008<script src="/build/js/custom-select.class.js?v=1.6"></script>10091010<script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>10111012<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>1013<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>10141015<script>1016    $( function() {1017        if ($('#datatables').length > 0) {1018            $('#datatables').DataTable({1019                "pagingType": "full_numbers",1020                "lengthMenu": [1021                    [10, 25, 50, -1],1022                    [10, 25, 50, "Tous"]1023                ],1024                "pageLength": -1,1025                responsive: true,1026                dom:'<f l<t> p>',1027                "order": [[ 0, "asc" ]],1028                language: {1029                    "sProcessing":     "En processus...",1030                    "sSearch":         "Rechercher:",1031                    "sLengthMenu":     "Afficher _MENU_ enregistrements",1032                    "sInfo":           "Affichant _START_ à _END_ enregistrements sur un total de _TOTAL_",1033                    "sInfoEmpty":      "Affichant 0 à 0 enregistrement sur un total de 0",1034                    "sInfoFiltered":   "(filtrées d&#039;un total de _MAX_ enregistrements)",1035                    "sInfoPostFix":    "",1036                    "sLoadingRecords": "Chargement...",1037                    "sZeroRecords":    "Aucun enregistrement trouvé",1038                    "sEmptyTable":     "Aucune information disponible dans le tableau",1039                    "oPaginate": {1040                        "sFirst":      "Premier",1041                        "sPrevious":   "Précédent",1042                        "sNext":       "Prochain",1043                        "sLast":       "Dernier"1044                    },1045                    "oAria": {1046                        "sSortAscending":  "activer le trie de colonne en ordre croissante",1047                        "sSortDescending": "activer le trie de colonne en ordre décroissante"1048                    }1049                },1050                fnDrawCallback: function () {1051                    if ($('select[name="datatables_length"]').val() > -1 || $('select[name="datatables_length"]').val() >= $('.table_apparts tbody tr').length) {1052                        $('.dataTables_paginate').show();1053                    } else {1054                        $('.dataTables_paginate').hide();1055                    }1056                }10571058            });1059            $('.table-apparts tbody tr').on('click', function(event){1060                if ($(this).find('a').attr('href')) {1061                    window.location = $(this).find('a').attr('href');1062                }1063            });1064        }1065    });1066</script>106710681069    <script>1070        (function () {1071            $('#collapseImmeuble').collapse('hide');1072            $('#collapseImmeuble').on('hidden.bs.collapse', function () {1073                $('a.text-yellow[href="#collapseImmeuble"]').html("<i class='fa fa-chevron-down'></i> VOIR PLUS");1074            });1075            $('#collapseImmeuble').on('show.bs.collapse', function () {1076                $('a.text-yellow[href="#collapseImmeuble"' +1077                    ' ]').html("<i class='fa fa-chevron-up'></i> VOIR MOINS");1078            });1079        })();1080    </script>1081</html>1082