spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
1<!doctype html>23<html lang="en">4 <head>5 <!-- Google tag (gtag.js) -->6 <script async src="https://www.googletagmanager.com/gtag/js?id=G-8FVTMSWCNW"></script>7 <script>8 window.dataLayer = window.dataLayer || [];9 function gtag(){dataLayer.push(arguments);}10 gtag('js', new Date());1112 gtag('config', 'G-8FVTMSWCNW');13 </script>14 <!-- Required meta tags -->15 <meta charset="utf-8">16 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">1718 1920 <!-- External CSS libraries -->21 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/animate.min.css">22 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">23 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/bootstrap-select.min.css">24 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/magnific-popup.css">25 <link rel="stylesheet" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/leaflet.css" type="text/css">26 <link rel="stylesheet" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/map.css" type="text/css">27 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">28 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/fonts/flaticon/font/flaticon.css">29 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/fonts/linearicons/style.css">30 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/jquery.mCustomScrollbar.css">31 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/dropzone.css">32 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/slick.css">33 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/normalize.css">34 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/boxes-component.css">35 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/boxes-core.css">3637 <!-- Custom stylesheet -->38 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/style.css">39 <link rel="stylesheet" type="text/css" id="style_sheet" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/skins/default.css">40 <link rel="icon" type="image/png" href="https://picardimmobilier.s3.amazonaws.com/static/site/img/favicon-32x32.png" sizes="32x32" />41 <link rel="icon" type="image/png" href="https://picardimmobilier.s3.amazonaws.com/static/site/img/favicon-16x16.png" sizes="16x16" />4243 4445 <!-- Google fonts -->46 <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600&display=swap" rel="stylesheet">47 <link href="https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">48 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />49 <link href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" rel="stylesheet"/>50 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->51 <link rel="stylesheet" type="text/css" href="https://picardimmobilier.s3.amazonaws.com/static/site/css/ie10-viewport-bug-workaround.css">5253 <title>Groupe Picard Immobilier | Appartements et Condo locatifs </title>54 5556 5758 5960 <style>61 .swiperVideo {62 width: 100%;63 }64 .swiperVideo .swiper-slide {65 padding-bottom: 1rem;66 }67 </style>6869 70 717273 <style>7475 #cb-cookie-banner.card {76 z-index: 9999;77 display: none;78 }7980 .fancybox__container {81 z-index: 9999 !important;82 }83 84 .text-theme {85 opacity: 1;86 color: #d1b149 !important;87 }8889 .swiper-slide { position: relative; }9091 .property-wrapper { max-width: 1200px; margin: auto; padding: 2rem 1rem; background: white; border-radius: 10px; }92 .swiper-slide img {93 width: 100%;94 height: 250px;95 object-fit: cover;96 border-radius: 12px;97 }9899 .swiper-pagination-bullet {100 background: #d1b149; 101 opacity: 0.5;102 }103 104 .swiper-pagination-bullet-active {105 background: #d1b149;106 opacity: 1;107 }108 109 .btn-primary {110 background-color: #d1b149;111 border: none;112 }113 .btn-primary:hover {114 background-color: #d1b149;115 }116 #map-custom {117 width: 100%;118 height: 300px;119 border-radius: 12px;120 background-color: #ccc;121 }122123124 .map-canvas125{126 position: relative;127128 width: 100%;129 height: 400px;130131 border-radius: .375rem;132}133 134 .range-wrapper {135 position: relative;136 width: 100%;137 }138 .range-tooltip {139 position: absolute;140 top: -30px;141 left: 0;142 transform: translateX(-50%);143 background: #d1b149;144 color: #fff;145 padding: 2px 8px;146 border-radius: 4px;147 font-size: 13px;148 white-space: nowrap;149 pointer-events: none;150 transition: left 0.1s ease-out;151 }152153 /* Style du "thumb" du slider pour Webkit (Chrome, Safari) */154 input[type=range]::-webkit-slider-thumb {155 background-color: #d1b149;156 border: none;157 }158159 /* Pour Firefox */160 input[type=range]::-moz-range-thumb {161 background-color: #d1b149;162 border: none;163 }164165 /* Pour Edge (si nécessaire) */166 input[type=range]::-ms-thumb {167 background-color: #d1b149;168 border: none;169 }170171 @media (min-width: 768px) {172 .swiper-slide img {173 height: 400px; /* Plus grand sur tablette et desktop */174 }175 }176177 @media (min-width: 1200px) {178 .swiper-slide img {179 height: 400px; /* Pour les très grands écrans */180 }181 } 182183184 .badge-colocation {185 position: absolute;186 top: 12px;187 right: 12px;188 background-color: #d1b149;189 color: white;190 padding: 6px 10px;191 font-size: 14px;192 border-radius: 8px;193 z-index: 10;194 }195196 197 198 199 </style>200 </head>201 202 <body>203 204 205206<!-- Main header start -->207208<header class="main-header header-transparent sticky-header">209 <nav class="navbar navbar-expand-lg navbar-light justify-content-end" id="navbar">210 <div class="container">211 <a class="navbar-brand logo-brand" href="/">212213 214 <img src="https://picardimmobilier.s3.amazonaws.com/media/files/00675f6c-f3fa-474a-8665-7f2137707334.png" alt="Groupe Picard Immobilier Logo" width="50" 215 height="50">216217 218 219220221 </a>222 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">223 <span class="navbar-toggler-icon"></span>224 </button>225 <div class="collapse navbar-collapse" id="navbarSupportedContent">226 <ul class="navbar-nav me-auto mb-2 mb-lg-0">227228 229 <li class="nav-item ">230 <a class="nav-link" aria-current="page" href="/">ACCUEIL</a>231 232 </li>233234 235 236 237 <li class="nav-item dropdown ">238 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">239 NOS LOGEMENTS240 </a>241 <ul class="dropdown-menu bg-dark">242 243 <li><a class="dropdown-item text-white" href="/logement/arrondissement=charny/">CHARNY</a></li>244 245 <li><a class="dropdown-item text-white" href="/logement/arrondissement=les-saules/">LES SAULES</a></li>246 247 <li><a class="dropdown-item text-white" href="/logement/arrondissement=sainte-foy/">SAINTE-FOY</a></li>248 249 <li><a class="dropdown-item text-white" href="/logement/arrondissement=beauport/">BEAUPORT</a></li>250 251 <li><a class="dropdown-item text-white" href="/logement/arrondissement=limoilou/">LIMOILOU</a></li>252 253 <li><a class="dropdown-item text-white" href="/logement/arrondissement=loretteville/">LORETTEVILLE</a></li>254 255 <li><a class="dropdown-item text-white" href="/logement/arrondissement=vieux-quebec/">VIEUX-QUÉBEC</a></li>256 257 <li><a class="dropdown-item text-white" href="/logement/arrondissement=montcalm/">MONTCALM / SAINT-JEAN BAPTISTE</a></li>258 259 <li><hr class="dropdown-divider"></li>260 </ul>261 </li>262263 <li class="nav-item dropdown ">264265266 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">267 COLOCATIONS268 </a>269 <ul class="dropdown-menu bg-dark">270 271 <li>272 <a class="dropdown-item text-white" href="/recherche/?COLOCATIONS=colocation-fille-etudiante">273 COLOCATION FILLE – ÉTUDIANTE274 </a>275 </li>276 277 <li>278 <a class="dropdown-item text-white" href="/recherche/?COLOCATIONS=colocation-fille-travailleuse">279 COLOCATION FILLE – TRAVAILLEUSE280 </a>281 </li>282 283 <li>284 <a class="dropdown-item text-white" href="/recherche/?COLOCATIONS=colocation-garcon-etudiant">285 COLOCATION GARÇON – ÉTUDIANT286 </a>287 </li>288 289 <li>290 <a class="dropdown-item text-white" href="/recherche/?COLOCATIONS=colocation-garcon-travailleur">291 COLOCATION GARÇON – TRAVAILLEUR292 </a>293 </li>294 295296 <li><hr class="dropdown-divider"></li>297 </ul>298 </li>299300301302303 <li class="nav-item">304 <a class="nav-link" href="/emploi/">EMPLOI</a>305 </li>306307 <li class="nav-item">308 <a class="nav-link" href="/a-propos/">À PROPOS</a>309 </li>310 311 <li class="nav-item">312 <a class="nav-link" href="/contact/">CONTACT</a>313 </li>314315 <!-- Add other navigation items as needed -->316 317 </ul>318319 <a class="btn-sm btn button-theme h-50 mb-2" href="https://jfpselectrique.gestionminute.com/fr/online/picard-immobilier" target="_blank">DEMANDE DE SERVICE</a>320 </div>321 </div>322 </nav>323</header>324325326<!-- Main header end -->327328329 330<!-- Sub banner start -->331<div class="sub-banner">332 <div class="container">333 <div class="breadcrumb-area">334 <h1>DETAILS DU LOGEMENT</h1>335 <ul class="breadcrumbs">336 <li><a href="">LOGEMENTS</a></li>337 <li class="active">629</li>338 </ul>339 </div>340 </div>341</div>342<!-- Sub Banner end -->343344345<div class="property-wrapper container py-4 pt-5">346 <div class="row">347 <!-- Main property section -->348 <div class="col-lg-8">349 <!-- Slider Swiper -->350 <div class="swiper mySwiper mb-4">351 <div class="swiper-wrapper">352 353 354 355 <div class="swiper-slide">356 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/09/fb/09fb3c3a-7c3f-453e-a0a2-6007bcc1bee1/120_25e_rue.png__750x500_crop_subsampling-2_upscale.png" data-fancybox="gallery">357 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/09/fb/09fb3c3a-7c3f-453e-a0a2-6007bcc1bee1/120_25e_rue.png__750x500_crop_subsampling-2_upscale.png" alt="photo">358 359360361 </a>362 </div>363 364 365 366 367 368 369370 371 372 373 374 <div class="swiper-slide">375 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/f3/96/f3962658-c3f3-489d-9b3a-468c88df8783/u7ogyww5.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">376 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/f3/96/f3962658-c3f3-489d-9b3a-468c88df8783/u7ogyww5.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">377 378 </a>379 </div>380 381 382 383 384 <div class="swiper-slide">385 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/0f/97/0f971531-5f46-46b4-bdba-6e1461f58cc0/zyihb2jw.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">386 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/0f/97/0f971531-5f46-46b4-bdba-6e1461f58cc0/zyihb2jw.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">387 388 </a>389 </div>390 391 392 393 394 <div class="swiper-slide">395 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/7f/21/7f21043c-a4cf-4add-a0e0-c12f533908dd/qxsm9gf7.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">396 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/7f/21/7f21043c-a4cf-4add-a0e0-c12f533908dd/qxsm9gf7.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">397 398 </a>399 </div>400 401 402 403 404 <div class="swiper-slide">405 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/4c/cd/4ccdc14a-dd8a-429c-a222-bfbf2c7245fc/dsuig25q.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">406 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/4c/cd/4ccdc14a-dd8a-429c-a222-bfbf2c7245fc/dsuig25q.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">407 408 </a>409 </div>410 411 412 413 414 <div class="swiper-slide">415 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/5d/53/5d532834-99e2-4761-b9e6-cf11b05c4071/weephasd.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">416 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/5d/53/5d532834-99e2-4761-b9e6-cf11b05c4071/weephasd.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">417 418 </a>419 </div>420 421 422 423 424 <div class="swiper-slide">425 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/c2/f1/c2f1b93a-8852-4b9c-afdf-c76e210f570a/3wwkarg9.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">426 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/c2/f1/c2f1b93a-8852-4b9c-afdf-c76e210f570a/3wwkarg9.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">427 428 </a>429 </div>430 431 432433 </div>434 <div class="swiper-pagination mt-2"></div>435 </div>436 437 <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">438 <h2 class="fw-bold mb-0">Appartement 4½ </h2>439 <h5 class="text-theme fw-bold mb-0">$1550.00 par mois</h5>440 </div>441 442 443 <div class="d-flex justify-content-between align-items-start flex-wrap mb-3">444 <div>445 <p class="text-muted mb-0">446 <i class="fa fa-map-marker-alt me-2"></i>447 120 25e rue,448 #3, 449 Québec, Québec, g1l5a9450 </p>451 <small class="text-success">Disponible immédiatement</small>452 </div>453 <div class="text-end mt-2 mt-md-0">454 <h6 class="text-dark"># Référence :455 <span class="text-danger">456 629457 </span>458 </h6>459 </div>460 </div> 461462 <div class="mb-4">463 <h5 class="fw-semibold mb-2">Description</h5>464 <p class="text-muted"> Cet immeuble au coeur de Limoilou fraichement rénové vous séduira . A proximité du Grand marché de Québec ainsi que de nombreux autres commerces et restaurants, il saura vous satisfaire.Proche des Hopitaux, du Cégep, Domaine de Maizerets et de la Baie de Beauport. </p>465 </div>466467 <div class="mb-4">468 <h5 class="fw-semibold mb-3">Caractéristiques et Commodités de l'unité469 </h5>470 <div class="row g-2">471472 473 474 <div class="col-6 text-dark"><i class="fa fa-bed me-2 text-theme"></i>Chambres : 4½</div>475 476 <div class="col-6 text-dark"><i class="fa fa-bath me-2 text-theme"></i>Salle de bain</div>477 <div class="col-6 text-dark"><i class="fa fa-utensils me-2 text-theme"></i>Cuisine</div>478 <div class="col-6 text-dark"><i class="fa fa-door-open me-2 text-theme"></i>Entrée indépendante</div>479480 <div class="col-6 text-dark"><i class="fa fa-wifi me-2 text-theme"></i>Wifi Illimité</div>481 482 483 484 <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Balcon</div>485 486 487488 489 <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Emplacement : Étage 2</div>490 491492 493 <div class="col-6 text-dark"><i class="fa fa-car me-2 text-theme"></i>Stationnement : Aucun</div>494 495496 497 498 <div class="col-6 text-dark"><i class="fa fa-snowflake me-2 text-theme"></i>Climatisation</div>499 500 501 502503 504 <div class="col-6 text-dark"><i class="fa fa-paw me-2 text-theme"></i>Chat Accepté</div>505 506507508509510 511 <div class="col-6 text-dark"><i class="fa fa-couch me-2 text-theme"></i>Meuble Incl. : Non</div>512 513 514515516517518 </div>519 </div>520521 522 523 524 <div class="location mb-4">525526527528529530531 <div class="map">532 <h3 class="heading-2">Emplacement De La Propriété</h3>533 <div id="map-custom"534 class="map-canvas"535 data-lat="46.8345601"536 data-lng="-71.2434832"537 data-color="#d1b149" style="height: 400px;"></div> 538539 540 </div> 541 542 </div>543 544545546547 548549550 </div>551552 553 <div class="col-lg-4 mt-4 mt-lg-0">554 <div class="card shadow-sm p-4">555 <!-- Advanced search start -->556 <div class="">557 <h3 class="fw-bold mb-3 sidebar-title">TROUVER UN LOGEMENT</h3>558 <div class="s-border"></div>559 <div class="m-border"></div>560561 <form method="GET" action="/recherche/">562 <div class="mb-3">563 564 565 566 567 <input type="text" class="form-control" name="REF" placeholder="Entrez le numéro de référence...">568 569 570 571 </div>572 <div class="form-group mb-3">573 <select class="selectpicker search-fields" name="ARRONDISSEMENTS">574 <option selected="true" disabled="disabled">Arrondissements</option>575 576577 578 <option value="charny">CHARNY</option>579 580 <option value="les saules">LES SAULES</option>581 582 <option value="sainte-foy">SAINTE-FOY</option>583 584 <option value="beauport">BEAUPORT</option>585 586 <option value="limoilou">LIMOILOU</option>587 588 <option value="loretteville">LORETTEVILLE</option>589 590 <option value="vieux-québec">VIEUX-QUÉBEC</option>591 592 <option value="montcalm / saint-jean baptiste">MONTCALM / SAINT-JEAN BAPTISTE</option>593 594 </select>595 </div>596597 <div class="form-group mb-3 ">598 <select class="selectpicker search-fields" name="DISPONIBILITES">599 <option selected="true" disabled="disabled">Disponibilités</option>600 601 <option value="libre">LIBRE IMMÉDIATEMENT</option>602 603 <option value="AOÛT 2026">AOÛT 2026</option>604 605 <option value="SEPTEMBRE 2026">SEPTEMBRE 2026</option>606 607 <option value="OCTOBRE 2026">OCTOBRE 2026</option>608 609 <option value="NOVEMBRE 2026">NOVEMBRE 2026</option>610 611 <option value="DÉCEMBRE 2026">DÉCEMBRE 2026</option>612 613 </select>614 </div>615616 <div class="form-group mb-3">617 <select class="selectpicker search-fields" name="LOGEMENTS">618 <option selected="true" disabled="disabled">Grandeur</option>619 620 <option value="1">1 1/2</option>621 622 <option value="2">2 1/2</option>623 624 <option value="3">3 1/2</option>625 626 <option value="4">4 1/2</option>627 628 <option value="5">5 1/2</option>629 630 <option value="6">6 1/2</option>631 632 <option value="maison">Maison</option>633 634 <option value="chalet">Chalet</option>635 636 <option value="chambre">Chambre</option>637 638 <option value="commercial">Commercial</option>639 640 </select>641 </div>642643 644645 <div class="form-group mb-3">646 <select class="selectpicker search-fields" name="COLOCATIONS">647 <option selected="true" disabled="disabled">Colocations</option>648 649 <option value="colocation-fille-etudiante">COLOCATION FILLE – ÉTUDIANTE</option>650 651 <option value="colocation-fille-travailleuse">COLOCATION FILLE – TRAVAILLEUSE</option>652 653 <option value="colocation-garcon-etudiant">COLOCATION GARÇON – ÉTUDIANT</option>654 655 <option value="colocation-garcon-travailleur">COLOCATION GARÇON – TRAVAILLEUR</option>656 657 </select>658 </div>659660661662663664 <div class="mb-3">665 <div class="mb-3 position-relative">666 <label class="form-label">Prix</label>667 <div class="range-wrapper position-relative">668 <input type="hidden" name="min_price" value="250">669 <input type="range" class="form-range" min="250" max="4000" step="50" id="priceRange" value="2500" name="max_price">670 671672 <div id="priceTooltip" class="range-tooltip">$4000</div>673 </div>674 <div class="d-flex justify-content-between text-muted">675 <small>$250</small>676 <small>$4000</small>677 </div>678 </div>679 680 681 </div>682683684 685686687 <div class="accordion accordion-flush other-features mb-30" id="accordionFlushExample">688 <div class="accordion-item">689 <h2 class="accordion-header" id="flush-headingOne">690 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">691 Options692 </button>693 </h2>694 <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">695 <div class="accordion-body">696 <h3 class="sidebar-title">Commodités</h3>697 <div class="s-border"></div>698 <div class="m-border"></div>699700701 702 <div class="checkbox checkbox-theme checkbox-circle">703 <input id="chauffage" type="checkbox" value="chauffage" name="COMMODITES">704 <label for="chauffage">705 CHAUFFÉ706 </label>707 </div>708 709 <div class="checkbox checkbox-theme checkbox-circle">710 <input id="eclaire" type="checkbox" value="eclaire" name="COMMODITES">711 <label for="eclaire">712 ÉCLAIRÉ713 </label>714 </div>715 716 <div class="checkbox checkbox-theme checkbox-circle">717 <input id="semi-meuble" type="checkbox" value="semi-meuble" name="COMMODITES">718 <label for="semi-meuble">719 SEMI-MEUBLÉ720 </label>721 </div>722 723 <div class="checkbox checkbox-theme checkbox-circle">724 <input id="meuble" type="checkbox" value="meuble" name="COMMODITES">725 <label for="meuble">726 MEUBLÉ727 </label>728 </div>729 730 <div class="checkbox checkbox-theme checkbox-circle">731 <input id="climatiseur" type="checkbox" value="climatiseur" name="COMMODITES">732 <label for="climatiseur">733 CLIMATISEUR734 </label>735 </div>736 737 <div class="checkbox checkbox-theme checkbox-circle">738 <input id="balcon" type="checkbox" value="balcon" name="COMMODITES">739 <label for="balcon">740 BALCON741 </label>742 </div>743 744745746747748749 </div>750 </div>751 </div>752 </div>753754 <div class="form-group mb-0">755 <button type="submit" class="search-button">RECHERCHER</button>756 </div>757 </form>758 </div>759760 <!-- Posts by category Start -->761 <!-- TODO : INSERT DISTRICT LIST W/ PROPS -->762763 </div>764</div>765766767<script>768 const slider = document.getElementById("priceRange");769 const tooltip = document.getElementById("priceTooltip");770 771 function updateTooltip() {772 const min = parseInt(slider.min);773 const max = parseInt(slider.max);774 const val = parseInt(slider.value);775 776 const percent = ((val - min) / (max - min)) * 100;777 tooltip.style.left = `${percent}%`;778 tooltip.textContent = `$${val}`;779 }780 781 slider.addEventListener("input", updateTooltip);782 updateTooltip(); // Init au chargement783</script>784785786787 </div>788</div>789790791<script>792 const swiperVideo = new Swiper('.swiperVideo', {793 loop: false,794 pagination: {795 el: '.swiper-pagination',796 clickable: true,797 },798 spaceBetween: 20,799 });800 </script>801802 803 804 805 806 807808809810811812 <style>813 .swiperVideo {814 width: 100%;815 }816 .swiperVideo .swiper-slide {817 padding-bottom: 1rem;818 }819 </style>820821822823824825 826 <!-- Footer start -->827 <footer class="footer">828 <div class="container footer-inner">829 <div class="row">830 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">831 <div class="footer-item clearfix">832833 834 <img src="https://picardimmobilier.s3.amazonaws.com/media/files/00675f6c-f3fa-474a-8665-7f2137707334.png" alt="Groupe Picard Immobilier Logo" class="f-logo">835 836 837838 <div class="text">839 <p class="text-justify font-weight-bold">840 Avec près de 700 appartements de tous les styles dans la région de Québec, l'entreprise Picard Immobilier saura répondre à vos besoins.841 </p>842 </div>843 </div>844 </div>845 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">846 <div class="footer-item">847 <h4>Nous Joindre</h4>848 <ul class="contact-info">849 <li>850 <i class="flaticon-pin"></i> 790 ave royale851 </li>852 <li>853 <i class="flaticon-mail"></i><a href="/cdn-cgi/l/email-protection#016d6e626075686e6f41716862607365686c6c6e63686d6864732f6f6475"><span class="__cf_email__" data-cfemail="e985868a889d808687a999808a889b8d808484868b8085808c9bc7878c9d">[email protected]</span></a>854 </li>855 <li>856 <i class="flaticon-phone"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>857 </li>858 <li>859 <i class="flaticon-fax"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>860 </li>861862 </ul>863 </div>864 </div>865 <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">866 <div class="footer-item">867 <h4>868 Liens Rapides869 </h4>870 <ul class="links">871 <li>872 <a href="/" class="link-inner"><span> ACCUEIL</span></a>873 </li>874 <li>875 <a href="/a-propos/" class="link-inner"><span> À PROPOS</span></a>876 </li>877 <li>878 <a href="/emploi/" class="link-inner"><span> EMPLOI</span></a>879 </li>880 <li>881 <a href="/contact/" class="link-inner"><span> CONTACT</span></a>882 </li>883884 </ul>885 </div>886 </div>887 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">888 <div class="footer-item clearfix">889 <h4>Infolettre</h4>890 <div class="Subscribe-box">891 <p>892893 Abonnez-vous à notre liste de diffusion pour rester en contact !Nous vous tiendrons au courant de nos nouveautés sur le marché.894895 </p>896897 <form class="form-inline d-flex" method="POST" id="newsletter-form">898 <input type="hidden" name="csrfmiddlewaretoken" value="4NTN0LATYpRX6P2iXCnjEPpRzjOx1JZJPY82GdU4vXBDxU9WVMSIE05MImFMEPvd">899900 <input type="email" name="courriel" class="form-control" placeholder="Votre courriel*" label="courriel" id="courriel_id" maxlength="256" required>901 <input type="hidden" name="captcha" id="captcha_id">902 <button id="button-subscribe" class="btn btn-theme" type="submit"><i class="fa fa-paper-plane"></i>903 </button>904905 </form>906 <div id="result-subscribe"></div>907 </div>908 </div>909 </div>910 </div>911 <div class="sub-footer">912 <div class="container">913 <div class="row">914 <div class="col-lg-8 col-md-12">915 <p class="copy">© 2025 <a href="#">Groupe Picard Immobilier - Tous droits réservés. </a>916 Propulsé par <a target="_blank" href="https://appanoo.com/fr/">Appanoo Labs</a></p>917 </div>918 <div class="col-lg-4 col-md-12">919 <ul class="social-list clearfix">920 <li><a target="_blank" href="https://www.facebook.com/picardimmobilier.net/" class="facebook-bg"><i class="fa-brands fa-facebook"></i></i></a></li>921 <li><a href="#" class="twitter-bg"><i class="fa-brands fa-twitter"></i></a></li>922 <li><a href="#" class="google-bg"><i class="fa-brands fa-google-plus-g"></i></a></li>923 <li><a href="#" class="linkedin-bg"><i class="fa-brands fa-linkedin"></i></a></li>924 </ul>925 </div>926 </div>927 </div>928 </div>929 </div>930</footer>931<!-- Footer end -->932933 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.min.js"></script>934 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-submenu.js"></script>935936937 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>938 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/rangeslider.js"></script>939 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mb.YTPlayer.js"></script>940 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-select.min.js"></script>941 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.easing.1.3.js"></script>942 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.scrollUp.js"></script>943 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mCustomScrollbar.concat.min.js"></script>944 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.js"></script>945 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet-providers.js"></script>946 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.markercluster.js"></script>947 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/dropzone.js"></script>948 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/slick.min.js"></script>949 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.filterizr.js"></script>950 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.magnific-popup.min.js"></script>951 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.countdown.js"></script>952 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/modernizr.custom.js"></script>953 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-component.js"></script>954 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-core.js"></script>955 956 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/app.js"></script>957958959960 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->961 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>962 <!-- Custom javascript -->963964 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>965 <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js"></script>966 <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>967 <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>968 <script src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000"></script>969970 <script>971 //972// Google maps973//974975var GoogleMapCustom = (function() {976 var $map = document.getElementById('map-custom'),977 lat,978 lng,979 color,980 zoom;981982 function initMap(map) {983984 lat = map.getAttribute('data-lat');985 lng = map.getAttribute('data-lng');986 color = map.getAttribute('data-color');987 zoom = map.getAttribute('data-zoom') ? parseInt(map.getAttribute('data-zoom')) : 14;988989 var myLatlng = new google.maps.LatLng(lat, lng);990991 var mapOptions = {992 zoom: zoom,993 scrollwheel: false,994 center: myLatlng,995 mapTypeId: google.maps.MapTypeId.ROADMAP,996 styles: [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":color},{"visibility":"on"}]}]997 }998999 map = new google.maps.Map(map, mapOptions);10001001 var marker = new google.maps.Marker({1002 position: myLatlng,1003 map: map,1004 animation: google.maps.Animation.DROP,1005 title: ''1006 });10071008 10091010 google.maps.event.addListener(marker, 'click', function() {1011 infowindow.open(map, marker);1012 });1013 }10141015 if (typeof($map) != 'undefined' && $map != null) {1016 google.maps.event.addDomListener(window, 'load', initMap($map));1017 }1018})();1019 </script>10201021 <script>1022 const swiper = new Swiper('.mySwiper', {1023 loop: true,1024 pagination: {1025 el: '.swiper-pagination',1026 clickable: true,1027 },1028 });1029 Fancybox.bind("[data-fancybox='gallery']", {});1030 103110321033 </script> 1034 <script>1035 var csrftoken = Cookies.get('csrftoken');1036 function csrfSafeMethod(method) {1037 // these HTTP methods do not require CSRF protection1038 return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));1039 }1040 $.ajaxSetup({1041 beforeSend: function(xhr, settings) {1042 if (!csrfSafeMethod(settings.type) && !this.crossDomain) {1043 xhr.setRequestHeader("X-CSRFToken", csrftoken);1044 }1045 }1046 });10471048 $(document).ready(function(){1049 1050 1051 });1052 </script>1053 <script>1054 var submitData = document.getElementById("button-subscribe").innerHTML ;1055 $("#newsletter-form").submit(function(e) {1056 e.preventDefault(),1057 $("#button-subscribe").attr("disabled", "disabled"),1058 $("#button-subscribe").html(""),1059 $("#button-subscribe").append(1060 `<span class="spinner-border spinner-border-sm text-light"> </span>`),1061 $.ajax({1062 type: "POST",1063 url: '/abonnement/',1064 data: {10651066 courriel: $("#courriel_id").val(),1067 captcha : $("#captcha_id").val(),1068 csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken]").val()1069 },10701071 success: function(e) {1072 $("#result-subscribe").addClass(e.class),107310741075 setTimeout(() => {10761077 $("#button-subscribe").html(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">1078 <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>1079</svg>`),10801081 $("#result-subscribe").html(`<div class="alert alert-success mt-2 alert-dismissible fade show" role="alert">1082 <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` + `<small>` +1083 e.status + `</small>` + `</div>`)1084 }, 3e3), setTimeout(() => {1085 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1086 $("#button-subscribe").html(submitData),1087 $("#button-subscribe").removeAttr("disabled"),1088 $("#result-subscribe").html(""),1089 $("#newsletter-form").each(function() {1090 this.reset()1091 })1092 }, 8e3)1093 },1094 error: function(e) {1095 $("#result-subscribe").addClass(e.responseJSON.class),109610971098 setTimeout(() => {1099 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1100 $("#button-subscribe").html(`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">1101 <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>1102</svg>`),11031104 $("#result-subscribe").html(`<div class="alert alert-danger alert-dismissible fade show mt-2" role="alert" >1105 <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` +1106 + `<small>` + e.responseJSON.status + `</small>` +1107`</div>`)1108 }, 3e3),1109 setTimeout(() => {1110 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1111 $("#button-subscribe").html(submitData),1112 $("#button-subscribe").removeAttr("disabled"),1113 $("#result-subscribe").html("")1114 }, 5000)1115 }1116 })1117 });1118</script>1119 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js" ></script>1120 <script async>1121 // const observer = lozad();1122 // observer.observe();1123 lozad('.lozad', {1124 load: function(el) {1125 el.src = el.dataset.src;1126 el.onload = function() {1127 el.classList.add('fade')1128 }1129 }1130 }).observe();1131 </script>11321133 <script>1134 // JavaScript to detect if the user is on a mobile device1135 var is_mobile = /Mobi|Android/i.test(navigator.userAgent);1136 1137 // If the user is on a mobile device, add the 'show' class to the dropdown menu1138 if (is_mobile) {1139 document.getElementById('myDropdown').classList.add('show');1140 }1141 </script>114211431144 1145114611471148 1149<script>1150 const swiperVideo = new Swiper('.swiperVideo', {1151 loop: false,1152 pagination: {1153 el: '.swiper-pagination',1154 clickable: true,1155 },1156 spaceBetween: 20,1157 });1158 </script>11591160 1161 1162 1163 1164 11651166 11671168 1169 <div id="cb-cookie-banner" class="card text-white bg-dark position-fixed bottom-0 end-0 m-3" style="width: 26rem; z-index: 9999;">1170 <div class="card-body d-flex flex-column justify-content-between h-100">1171 <div class="mb-3">1172 <h5 class="card-title"> 🍪 Avis relatif aux cookies</h5>1173 <p class="card-text text-small">1174 Avec votre consentement, nous et nos partenaires utilisons les cookies ou des technologies 1175 similaires pour stocker, accéder à et traiter des données personnelles telles que vos visites 1176 à ce site Web, les adresses IP et les identifiants des cookies.11771178 <a href="#" data-bs-toggle="collapse" data-bs-target="#additionalInfo" aria-expanded="false" aria-controls="additionalInfo" style="color : #7d6a2b;">« En savoir plus »</a>11791180 <div class="collapse" id="additionalInfo">1181 <p class="mt-2">11821183 Vos données personnelles sont traitées pour les finalités suivantes:11841185 </p>1186 11871188 <ul>1189 <li class='mb-1'><i class="fa fa-check"></i> Comprendre les publics par le biais de statistiques ou de combinaisons de données provenant de différentes sources.</li>1190 <li class="mb-1"><i class="fa fa-check"></i> Créer des profils pour la publicité personnalisée.</li>1191 <li class="mb-1"><i class="fa fa-check"></i> Développer et améliorer les services.</li>1192 <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des contenus.</li>1193 <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des publicités.</li>1194 <li class="mb-1"><i class="fa fa-check"></i> Stocker et/ou accéder à des informations sur un appareil.</li>1195 <li class="mb-1"><i class="fa fa-check"></i> Utiliser des données limitées pour sélectionner la publicité.</li>1196 <li class="mb-1"><i class="fa fa-check"></i> Utiliser des profils pour sélectionner des publicités personnalisées.</li>1197 </ul>11981199 </div>1200 <div class="d-flex justify-content-between mt-3">1201 <button type="button" class="btn btn-success me-2 btn-theme w-50 mb-4" onclick="acceptCookies()">ACCEPTER</button>1202 <button type="button" class="btn btn-outline-secondary w-50 mb-4" onclick="rejectCookies()" style="text-transform: uppercase;font-weight: 500;font-size: 13px;">REFUSER</button>1203 </div>1204 </div>1205 </div>12061207 <script>1208 function blockGoogleAdsCookies() {1209 // Disabling Google Ads scripts1210 let googleAdsScripts = document.querySelectorAll('script[src*="googlesyndication.com"], script[src*="googleadservices.com"], script[src*="google-analytics.com"]');1211 googleAdsScripts.forEach(script => {1212 script.type = 'text/plain'; // Change type to prevent execution1213 });12141215 // Removing existing cookies related to Google Ads1216 document.cookie.split(";").forEach(function(c) {1217 if (c.trim().startsWith('_ga') || c.trim().startsWith('_gid')) {1218 document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");1219 }1220 });1221 }12221223 function showCookieBanner() {1224 document.getElementById("cb-cookie-banner").style.display = "block";1225 }12261227 function acceptCookies() {1228 localStorage.setItem("cb_isCookieAccepted", "yes");1229 document.getElementById("cb-cookie-banner").style.display = "none";1230 }12311232 function rejectCookies() {1233 localStorage.setItem("cb_isCookieAccepted", "no");1234 blockGoogleAdsCookies(); // Block Google Ads cookies as before1235 document.getElementById("cb-cookie-banner").style.display = "none";1236 1237 }12381239 function initializeCookieBanner() {1240 let choix = localStorage.getItem("cb_isCookieAccepted");1241 if (choix === null) {1242 showCookieBanner();1243 }1244 }1245 12461247 document.addEventListener("DOMContentLoaded", function() {1248 initializeCookieBanner();1249 });1250 </script>12511252 </body>1253</html>