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">398</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/6e/76/6e76aebf-a92b-4a01-80bd-47c801a28819/334033676_904520244089577_5723030908346226405_n_1.jpg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">357 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/6e/76/6e76aebf-a92b-4a01-80bd-47c801a28819/334033676_904520244089577_5723030908346226405_n_1.jpg__750x500_q85_crop_subsampling-2_upscale.jpg" 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/7f/8a/7f8ad778-3b4c-4e10-a62e-5a086ac6daca/vdfutr9c.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/7f/8a/7f8ad778-3b4c-4e10-a62e-5a086ac6daca/vdfutr9c.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/fd/93/fd939799-8313-4112-a762-2f4f5e55ad6a/2nop8kt.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/fd/93/fd939799-8313-4112-a762-2f4f5e55ad6a/2nop8kt.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/29/39/29392f94-1347-41bf-a47b-96c01a35d070/6jaenzef.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/29/39/29392f94-1347-41bf-a47b-96c01a35d070/6jaenzef.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/5b/8f/5b8f5e01-b3da-451b-a0c3-ca7488823520/agqjgg4v.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/5b/8f/5b8f5e01-b3da-451b-a0c3-ca7488823520/agqjgg4v.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/93/76/937619c7-10ae-47d4-9ece-b0befac60e0a/dicrj3-o.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/93/76/937619c7-10ae-47d4-9ece-b0befac60e0a/dicrj3-o.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/25/b1/25b1ecc6-7410-4020-be5e-11d3b018eeb9/jk9wyjjo.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/25/b1/25b1ecc6-7410-4020-be5e-11d3b018eeb9/jk9wyjjo.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">427 428 </a>429 </div>430 431 432 433 434 <div class="swiper-slide">435 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/7c/42/7c421e7c-acb5-410d-b12e-0710f0183e4c/uj-jpmif.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">436 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/7c/42/7c421e7c-acb5-410d-b12e-0710f0183e4c/uj-jpmif.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">437 438 </a>439 </div>440 441 442 443 444 <div class="swiper-slide">445 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/ac/f4/acf43135-8f73-41cb-be0e-08d7e7707c92/23skz8jk.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">446 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/ac/f4/acf43135-8f73-41cb-be0e-08d7e7707c92/23skz8jk.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">447 448 </a>449 </div>450 451 452 453 454 <div class="swiper-slide">455 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/bc/0d/bc0d1938-9390-448b-a56a-4a90790c547d/aru4vzky.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">456 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/bc/0d/bc0d1938-9390-448b-a56a-4a90790c547d/aru4vzky.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">457 458 </a>459 </div>460 461 462 463 464 <div class="swiper-slide">465 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/22/3a/223a4fb8-0a60-4826-8bfe-d6fb43cd8941/hhiftttc.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">466 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/22/3a/223a4fb8-0a60-4826-8bfe-d6fb43cd8941/hhiftttc.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">467 468 </a>469 </div>470 471 472 473 474 <div class="swiper-slide">475 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/dd/bb/ddbbd2f6-07e2-4258-bed3-ac1cd1836b3e/jwncftho.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">476 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/dd/bb/ddbbd2f6-07e2-4258-bed3-ac1cd1836b3e/jwncftho.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">477 478 </a>479 </div>480 481 482 483 484 <div class="swiper-slide">485 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/59/ac/59aca4a6-a5a9-447e-a073-f6f485afb47d/2ho3uqkc.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">486 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/59/ac/59aca4a6-a5a9-447e-a073-f6f485afb47d/2ho3uqkc.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">487 488 </a>489 </div>490 491 492 493 494 <div class="swiper-slide">495 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/1b/46/1b463a42-435d-4096-954d-a66bdea19e15/ap5aqjxx.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">496 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/1b/46/1b463a42-435d-4096-954d-a66bdea19e15/ap5aqjxx.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">497 498 </a>499 </div>500 501 502 503 504 <div class="swiper-slide">505 <a href="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/9d/9d/9d9d4258-8464-4f45-83f1-a930e7521353/w8wsh7ig.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">506 <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/9d/9d/9d9d4258-8464-4f45-83f1-a930e7521353/w8wsh7ig.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">507 508 </a>509 </div>510 511 512513 </div>514 <div class="swiper-pagination mt-2"></div>515 </div>516 517 <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">518 <h2 class="fw-bold mb-0">Appartement 4½ </h2>519 <h5 class="text-theme fw-bold mb-0">$1350.00 par mois</h5>520 </div>521 522 523 <div class="d-flex justify-content-between align-items-start flex-wrap mb-3">524 <div>525 <p class="text-muted mb-0">526 <i class="fa fa-map-marker-alt me-2"></i>527 140 rue Lockwell,528 #11, 529 Québec, Québec, G1R 1V7530 </p>531 <small class="text-success">Disponible immédiatement</small>532 </div>533 <div class="text-end mt-2 mt-md-0">534 <h6 class="text-dark"># Référence :535 <span class="text-danger">536 398537 </span>538 </h6>539 </div>540 </div> 541542 <div class="mb-4">543 <h5 class="fw-semibold mb-2">Description</h5>544 <p class="text-muted"> Immeuble de 11 logements situé près de René-Lévesque et de Cartier. Excellente localisation, appartements avec balcon. </p>545 </div>546547 <div class="mb-4">548 <h5 class="fw-semibold mb-3">Caractéristiques et Commodités de l'unité549 </h5>550 <div class="row g-2">551552 553 554 <div class="col-6 text-dark"><i class="fa fa-bed me-2 text-theme"></i>Chambres : 4½</div>555 556 <div class="col-6 text-dark"><i class="fa fa-bath me-2 text-theme"></i>Salle de bain</div>557 <div class="col-6 text-dark"><i class="fa fa-utensils me-2 text-theme"></i>Cuisine</div>558 <div class="col-6 text-dark"><i class="fa fa-door-open me-2 text-theme"></i>Entrée indépendante</div>559560 <div class="col-6 text-dark"><i class="fa fa-wifi me-2 text-theme"></i>Wifi Illimité</div>561 562 563 564 <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Balcon</div>565 566 567568 569 <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Emplacement : Étage 3</div>570 571572 573 <div class="col-6 text-dark"><i class="fa fa-car me-2 text-theme"></i>Stationnement : Aucun</div>574 575576 577 578 579 580581 582 <div class="col-6 text-dark"><i class="fa fa-paw me-2 text-theme"></i>Chat Accepté</div>583 584585586587588 589 <div class="col-6 text-dark"><i class="fa fa-couch me-2 text-theme"></i>Meuble Incl. : Non</div>590 591 592593594595596 </div>597 </div>598599 600 601 602 <div class="location mb-4">603604605606607608609 <div class="map">610 <h3 class="heading-2">Emplacement De La Propriété</h3>611 <div id="map-custom"612 class="map-canvas"613 data-lat="46.8070577"614 data-lng="-71.2276086"615 data-color="#d1b149" style="height: 400px;"></div> 616617 618 </div> 619 620 </div>621 622623624625 626627628 </div>629630 631 <div class="col-lg-4 mt-4 mt-lg-0">632 <div class="card shadow-sm p-4">633 <!-- Advanced search start -->634 <div class="">635 <h3 class="fw-bold mb-3 sidebar-title">TROUVER UN LOGEMENT</h3>636 <div class="s-border"></div>637 <div class="m-border"></div>638639 <form method="GET" action="/recherche/">640 <div class="mb-3">641 642 643 644 645 <input type="text" class="form-control" name="REF" placeholder="Entrez le numéro de référence...">646 647 648 649 </div>650 <div class="form-group mb-3">651 <select class="selectpicker search-fields" name="ARRONDISSEMENTS">652 <option selected="true" disabled="disabled">Arrondissements</option>653 654655 656 <option value="charny">CHARNY</option>657 658 <option value="les saules">LES SAULES</option>659 660 <option value="sainte-foy">SAINTE-FOY</option>661 662 <option value="beauport">BEAUPORT</option>663 664 <option value="limoilou">LIMOILOU</option>665 666 <option value="loretteville">LORETTEVILLE</option>667 668 <option value="vieux-québec">VIEUX-QUÉBEC</option>669 670 <option value="montcalm / saint-jean baptiste">MONTCALM / SAINT-JEAN BAPTISTE</option>671 672 </select>673 </div>674675 <div class="form-group mb-3 ">676 <select class="selectpicker search-fields" name="DISPONIBILITES">677 <option selected="true" disabled="disabled">Disponibilités</option>678 679 <option value="libre">LIBRE IMMÉDIATEMENT</option>680 681 <option value="AOÛT 2026">AOÛT 2026</option>682 683 <option value="SEPTEMBRE 2026">SEPTEMBRE 2026</option>684 685 <option value="OCTOBRE 2026">OCTOBRE 2026</option>686 687 <option value="NOVEMBRE 2026">NOVEMBRE 2026</option>688 689 <option value="DÉCEMBRE 2026">DÉCEMBRE 2026</option>690 691 </select>692 </div>693694 <div class="form-group mb-3">695 <select class="selectpicker search-fields" name="LOGEMENTS">696 <option selected="true" disabled="disabled">Grandeur</option>697 698 <option value="1">1 1/2</option>699 700 <option value="2">2 1/2</option>701 702 <option value="3">3 1/2</option>703 704 <option value="4">4 1/2</option>705 706 <option value="5">5 1/2</option>707 708 <option value="6">6 1/2</option>709 710 <option value="maison">Maison</option>711 712 <option value="chalet">Chalet</option>713 714 <option value="chambre">Chambre</option>715 716 <option value="commercial">Commercial</option>717 718 </select>719 </div>720721 722723 <div class="form-group mb-3">724 <select class="selectpicker search-fields" name="COLOCATIONS">725 <option selected="true" disabled="disabled">Colocations</option>726 727 <option value="colocation-fille-etudiante">COLOCATION FILLE – ÉTUDIANTE</option>728 729 <option value="colocation-fille-travailleuse">COLOCATION FILLE – TRAVAILLEUSE</option>730 731 <option value="colocation-garcon-etudiant">COLOCATION GARÇON – ÉTUDIANT</option>732 733 <option value="colocation-garcon-travailleur">COLOCATION GARÇON – TRAVAILLEUR</option>734 735 </select>736 </div>737738739740741742 <div class="mb-3">743 <div class="mb-3 position-relative">744 <label class="form-label">Prix</label>745 <div class="range-wrapper position-relative">746 <input type="hidden" name="min_price" value="250">747 <input type="range" class="form-range" min="250" max="4000" step="50" id="priceRange" value="2500" name="max_price">748 749750 <div id="priceTooltip" class="range-tooltip">$4000</div>751 </div>752 <div class="d-flex justify-content-between text-muted">753 <small>$250</small>754 <small>$4000</small>755 </div>756 </div>757 758 759 </div>760761762 763764765 <div class="accordion accordion-flush other-features mb-30" id="accordionFlushExample">766 <div class="accordion-item">767 <h2 class="accordion-header" id="flush-headingOne">768 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">769 Options770 </button>771 </h2>772 <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">773 <div class="accordion-body">774 <h3 class="sidebar-title">Commodités</h3>775 <div class="s-border"></div>776 <div class="m-border"></div>777778779 780 <div class="checkbox checkbox-theme checkbox-circle">781 <input id="chauffage" type="checkbox" value="chauffage" name="COMMODITES">782 <label for="chauffage">783 CHAUFFÉ784 </label>785 </div>786 787 <div class="checkbox checkbox-theme checkbox-circle">788 <input id="eclaire" type="checkbox" value="eclaire" name="COMMODITES">789 <label for="eclaire">790 ÉCLAIRÉ791 </label>792 </div>793 794 <div class="checkbox checkbox-theme checkbox-circle">795 <input id="semi-meuble" type="checkbox" value="semi-meuble" name="COMMODITES">796 <label for="semi-meuble">797 SEMI-MEUBLÉ798 </label>799 </div>800 801 <div class="checkbox checkbox-theme checkbox-circle">802 <input id="meuble" type="checkbox" value="meuble" name="COMMODITES">803 <label for="meuble">804 MEUBLÉ805 </label>806 </div>807 808 <div class="checkbox checkbox-theme checkbox-circle">809 <input id="climatiseur" type="checkbox" value="climatiseur" name="COMMODITES">810 <label for="climatiseur">811 CLIMATISEUR812 </label>813 </div>814 815 <div class="checkbox checkbox-theme checkbox-circle">816 <input id="balcon" type="checkbox" value="balcon" name="COMMODITES">817 <label for="balcon">818 BALCON819 </label>820 </div>821 822823824825826827 </div>828 </div>829 </div>830 </div>831832 <div class="form-group mb-0">833 <button type="submit" class="search-button">RECHERCHER</button>834 </div>835 </form>836 </div>837838 <!-- Posts by category Start -->839 <!-- TODO : INSERT DISTRICT LIST W/ PROPS -->840841 </div>842</div>843844845<script>846 const slider = document.getElementById("priceRange");847 const tooltip = document.getElementById("priceTooltip");848 849 function updateTooltip() {850 const min = parseInt(slider.min);851 const max = parseInt(slider.max);852 const val = parseInt(slider.value);853 854 const percent = ((val - min) / (max - min)) * 100;855 tooltip.style.left = `${percent}%`;856 tooltip.textContent = `$${val}`;857 }858 859 slider.addEventListener("input", updateTooltip);860 updateTooltip(); // Init au chargement861</script>862863864865 </div>866</div>867868869<script>870 const swiperVideo = new Swiper('.swiperVideo', {871 loop: false,872 pagination: {873 el: '.swiper-pagination',874 clickable: true,875 },876 spaceBetween: 20,877 });878 </script>879880 881 882 883 884 885886887888889890 <style>891 .swiperVideo {892 width: 100%;893 }894 .swiperVideo .swiper-slide {895 padding-bottom: 1rem;896 }897 </style>898899900901902903 904 <!-- Footer start -->905 <footer class="footer">906 <div class="container footer-inner">907 <div class="row">908 <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">909 <div class="footer-item clearfix">910911 912 <img src="https://picardimmobilier.s3.amazonaws.com/media/files/00675f6c-f3fa-474a-8665-7f2137707334.png" alt="Groupe Picard Immobilier Logo" class="f-logo">913 914 915916 <div class="text">917 <p class="text-justify font-weight-bold">918 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.919 </p>920 </div>921 </div>922 </div>923 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">924 <div class="footer-item">925 <h4>Nous Joindre</h4>926 <ul class="contact-info">927 <li>928 <i class="flaticon-pin"></i> 790 ave royale929 </li>930 <li>931 <i class="flaticon-mail"></i><a href="/cdn-cgi/l/email-protection#2e42414d4f5a4741406e5e474d4f5c4a474343414c4742474b5c00404b5a"><span class="__cf_email__" data-cfemail="5d31323e3c293432331d2d343e3c2f39343030323f343134382f73333829">[email protected]</span></a>932 </li>933 <li>934 <i class="flaticon-phone"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>935 </li>936 <li>937 <i class="flaticon-fax"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>938 </li>939940 </ul>941 </div>942 </div>943 <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">944 <div class="footer-item">945 <h4>946 Liens Rapides947 </h4>948 <ul class="links">949 <li>950 <a href="/" class="link-inner"><span> ACCUEIL</span></a>951 </li>952 <li>953 <a href="/a-propos/" class="link-inner"><span> À PROPOS</span></a>954 </li>955 <li>956 <a href="/emploi/" class="link-inner"><span> EMPLOI</span></a>957 </li>958 <li>959 <a href="/contact/" class="link-inner"><span> CONTACT</span></a>960 </li>961962 </ul>963 </div>964 </div>965 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">966 <div class="footer-item clearfix">967 <h4>Infolettre</h4>968 <div class="Subscribe-box">969 <p>970971 Abonnez-vous à notre liste de diffusion pour rester en contact !Nous vous tiendrons au courant de nos nouveautés sur le marché.972973 </p>974975 <form class="form-inline d-flex" method="POST" id="newsletter-form">976 <input type="hidden" name="csrfmiddlewaretoken" value="C55XUs7nPXN4Am1QVYIFcVCie3gAzZ9DngkcAUrymvxK1r8uT8d4c6idn67Pc5F7">977978 <input type="email" name="courriel" class="form-control" placeholder="Votre courriel*" label="courriel" id="courriel_id" maxlength="256" required>979 <input type="hidden" name="captcha" id="captcha_id">980 <button id="button-subscribe" class="btn btn-theme" type="submit"><i class="fa fa-paper-plane"></i>981 </button>982983 </form>984 <div id="result-subscribe"></div>985 </div>986 </div>987 </div>988 </div>989 <div class="sub-footer">990 <div class="container">991 <div class="row">992 <div class="col-lg-8 col-md-12">993 <p class="copy">© 2025 <a href="#">Groupe Picard Immobilier - Tous droits réservés. </a>994 Propulsé par <a target="_blank" href="https://appanoo.com/fr/">Appanoo Labs</a></p>995 </div>996 <div class="col-lg-4 col-md-12">997 <ul class="social-list clearfix">998 <li><a target="_blank" href="https://www.facebook.com/picardimmobilier.net/" class="facebook-bg"><i class="fa-brands fa-facebook"></i></i></a></li>999 <li><a href="#" class="twitter-bg"><i class="fa-brands fa-twitter"></i></a></li>1000 <li><a href="#" class="google-bg"><i class="fa-brands fa-google-plus-g"></i></a></li>1001 <li><a href="#" class="linkedin-bg"><i class="fa-brands fa-linkedin"></i></a></li>1002 </ul>1003 </div>1004 </div>1005 </div>1006 </div>1007 </div>1008</footer>1009<!-- Footer end -->10101011 <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>1012 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-submenu.js"></script>101310141015 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>1016 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/rangeslider.js"></script>1017 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mb.YTPlayer.js"></script>1018 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-select.min.js"></script>1019 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.easing.1.3.js"></script>1020 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.scrollUp.js"></script>1021 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mCustomScrollbar.concat.min.js"></script>1022 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.js"></script>1023 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet-providers.js"></script>1024 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.markercluster.js"></script>1025 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/dropzone.js"></script>1026 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/slick.min.js"></script>1027 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.filterizr.js"></script>1028 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.magnific-popup.min.js"></script>1029 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.countdown.js"></script>1030 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/modernizr.custom.js"></script>1031 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-component.js"></script>1032 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-core.js"></script>1033 1034 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/app.js"></script>1035103610371038 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->1039 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>1040 <!-- Custom javascript -->10411042 <script src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>1043 <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js"></script>1044 <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>1045 <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>1046 <script src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000"></script>10471048 <script>1049 //1050// Google maps1051//10521053var GoogleMapCustom = (function() {1054 var $map = document.getElementById('map-custom'),1055 lat,1056 lng,1057 color,1058 zoom;10591060 function initMap(map) {10611062 lat = map.getAttribute('data-lat');1063 lng = map.getAttribute('data-lng');1064 color = map.getAttribute('data-color');1065 zoom = map.getAttribute('data-zoom') ? parseInt(map.getAttribute('data-zoom')) : 14;10661067 var myLatlng = new google.maps.LatLng(lat, lng);10681069 var mapOptions = {1070 zoom: zoom,1071 scrollwheel: false,1072 center: myLatlng,1073 mapTypeId: google.maps.MapTypeId.ROADMAP,1074 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"}]}]1075 }10761077 map = new google.maps.Map(map, mapOptions);10781079 var marker = new google.maps.Marker({1080 position: myLatlng,1081 map: map,1082 animation: google.maps.Animation.DROP,1083 title: ''1084 });10851086 10871088 google.maps.event.addListener(marker, 'click', function() {1089 infowindow.open(map, marker);1090 });1091 }10921093 if (typeof($map) != 'undefined' && $map != null) {1094 google.maps.event.addDomListener(window, 'load', initMap($map));1095 }1096})();1097 </script>10981099 <script>1100 const swiper = new Swiper('.mySwiper', {1101 loop: true,1102 pagination: {1103 el: '.swiper-pagination',1104 clickable: true,1105 },1106 });1107 Fancybox.bind("[data-fancybox='gallery']", {});1108 110911101111 </script> 1112 <script>1113 var csrftoken = Cookies.get('csrftoken');1114 function csrfSafeMethod(method) {1115 // these HTTP methods do not require CSRF protection1116 return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));1117 }1118 $.ajaxSetup({1119 beforeSend: function(xhr, settings) {1120 if (!csrfSafeMethod(settings.type) && !this.crossDomain) {1121 xhr.setRequestHeader("X-CSRFToken", csrftoken);1122 }1123 }1124 });11251126 $(document).ready(function(){1127 1128 1129 });1130 </script>1131 <script>1132 var submitData = document.getElementById("button-subscribe").innerHTML ;1133 $("#newsletter-form").submit(function(e) {1134 e.preventDefault(),1135 $("#button-subscribe").attr("disabled", "disabled"),1136 $("#button-subscribe").html(""),1137 $("#button-subscribe").append(1138 `<span class="spinner-border spinner-border-sm text-light"> </span>`),1139 $.ajax({1140 type: "POST",1141 url: '/abonnement/',1142 data: {11431144 courriel: $("#courriel_id").val(),1145 captcha : $("#captcha_id").val(),1146 csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken]").val()1147 },11481149 success: function(e) {1150 $("#result-subscribe").addClass(e.class),115111521153 setTimeout(() => {11541155 $("#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">1156 <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"/>1157</svg>`),11581159 $("#result-subscribe").html(`<div class="alert alert-success mt-2 alert-dismissible fade show" role="alert">1160 <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` + `<small>` +1161 e.status + `</small>` + `</div>`)1162 }, 3e3), setTimeout(() => {1163 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1164 $("#button-subscribe").html(submitData),1165 $("#button-subscribe").removeAttr("disabled"),1166 $("#result-subscribe").html(""),1167 $("#newsletter-form").each(function() {1168 this.reset()1169 })1170 }, 8e3)1171 },1172 error: function(e) {1173 $("#result-subscribe").addClass(e.responseJSON.class),117411751176 setTimeout(() => {1177 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1178 $("#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">1179 <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"/>1180</svg>`),11811182 $("#result-subscribe").html(`<div class="alert alert-danger alert-dismissible fade show mt-2" role="alert" >1183 <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` +1184 + `<small>` + e.responseJSON.status + `</small>` +1185`</div>`)1186 }, 3e3),1187 setTimeout(() => {1188 $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1189 $("#button-subscribe").html(submitData),1190 $("#button-subscribe").removeAttr("disabled"),1191 $("#result-subscribe").html("")1192 }, 5000)1193 }1194 })1195 });1196</script>1197 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js" ></script>1198 <script async>1199 // const observer = lozad();1200 // observer.observe();1201 lozad('.lozad', {1202 load: function(el) {1203 el.src = el.dataset.src;1204 el.onload = function() {1205 el.classList.add('fade')1206 }1207 }1208 }).observe();1209 </script>12101211 <script>1212 // JavaScript to detect if the user is on a mobile device1213 var is_mobile = /Mobi|Android/i.test(navigator.userAgent);1214 1215 // If the user is on a mobile device, add the 'show' class to the dropdown menu1216 if (is_mobile) {1217 document.getElementById('myDropdown').classList.add('show');1218 }1219 </script>122012211222 1223122412251226 1227<script>1228 const swiperVideo = new Swiper('.swiperVideo', {1229 loop: false,1230 pagination: {1231 el: '.swiper-pagination',1232 clickable: true,1233 },1234 spaceBetween: 20,1235 });1236 </script>12371238 1239 1240 1241 1242 12431244 12451246 1247 <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;">1248 <div class="card-body d-flex flex-column justify-content-between h-100">1249 <div class="mb-3">1250 <h5 class="card-title"> 🍪 Avis relatif aux cookies</h5>1251 <p class="card-text text-small">1252 Avec votre consentement, nous et nos partenaires utilisons les cookies ou des technologies 1253 similaires pour stocker, accéder à et traiter des données personnelles telles que vos visites 1254 à ce site Web, les adresses IP et les identifiants des cookies.12551256 <a href="#" data-bs-toggle="collapse" data-bs-target="#additionalInfo" aria-expanded="false" aria-controls="additionalInfo" style="color : #7d6a2b;">« En savoir plus »</a>12571258 <div class="collapse" id="additionalInfo">1259 <p class="mt-2">12601261 Vos données personnelles sont traitées pour les finalités suivantes:12621263 </p>1264 12651266 <ul>1267 <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>1268 <li class="mb-1"><i class="fa fa-check"></i> Créer des profils pour la publicité personnalisée.</li>1269 <li class="mb-1"><i class="fa fa-check"></i> Développer et améliorer les services.</li>1270 <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des contenus.</li>1271 <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des publicités.</li>1272 <li class="mb-1"><i class="fa fa-check"></i> Stocker et/ou accéder à des informations sur un appareil.</li>1273 <li class="mb-1"><i class="fa fa-check"></i> Utiliser des données limitées pour sélectionner la publicité.</li>1274 <li class="mb-1"><i class="fa fa-check"></i> Utiliser des profils pour sélectionner des publicités personnalisées.</li>1275 </ul>12761277 </div>1278 <div class="d-flex justify-content-between mt-3">1279 <button type="button" class="btn btn-success me-2 btn-theme w-50 mb-4" onclick="acceptCookies()">ACCEPTER</button>1280 <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>1281 </div>1282 </div>1283 </div>12841285 <script>1286 function blockGoogleAdsCookies() {1287 // Disabling Google Ads scripts1288 let googleAdsScripts = document.querySelectorAll('script[src*="googlesyndication.com"], script[src*="googleadservices.com"], script[src*="google-analytics.com"]');1289 googleAdsScripts.forEach(script => {1290 script.type = 'text/plain'; // Change type to prevent execution1291 });12921293 // Removing existing cookies related to Google Ads1294 document.cookie.split(";").forEach(function(c) {1295 if (c.trim().startsWith('_ga') || c.trim().startsWith('_gid')) {1296 document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");1297 }1298 });1299 }13001301 function showCookieBanner() {1302 document.getElementById("cb-cookie-banner").style.display = "block";1303 }13041305 function acceptCookies() {1306 localStorage.setItem("cb_isCookieAccepted", "yes");1307 document.getElementById("cb-cookie-banner").style.display = "none";1308 }13091310 function rejectCookies() {1311 localStorage.setItem("cb_isCookieAccepted", "no");1312 blockGoogleAdsCookies(); // Block Google Ads cookies as before1313 document.getElementById("cb-cookie-banner").style.display = "none";1314 1315 }13161317 function initializeCookieBanner() {1318 let choix = localStorage.getItem("cb_isCookieAccepted");1319 if (choix === null) {1320 showCookieBanner();1321 }1322 }1323 13241325 document.addEventListener("DOMContentLoaded", function() {1326 initializeCookieBanner();1327 });1328 </script>13291330 </body>1331</html>