SPB Git

spb/lou-ka Public

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

HTML 99.7%
75.1 KB · 1,131 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 - Beauport - Le Charleroi #2965 - 3 - 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, Beauport, Le Charleroi, 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/le-charleroi/apartment/2965-3">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/le-charleroi">183                                                                    Le Charleroi184                                                                    </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">Le Charleroi</h1>202                                                                    <p class="text-white mb-0">2965 chemin Royal, Québec, G1E 1T3</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/5113/950/le-charleroi--2965-3-1.jpg"227                                                                alt="Beauport Le Charleroi #2965 3 - 1"228                                                                title="Beauport Le Charleroi #2965 3 - 1">229                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5114/950/le-charleroi--2965-3-2.jpg"238                                                                alt="Beauport Le Charleroi #2965 3 - 2"239                                                                title="Beauport Le Charleroi #2965 3 - 2">240                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5115/950/le-charleroi--2965-3-3.jpg"249                                                                alt="Beauport Le Charleroi #2965 3 - 3"250                                                                title="Beauport Le Charleroi #2965 3 - 3">251                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5116/950/le-charleroi--2965-3-4.jpg"260                                                                alt="Beauport Le Charleroi #2965 3 - 4"261                                                                title="Beauport Le Charleroi #2965 3 - 4">262                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5117/950/le-charleroi--2965-3-5.jpg"271                                                                alt="Beauport Le Charleroi #2965 3 - 5"272                                                                title="Beauport Le Charleroi #2965 3 - 5">273                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5118/950/le-charleroi--2965-3-6.jpg"282                                                                alt="Beauport Le Charleroi #2965 3 - 6"283                                                                title="Beauport Le Charleroi #2965 3 - 6">284                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</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/5119/950/le-charleroi--2965-3-7.jpg"293                                                                alt="Beauport Le Charleroi #2965 3 - 7"294                                                                title="Beauport Le Charleroi #2965 3 - 7">295                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</span>296                                                    </a>297                                                </div>298                                            </div>299                                                                                                                                <div class="slides">300                                                <div class="appartement-slide" style="position:relative">301                                                    <a href="#" class="appartement-infos">302                                                        <img303                                                                src="/image/5120/950/le-charleroi--2965-3-8.jpg"304                                                                alt="Beauport Le Charleroi #2965 3 - 8"305                                                                title="Beauport Le Charleroi #2965 3 - 8">306                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</span>307                                                    </a>308                                                </div>309                                            </div>310                                                                                                                                <div class="slides">311                                                <div class="appartement-slide" style="position:relative">312                                                    <a href="#" class="appartement-infos">313                                                        <img314                                                                src="/image/5121/950/le-charleroi--2965-3-9.jpg"315                                                                alt="Beauport Le Charleroi #2965 3 - 9"316                                                                title="Beauport Le Charleroi #2965 3 - 9">317                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</span>318                                                    </a>319                                                </div>320                                            </div>321                                                                                                                                <div class="slides">322                                                <div class="appartement-slide" style="position:relative">323                                                    <a href="#" class="appartement-infos">324                                                        <img325                                                                src="/image/4908/950/le-charleroi--2965-3-10.jpg"326                                                                alt="Beauport Le Charleroi #2965 3 - 10"327                                                                title="Beauport Le Charleroi #2965 3 - 10">328                                                        <span style="color: white; opacity: 0.5; position: absolute; top: 5px; right: 10px;">&copy; 2020</span>329                                                    </a>330                                                </div>331                                            </div>332                                                                            </div>333                                                                                                                        <div class="d-none d-sm-block differ-warning">* Les appartements disponibles peuvent différer des photos présentées ci-dessous.</div>334                                            <div class="d-block d-sm-none differ-warning-mobile">* Les appartements disponibles peuvent différer des photos présentées ci-dessus.</div>335                                                                                                                <div class="counter d-inline-block"></div>336                                </div>337                                                            </div>338                        </div>339                    </div>340                </div>341                <div class="bg-grey-lighter pb-5">342                    <div class="container">343                        <div class="row quick-actions mb-4 mb-xl-5 pb-2 justify-content-lg-center">344                                                    </div>345                        <div class="row">346                            <div class="col-12 col-lg-5 ">347                                <p>348                                                                                                                <a href="/complexe/le-charleroi/appartement/2965-3/imprimer.html"349                                           title="Imprimer" target="_blank">350                                            <img class="mr-2" src="/build/images/icon-print.png" width="40px"351                                                 alt="title="Imprimer"">352                                            Imprimer la fiche353                                        </a>354                                                                    </p>355                                <h2 class="h5 mb-4">Description</h2>356                                <p><p>Avec ses 48 logements r&eacute;partis dans 6 immeubles, le Charleroi est un complexe s&eacute;curitaire id&eacute;al pour ses locataires. Situ&eacute; dans l&rsquo;arrondissement de Beauport, le Charleroi est &agrave; proximit&eacute; 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 Galeries de la Canardi&egrave;re, des services de sant&eacute;, du Parc-O-Bus d&rsquo;Estimauville et de plusieurs parcs urbains tels que le Domaine du Maizerets. Vivre au Charleroi, c&rsquo;est choisir une vie de quartier tranquille, heureuse et pr&egrave;s de tous les services.</p></p>357                            </div>358                            <div class="col-12 col-lg-6 offset-lg-1">359                                <div class="caracteristiques-appart description-appart">360                                    <div class="row">361                                        <div class="col-sm-4 col-12">362                                            <h3 class="font-weight-bold">Grandeur</h3>363                                            <p class="description_appart-size m-0 font-weight-light mb-5 mb-md-0">4½</p>364                                        </div>365                                                                                                                            <div class="col-sm-4 col-12">366                                                <h3 class="h6">Disponibilité</h3>367                                                <p class="description_appart-dispo h8">368                                                    Octobre 2026369                                                </p>370                                            </div>371                                                                                <div class="col-12">&nbsp;</div>372                                                                                                                            <div class="col-sm-8 col-12">373                                                <h3 class="h6">Débutant</h3>374375                                                <p class="description_appart-main_price h8 mb-5 mb-md-0">376                                                                                                                                                            1&nbsp;245&nbsp;$                                                    377                                                </p>378                                            </div>379                                                                            </div>380                                </div>381                            </div>382                        </div>383                    </div>384                </div>385                <div class="bg-white py-5">386                    <div class="container">387                        <div class="row">388                            <div class="col-12 col-md-6">389                                <h2 class="h5 mb-5">Inclusions</h2>390                                <div class="caracteristiques-appart">391                                    <div class="row">392                                        <div class="col-12 col-sm-6">393                                            <div class="row">394                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">395                                                                                                        <img src="/build/images/svg/pictos/chauffage.svg"396                                                         alt="">397                                                    <p >Chauffage</p>398                                                    <div class="exclusion-indicator"></div>399                                                </div>400                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">401                                                                                                        <img src="/build/images/svg/pictos/electricite_off.svg"402                                                         alt="">403                                                    <p style="color:#ccc">Électricité</p>404                                                    <div class="exclusion-indicator"></div>405                                                </div>406                                                <div class="col-4 col-md-4 text-center mb-3 position-relative">407                                                                                                        <img src="/build/images/svg/pictos/eau.svg"408                                                         alt="">409                                                    <p >Eau chaude</p>410                                                    <div class="exclusion-indicator"></div>411                                                </div>412                                                                                                                                                                                                                                                                                                                                                                                                    <div class="col-12"><p class="small"><em>Des frais additionnels s’appliquent pour les appartements semi-meublés.</em></p></div>413                                                                                            </div>414                                        </div>415                                    </div>416                                </div>417                                <h2 class="h5 mb-5">Caractéristiques</h2>418                                <div class="caracteristiques-appart">419                                    <ul>420                                                                                                                                                                                                                                                                                        <li>421                                                        Entrée laveuse, sécheuse422                                                                                                            </li>423                                                                                                                                                                                                                                                    <li>424                                                        Nombre de salle de bain425                                                                                                                    : 1426                                                                                                            </li>427                                                                                                                                                                                                                                                    <li>428                                                        Balcon privé429                                                                                                                    : 2430                                                                                                            </li>431                                                                                                                                                                                                                                                    <li>432                                                        Stationnement extérieur433                                                                                                                    : selon la disponibilité434                                                                                                            </li>435                                                                                                                                                                        </ul>436                                </div>437                            </div>438                                                            <div class="col-12 col-md-6 apartment-plan">439                                    <h2 class="h5 mb-5">Plan de l&#039;appartement440                                        <br><small>Dimensions approximatives</small>441                                    </h2>442                                    <a href="/image/3837/plan/le-charleroi--2965-3-plan.jpg"443                                       data-fancybox data-caption="Appartement - Beauport - Le Charleroi #2965 - 3 - 4½ - plan">444                                        <img src="/image/3837/plan/le-charleroi--2965-3-plan.jpg"445                                             class="img-fluid">446                                    </a>447                                </div>448                                                    </div>449                    </div>450                </div>451                                452453454455                                    <div class="bg-dark-blue">456    <div class="container py-4">457        <div class="row justify-content-between align-items-center">458            <div class="col-auto">459                <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 : Le Charleroi</a></h2>460                                                            </div>461        <div class="w-100 d-lg-none"></div>462        <div class="col-auto flex-fill text-left text-lg-right d-none d-xl-block">463            464        </div>465    </div>466</div>467</div>468<style>469    html {470        scroll-behavior: smooth;471    }472</style>                    <div>473                        <div class="un-immeuble">474    <div class="bg-white text-dark">475        <div class="container">476            <div class="row">477                                                    <div class="col-12 col-xl-10 offset-xl-1 p-0 col-appart-middle">478                        <div class="slideshow slideshow-immeuble">479                            <div class="owl-carousel owl-carousel-appart">480                                                                                                                                        <div class="slides">481                                        <div class="appartement-slide">482                                            <a href="#" class="appartement-infos">483                                                <img484                                                    src="/image/3843/950/le-charleroi-1.jpg"485                                                    alt="Le Charleroi - 1"486                                                    title="Le Charleroi - 1">487                                            </a>488                                        </div>489                                    </div>490                                                                                                        <div class="slides">491                                        <div class="appartement-slide">492                                            <a href="#" class="appartement-infos">493                                                <img494                                                    src="/image/3844/950/le-charleroi-2.jpg"495                                                    alt="Le Charleroi - 2"496                                                    title="Le Charleroi - 2">497                                            </a>498                                        </div>499                                    </div>500                                                                                                        <div class="slides">501                                        <div class="appartement-slide">502                                            <a href="#" class="appartement-infos">503                                                <img504                                                    src="/image/3845/950/le-charleroi-3.jpg"505                                                    alt="Le Charleroi - 3"506                                                    title="Le Charleroi - 3">507                                            </a>508                                        </div>509                                    </div>510                                                                                                        <div class="slides">511                                        <div class="appartement-slide">512                                            <a href="#" class="appartement-infos">513                                                <img514                                                    src="/image/4787/950/le-charleroi-4.jpg"515                                                    alt="Le Charleroi - 4"516                                                    title="Le Charleroi - 4">517                                            </a>518                                        </div>519                                    </div>520                                                                                                        <div class="slides">521                                        <div class="appartement-slide">522                                            <a href="#" class="appartement-infos">523                                                <img524                                                    src="/image/4788/950/le-charleroi-5.jpg"525                                                    alt="Le Charleroi - 5"526                                                    title="Le Charleroi - 5">527                                            </a>528                                        </div>529                                    </div>530                                                                                                        <div class="slides">531                                        <div class="appartement-slide">532                                            <a href="#" class="appartement-infos">533                                                <img534                                                    src="/image/8155/950/le-charleroi-6.jpg"535                                                    alt="Le Charleroi - 6"536                                                    title="Le Charleroi - 6">537                                            </a>538                                        </div>539                                    </div>540                                                            </div>541                            <div class="counter d-inline-block"></div>542                        </div>543                    </div>544                            </div>545        </div>546    </div>547    <a id="dispo"></a>548    <div class="bg-grey-lighter">549        <div class="d-block" style="max-width: 1000px; margin: 0 auto;">550            <div class="row m-0">551                <div class="col-12 py-4  px-3 px-xl-0">552                    <h3 class="text-dark font-weight-bold">Disponibilités</h3>553                    <p class="text-right">554                        <a href="/complexe/le-charleroi/disponibilites.html"555                           title="Imprimer" target="_blank">556                            <img src="/build/images/icon-print.png" width="40px"557                                 alt="title="Imprimer"">558                        </a>559                    </p>560561                    <div class="table-responsive" style="position: relative;">562563                        <style>564                            td {565                                text-align: left !important;566                                padding-left: 10px !important;567                            }568                        </style>569                                                <table class="table table-sm table-apparts text-dark-moyen table-no-bordered table-hover dataTable dtr-inline"570                               style="width: 100%; text-align: center;" id="datatables">571572                            <thead class="font-weight-bold">573                            <tr>574                                <td class="">&nbsp;<span>Grandeur</span></td>575                                <td class=""><span>Débutant</span></td>576                                <td class=""><span>Disponibilité</td>577                                <td class="no-sort"></td>578                            </tr>579                            </thead>580                            <tbody>581                                                                                                                                                        <tr style="cursor:pointer" >582                                    <td data-search="3 1/2">3½583                                                                            </td>584                                    <td> - </td>585                                    <td class=""586                                        data-order="0000-000-000">-</td>587                                    <td>588                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>589                                    </td>590                                </tr>591                                                                                                                            <tr style="cursor:pointer" >592                                    <td data-search="4 1/2">4½593                                                                                    <a class="d-none"594                                               href="/complexe/le-charleroi/appartement/2965-3"><i595                                                        class="fa fa-chevron-right ml-1"></i></a>596                                                                            </td>597                                    <td>1&nbsp;245&nbsp;$</td>598                                    <td class=""599                                        data-order="2026/10/01">Octobre 2026</td>600                                    <td>601                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>602                                    </td>603                                </tr>604                                                                                                                            <tr style="cursor:pointer" >605                                    <td data-search="5 1/2">5½606                                                                            </td>607                                    <td> - </td>608                                    <td class=""609                                        data-order="0000-000-000">-</td>610                                    <td>611                                        <i class="material-icons"  data-toggle="tooltip" data-placement="top" title="">chevron_right</i>612                                    </td>613                                </tr>614                                                                                    </tbody>615                        </table>616                        <p><em>Certains services sont inclus, parlez à un représentant du Groupe Laberge.</em></p>617                    </div>618                </div>619            </div>620        </div>621    </div>622    <div class="bg-white text-dark">623        <div class="container">624            <div class="row">625                <div class="col-12 p-5 col-appart-middle">626                    <div class="row">627                        <div class="col-12 col-md-5 col-appart-full">628                            <div class="caracteristiques-appart">629                                <h3 class="h6">Nom du complexe / Immeuble</h3>630                                <p>Le Charleroi</p>631                                <h3 class="h6">Adresse</h3>632                                633634                                <p>635                                    2100 avenue Louise-Cloutier<br>Québec, G1E 3S1636                                                                            <br>637                                        <a638                                                class="text-yellow collapsed"639                                                style="display: inline-block;"640                                                data-toggle="collapse"641                                                href="#collapseAdresse"642                                                role="button"643                                                aria-expanded="false"644                                                aria-controls="collapseAdresse">645                                            <i class="fa fa-chevron-down"></i>646                                            Autres adresses647                                        </a>648                                                                    </p>649                                                                    <div class="collapse" id="collapseAdresse" style="">650                                                                                                                                    <p>2110 avenue Louise-Cloutier<br>Québec, G1E 3S1</p>651                                                                                                                                                                                <p>2120 avenue Louise-Cloutier<br>Québec, G1E 3S1</p>652                                                                                                                                                                                <p>2130 avenue Louise-Cloutier<br>Québec, G1E 3S1</p>653                                                                                                                                                                                <p>2961 chemin Royal<br>Québec, G1E 1T3</p>654                                                                                                                                                                                <p>2965 chemin Royal<br>Québec, G1E 1T3</p>655                                                                                                                                                                                                            </div>656                                                                <h3 class="h6">Description du complexe</h3>657                                <p>48 logements sur 4 étages</p>658                            </div>659                        </div>660                        <div class="col-12 col-md-7 col-appart-none">661                            <p class="text-right">662                                <a href="/complexe/le-charleroi/imprimer.html" title="Imprimer" target="_blank">663                                    <img src="/build/images/icon-print.png" width="40px" alt="title="Imprimer"">664                                </a>665                            </p>666                            <p><p>Avec ses 48 logements r&eacute;partis dans 6 immeubles, le Charleroi est un complexe s&eacute;curitaire id&eacute;al pour ses locataires. Situ&eacute; dans l&rsquo;arrondissement de Beauport, le Charleroi est &agrave; proximit&eacute; 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 Galeries de la Canardi&egrave;re, des services de sant&eacute;, du Parc-O-Bus d&rsquo;Estimauville et de plusieurs parcs urbains tels que le Domaine du Maizerets. Vivre au Charleroi, c&rsquo;est choisir une vie de quartier tranquille, heureuse et pr&egrave;s de tous les services.</p></p>667                        </div>668                    </div>669                </div>670            </div>671        </div>672    </div>673    <div class="bg-grey-lighter py-5 text-dark">674        <div class="container">675                            <div class="row">676                    <div class="col-12 mb-4">677                        <h2 class="h5">Services de l&#039;immeuble</h2>678                    </div>679                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">680                                <img style="max-width: 50%;" src="/build/images/svg/pictos/statext.svg" alt="">681                                <p>Stationnement extérieur</p>682                            </div>683                                                                                                                                                                                                                                    <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">684                                <img style="max-width: 50%;" src="/build/images/svg/pictos/rangementext.svg" alt="">685                                <p>Espace de rangement</p>686                            </div>687                                                            </div>688                                        <div class="row">689                    <div class="col-12 mb-4 mt-5">690                        <h2 class="h5">Dispositifs de sécurité</h2>691                    </div>692                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">693                                <img style="max-width: 50%;" src="/build/images/svg/pictos/carteacces.svg" alt="">694                                <p>Carte d&#039;accès</p>695                            </div>696                                                                                                                                                                                        <div class="col-4 col-md-2 col-lg-2 text-center p-0 mb-3">697                                <img style="max-width: 50%;" src="/build/images/svg/pictos/intercom.svg" alt="">698                                <p>Intercom</p>699                            </div>700                                                            </div>701                    </div>702    </div>703    <div class="bg-white text-dark">704        <div class="container">705            <div class="row">706                                                    <div class="col-12 col-lg-6 pt-5 apartment-plan">707                        <h2 class="h5">Plan du complexe <br><small>* Dimensions approximatives</small></h2>708                        <a href="/image/4610/plan/le-charleroi-plan.svg"709                           data-fancybox710                           data-width="1000"711                           data-caption="Appartement - Beauport - Le Charleroi #2965 - 3 - 4½ - plan"712                           style="cursor: zoom-in"713                        >714                            <img715                                src="/image/4610/plan/le-charleroi-plan.svg"716                                alt="Le Charleroi plan"717                                title="Le Charleroi plan "718                                width="100%">719                        </a>720                    </div>721                            </div>722        </div>723    </div>724    <div class="bg-white text-dark" style="overflow:hidden;">725        <div class="container">726            <div class="row">727                <div class="col-12 col-xl-4 a-proximite pt-5" style="">728                    <div class="row no-gutters">729                        <div class="col-12 col-sm-4 col-xl-12">730                            <h2 class="h5">À proximité</h2>731                            <ul class=" d-none d-sm-block">732                                                                                                                                                                                                                                                                                                                                                    <li data-params='[{&quot;nom&quot;:&quot;Biblioth\u00e8que du Chemin-Royal&quot;,&quot;lat_lon&quot;:[&quot;46.849869&quot;,&quot;-71.2114001&quot;]}]'>733                                            <a class="h6" href="#services_map">734                                                Bibliothèque735                                            </a>736                                        </li>737                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Galerie de la Canardi\u00e8re&quot;,&quot;lat_lon&quot;:[&quot;46.8456705&quot;,&quot;-71.2165128&quot;]}]'>738                                            <a class="h6" href="#services_map">739                                                Centre commercial740                                            </a>741                                        </li>742                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Chalet Saint-Ignace&quot;,&quot;lat_lon&quot;:[&quot;46.8516889&quot;,&quot;-71.2092362&quot;]}]'>743                                            <a class="h6" href="#services_map">744                                                Centre de loisirs745                                            </a>746                                        </li>747                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;D\u00e9panneur&quot;,&quot;lat_lon&quot;:[&quot;46.8464512&quot;,&quot;-71.2164383&quot;]}]'>748                                            <a class="h6" href="#services_map">749                                                Dépanneur750                                            </a>751                                        </li>752                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Centre du Nouvel-Horizon&quot;,&quot;lat_lon&quot;:[&quot;46.8483462&quot;,&quot;-71.2115102&quot;]}]'>753                                            <a class="h6" href="#services_map">754                                                École755                                            </a>756                                        </li>757                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Maxi&quot;,&quot;lat_lon&quot;:[&quot;46.8438158&quot;,&quot;-71.2132663&quot;]}]'>758                                            <a class="h6" href="#services_map">759                                                Épicerie760                                            </a>761                                        </li>762                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Baie de Beauport&quot;,&quot;lat_lon&quot;:[&quot;46.845435&quot;,&quot;-71.2371572&quot;]}]'>763                                            <a class="h6" href="#services_map">764                                                Loisir et sport765                                            </a>766                                        </li>767                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Domaine de Maizerets&quot;,&quot;lat_lon&quot;:[&quot;46.8371813&quot;,&quot;-71.2155195&quot;]}]'>768                                            <a class="h6" href="#services_map">769                                                Parc770                                            </a>771                                        </li>772                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Parc-O-Bus d&#039;Estimauville&quot;,&quot;lat_lon&quot;:[&quot;46.84642272736842&quot;,&quot;-71.21186761578947&quot;]}]'>773                                            <a class="h6" href="#services_map">774                                                Parc-O-Bus775                                            </a>776                                        </li>777                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li data-params='[{&quot;nom&quot;:&quot;Jean Coutu&quot;,&quot;lat_lon&quot;:[&quot;46.8500458&quot;,&quot;-71.2112593&quot;]},{&quot;nom&quot;:&quot;Uniprix&quot;,&quot;lat_lon&quot;:[&quot;46.8456705&quot;,&quot;-71.2165128&quot;]}]'>778                                            <a class="h6" href="#services_map">779                                                Pharmacie780                                            </a>781                                        </li>782                                                                    783                            </ul>784                        </div>785                    </div>786                </div>787788                <div class="col-12 col-xl-8 pt-0 pt-sm-5 pb-2">789                    <div class="search_map pt-2">790                        <div class="map-immeuble" id="mapid" style="height: 420px;" data-ice-params="[46.847916, -71.2140403]" data-nom="Le Charleroi"></div>791                        <div class="flex-parent">792                            <p class="text-center"><img src="/build/images/svg/map_marker_1.svg" style="width:40px" alt="">Le Charleroi</p>793                        </div>794                    </div>795                </div>796            </div>797        </div>798    </div>799</div>800801802                    </div>803                <div class="bg-cyan" id="form_contact">804    <div class="container">805        <div class="row">806            <div class="col-12 text-center py-5 text-dark">807                <h2 class="h5 m-0">Pour information ou visite</h2>808                <br>809                810                                                    <h3 class="h2 p-0" style="font-size: 2.81em;">811                                <a class="text-white" href="tel:418-914-9681">418-914-9681</a>812                            </h3>813                                                                                                    <p class='m-0'><a href="mailto:place.lecharleroi@laberge.qc.ca" class="text-dark">place.lecharleroi@laberge.qc.ca</a></p>814                                                    </div>815        </div>816    </div>817</div>818<div class="bg-grey-dark py-5 contact-form">819820        <div class="container">821            <form action="/complexe/le-charleroi/contact" name="contact" method="POST">822            <div class="row">823                <style>824                    .form-group [disabled] {825                        opacity: 50%;826                    }827                </style>828                <div class="col-12">829                    <h2 class="h5 text-white mb-3"><i class="fa fa-question-circle-o mr-2"></i>Faire une demande d&#039;information</h2>830                </div>831                <div class="col-12 col-lg-6">832                    <div class="form-group">833                        <select class="form-control custom-select custom-select-lg" id="contact_type" name="contact_type">834                            <option value="1">Type de demande</option>835                            <option value="2">Je suis client actuel</option>836                            <option value="3">Je suis un futur client</option>837                        </select>838                    </div>839                                        <div class="form-group">840                        <input type="text" class="form-control" id="contact_name" name="contact_name" required="required" placeholder="Nom *">841                    </div>842                    <div class="form-group">843                        <input type="email" class="form-control" id="contact_email" name="contact_email" required="required" placeholder="Adresse courriel *">844                    </div>845                    <div class="form-group">846                        <input type="tel" class="form-control" id="contact_phone" name="contact_phone"  required="required" placeholder="Numéro de téléphone *">847                    </div>848                </div>849                <div class="col-12 col-lg-6">850                    <div class="form-group">851                        <textarea class="form-control" id="contact_message" name="contact_message" rows="8" placeholder="Message"></textarea>852                    </div>853                </div>854                <div class="col-12 clearfix">855                    <div class="text-white float-left" style="max-width: 85%;">856                        <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>857                        <input type="hidden" name="recaptcha_response" id="recaptcha_response">858<script src="https://www.google.com/recaptcha/api.js?render=6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ"></script>859<script>860grecaptcha.ready(function() {861  grecaptcha.execute('6Le__kYaAAAAAEa7eJKinMpok0bh9wSO4X8jagZQ', {action: 'contact'}).then(function(token) {862    var el = document.getElementById('recaptcha_response');863    if (el) el.value = token;864  });865});866</script>867                    </div>868869                    <button type="submit" class="float-right btn-laberge-yellow mt-0" data-ice="main.validate">Envoyer</button>870                </div>871            </div>872            </form>873            <div class="row">874                <div class="col-12 ">875                    <div class="text-white float-left mt-4 p-2" style="border: 1px solid white">876                        <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>877                        <p class="my-0 mt-1"><b> Responsable de la protection des renseignements personnels</b></p>878                        <p class="my-0">5355, boul. des Gradins <br> Québec (Québec) <br> G2J 1C8</p>879                        <a style="color: #eabc00" href="mailto:confidentialite@laberge.qc.ca">confidentialite@laberge.qc.ca</a>880                    </div>881                </div>882            </div>883        </div>884885</div>886                            </div>887888889        </main>890                <footer>891<div class="bg-dark-blue d-none d-md-block" id="footer-desktop">892  <div class="container">893    <div class="row">894      <div class="col-12 mb-4 mb-lg-0 border-grey-dark footer-desktop_section1">895        <div class="row d-flex">896          <div class="col border-right border-grey-dark">897            <ul id="footer-navigation" class="nav flex-column">898              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/carriere">Carrière</a></li>899              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/a-propos">À propos</a></li>900              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/faq">FAQ</a></li>901              902              <li class="nav-item"><a class="nav-link font-weight-bold text-uppercase" href="/nous-joindre">Nous joindre</a></li>903              <li class="nav-item lang-toggler"><a class="nav-link font-weight-bold text-uppercase text-grey" href="/complex/le-charleroi/apartment/2965-3">English</a></li>904            </ul>905          </div>906          <div class="col">907            <ul class="nav flex-column footer-links">908              <li class="nav-item font-weight-bold text-uppercase">909                <a class="nav-link" href="/recherche?villes[]=quebec">910                  Appartements à Québec911                </a>912              </li>913              <li class="nav-item">914                <a class="nav-link" href="/recherche?secteurs[]=beauport">915                  Beauport916                </a>917              </li>918              <li class="nav-item">919                <a class="nav-link" href="/recherche?secteurs[]=charlesbourg">920                  Charlesbourg921                </a>922              </li>923              <li class="nav-item">924                <a class="nav-link" href="/recherche?secteurs[]=ancienne-lorette">925                  L&#039;Ancienne-Lorette926                </a>927              </li>928              <li class="nav-item">929                <a class="nav-link" href="/recherche?secteurs[]=les-saules">930                  Les Saules931                </a>932              </li>933              <li class="nav-item">934                <a class="nav-link" href="/recherche?secteurs[]=levis">935                  Lévis936                </a>937              </li>938            </ul>939          </div>940          <div class="col border-right border-grey-dark">941            <ul class="nav flex-column footer-links">942              <li class="nav-item font-weight-bold text-uppercase">943                <a class="nav-link">944                  &nbsp;945                </a>946              </li>947              <li class="nav-item">948                <a class="nav-link" href="/recherche?secteurs[]=montcalm">949                  Montcalm950                </a>951              </li>952              <li class="nav-item">953                <a class="nav-link" href="/recherche?secteurs[]=neufchatel">954                  Neufchâtel955                </a>956              </li>957              <li class="nav-item">958                <a class="nav-link" href="/recherche?secteurs[]=quebec">959                  Québec960                </a>961              </li>962              <li class="nav-item">963                <a class="nav-link" href="/recherche?secteurs[]=ste-foy">964                  Sainte-Foy965                </a>966              </li>967              <li class="nav-item">968                <a class="nav-link" href="/recherche?secteurs[]=vanier">969                  Vanier970                </a>971              </li>972            </ul>973          </div>974          <div class="col">975            <ul class="nav flex-column footer-links">976              <li class="nav-item font-weight-bold text-uppercase">977                <a class="nav-link" href="/recherche?villes[]=montreal">978                  Appartements à Montréal979                </a>980              </li>981              <li class="nav-item">982                <a class="nav-link" href="/recherche?secteurs[]=cote-st-luc">983                  Côte St-Luc984                </a>985              </li>986              <li class="nav-item">987                <a class="nav-link" href="/recherche?secteurs[]=lasalle">988                  LaSalle989                </a>990              </li>991              <li class="nav-item">992                <a class="nav-link" href="/recherche?secteurs[]=notre-dame-de-grace">993                  Notre-Dame-de-Grâce994                </a>995              </li>996              <li class="nav-item">997                <a class="nav-link" href="/recherche?secteurs[]=pierrefonds">998                  Pierrefonds999                </a>1000              </li>1001            </ul>1002          </div>1003        </div>1004      </div>1005    </div>1006  </div>1007</div>1008<div class="" id="footer-secondary-nav">1009  <div class="container py-2">1010    <div class="row d-flex flex-column flex-md-row align-items-center">1011      <div class="col text-center">1012          <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>1013      </div>1014    </div>1015  </div>1016</div>1017<div class="bg-grey-lighter" id="footer-copyrights">1018  <div class="container">1019    <div class="row d-flex flex-column flex-lg-row justify-content-between align-items-center py-3">1020      <div class="col text-center text-lg-left">1021        <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>1022      </div>1023      <div class="col text-center text-lg-left">1024        <p class="my-0 text-center">© Groupe Laberge 2026</p>1025      </div>1026      <div class="col text-center text-lg-right">1027        <p class="d-inline-flex mt-3 mt-sm-0 flex-column flex-sm-row align-items-center my-0">1028            <a href="http://bisscomm.com" target="_blank">1029              <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;">1030          		Réalisation © Bissonnette Communications Impact1031            </a>1032        </p>1033      </div>1034    </div>1035  </div>1036</div></footer>1037    </body>1038        <!-- BOOTSTRAP CND | THIS IS TMP -->1039<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>1040<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>1041<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>1042<!-- FONT AWESOME CDN | THIS IS TMP -->1043<script src="https://use.fontawesome.com/ed1f5a945e.js"></script>10441045<script src="/bundles/bcicms/assets/assets/jquery-class/jquery.class.js?v=1.6"></script>1046<script src="/bundles/bcicms/assets/assets/jquery-ice/jquery-ice.js?v=1.6"></script>10471048<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet-src.js"></script>1049<script src="/build/js/vendor-owl-carousel.js?v=1.6"></script>1050<script src="/build/js/vendor-jquery.fancybox.js?v=1.6"></script>1051<script src="/build/js/vendor-multiple-select.js?v=1.6"></script>1052<script src="/build/js/leaflet-gesture-handling.js?v=1.6"></script>1053<script src="/build/js/app.js?v=1.6"></script>1054<script src="/build/js/main.class.js?v=1.6"></script>1055<script src="/build/js/planSelector.class.js?v=1.6"></script>1056<script src="/build/js/lazy.min.js?v=1.6"></script>1057<script src="/build/js/custom-select.class.js?v=1.6"></script>10581059<script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>10601061<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>1062<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>10631064<script>1065    $( function() {1066        if ($('#datatables').length > 0) {1067            $('#datatables').DataTable({1068                "pagingType": "full_numbers",1069                "lengthMenu": [1070                    [10, 25, 50, -1],1071                    [10, 25, 50, "Tous"]1072                ],1073                "pageLength": -1,1074                responsive: true,1075                dom:'<f l<t> p>',1076                "order": [[ 0, "asc" ]],1077                language: {1078                    "sProcessing":     "En processus...",1079                    "sSearch":         "Rechercher:",1080                    "sLengthMenu":     "Afficher _MENU_ enregistrements",1081                    "sInfo":           "Affichant _START_ à _END_ enregistrements sur un total de _TOTAL_",1082                    "sInfoEmpty":      "Affichant 0 à 0 enregistrement sur un total de 0",1083                    "sInfoFiltered":   "(filtrées d&#039;un total de _MAX_ enregistrements)",1084                    "sInfoPostFix":    "",1085                    "sLoadingRecords": "Chargement...",1086                    "sZeroRecords":    "Aucun enregistrement trouvé",1087                    "sEmptyTable":     "Aucune information disponible dans le tableau",1088                    "oPaginate": {1089                        "sFirst":      "Premier",1090                        "sPrevious":   "Précédent",1091                        "sNext":       "Prochain",1092                        "sLast":       "Dernier"1093                    },1094                    "oAria": {1095                        "sSortAscending":  "activer le trie de colonne en ordre croissante",1096                        "sSortDescending": "activer le trie de colonne en ordre décroissante"1097                    }1098                },1099                fnDrawCallback: function () {1100                    if ($('select[name="datatables_length"]').val() > -1 || $('select[name="datatables_length"]').val() >= $('.table_apparts tbody tr').length) {1101                        $('.dataTables_paginate').show();1102                    } else {1103                        $('.dataTables_paginate').hide();1104                    }1105                }11061107            });1108            $('.table-apparts tbody tr').on('click', function(event){1109                if ($(this).find('a').attr('href')) {1110                    window.location = $(this).find('a').attr('href');1111                }1112            });1113        }1114    });1115</script>111611171118    <script>1119        (function () {1120            $('#collapseImmeuble').collapse('hide');1121            $('#collapseImmeuble').on('hidden.bs.collapse', function () {1122                $('a.text-yellow[href="#collapseImmeuble"]').html("<i class='fa fa-chevron-down'></i> VOIR PLUS");1123            });1124            $('#collapseImmeuble').on('show.bs.collapse', function () {1125                $('a.text-yellow[href="#collapseImmeuble"' +1126                    ' ]').html("<i class='fa fa-chevron-up'></i> VOIR MOINS");1127            });1128        })();1129    </script>1130</html>1131