SPB Git

spb/lou-ka Public

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

HTML 99.7%
56.4 KB · 1,303 lines html
Raw Blame History
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">403</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/27/fc/27fc4922-734e-4736-8005-2f3afd10bb49/90296964-d568-4b5d-8d15-ce6070ad8672.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">357                                <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/27/fc/27fc4922-734e-4736-8005-2f3afd10bb49/90296964-d568-4b5d-8d15-ce6070ad8672.jpeg__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/09/2c/092c0e25-e2ed-4e9a-92e4-bebfd86fa4ae/a21aa4d4-f93c-43c3-8698-f2a5c5e4aa6b.png__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">376                                <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/09/2c/092c0e25-e2ed-4e9a-92e4-bebfd86fa4ae/a21aa4d4-f93c-43c3-8698-f2a5c5e4aa6b.png__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/59/40/59407844-cb58-470b-9778-ea1a7899c900/d237d73e-45b1-4b01-b2f2-3ffbd4b9f809.png__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">386                                <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/59/40/59407844-cb58-470b-9778-ea1a7899c900/d237d73e-45b1-4b01-b2f2-3ffbd4b9f809.png__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/c9/ee/c9ee0fdc-2e4c-49a3-b514-257e2a9e5ded/f69eb0fd-85b8-4e24-bf10-758b26d9fb4a.png__750x500_q85_crop_subsampling-2_upscale.jpg" data-fancybox="gallery">396                                <img src="https://picardimmobilier.s3.amazonaws.com/media/filer_public_thumbnails/filer_public/c9/ee/c9ee0fdc-2e4c-49a3-b514-257e2a9e5ded/f69eb0fd-85b8-4e24-bf10-758b26d9fb4a.png__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/4e/55/4e550e16-82cc-4b86-b208-60b89c9e7652/bjegxxou.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/4e/55/4e550e16-82cc-4b86-b208-60b89c9e7652/bjegxxou.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/b3/ed/b3edd1a6-daf8-4216-854b-412fc549cf68/zgpnphhy.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/b3/ed/b3edd1a6-daf8-4216-854b-412fc549cf68/zgpnphhy.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/99/f2/99f2519f-a807-40df-87e5-c635bfcb6d19/mainopae.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/99/f2/99f2519f-a807-40df-87e5-c635bfcb6d19/mainopae.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/b0/53/b053771a-d962-4c9d-81ef-dbae6b2e7dbf/sohucukk.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/b0/53/b053771a-d962-4c9d-81ef-dbae6b2e7dbf/sohucukk.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/6e/1b/6e1b60eb-5922-43cc-8e81-4bf092adcc9d/tdxapdky.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/6e/1b/6e1b60eb-5922-43cc-8e81-4bf092adcc9d/tdxapdky.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/17/33/1733c0af-32a4-4d7d-bb02-33d87e6c56e5/actg_aik.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/17/33/1733c0af-32a4-4d7d-bb02-33d87e6c56e5/actg_aik.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/c5/19/c519a88f-b1b4-4e10-b515-9f1fafc4206e/6qcxoqqg.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/c5/19/c519a88f-b1b4-4e10-b515-9f1fafc4206e/6qcxoqqg.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/ef/d0/efd04f45-6cc7-468d-b6d8-c7caf23fc3c3/ywtijvmc.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/ef/d0/efd04f45-6cc7-468d-b6d8-c7caf23fc3c3/ywtijvmc.jpeg__750x500_q85_crop_subsampling-2_upscale.jpg" alt="photo">477                                478                                </a>479                            </div>480                        481                    482483                </div>484                <div class="swiper-pagination mt-2"></div>485            </div>486          487            <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">488                <h2 class="fw-bold mb-0">Appartement 5½ </h2>489                <h5 class="text-theme fw-bold mb-0">$1750.00 par mois</h5>490            </div>491            492            493            <div class="d-flex justify-content-between align-items-start flex-wrap mb-3">494                <div>495                <p class="text-muted mb-0">496                    <i class="fa fa-map-marker-alt me-2"></i>497                    2405 4e avenue,498                    #3, 499                    Québec, Québec, g1j3g2500                </p>501                <small class="text-success">Disponible immédiatement</small>502                </div>503                <div class="text-end mt-2 mt-md-0">504                <h6 class="text-dark"># Référence :505                    <span class="text-danger">506                    403507                    </span>508                </h6>509                </div>510            </div>          511512            <div class="mb-4">513                <h5 class="fw-semibold mb-2">Description</h5>514                <p class="text-muted"> À 3 minutes en voiture de l’autoroute Félix-Leclerc et à 15 minutes à pied de la 3e Avenue. Situé dans un quartier recherché, à proximité de nombreux services (parcs, dépanneurs, restos, épicerie, pharmacie) et de nombreux parcours d’autobus. </p>515            </div>516517            <div class="mb-4">518                <h5 class="fw-semibold mb-3">Caractéristiques et Commodités de l'unité519                </h5>520                <div class="row g-2">521522                    523                    524                    <div class="col-6 text-dark"><i class="fa fa-bed me-2 text-theme"></i>Chambres : 5½</div>525                    526                    <div class="col-6 text-dark"><i class="fa fa-bath me-2 text-theme"></i>Salle de bain</div>527                    <div class="col-6 text-dark"><i class="fa fa-utensils me-2 text-theme"></i>Cuisine</div>528                    <div class="col-6 text-dark"><i class="fa fa-door-open me-2 text-theme"></i>Entrée indépendante</div>529530                    <div class="col-6 text-dark"><i class="fa fa-wifi me-2 text-theme"></i>Wifi Illimité</div>531                    532                    533                    534                    <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Balcon</div>535                    536                    537538                    539                    <div class="col-6 text-dark"><i class="fa fa-building me-2 text-theme"></i>Emplacement : Étage 3</div>540                    541542                    543                    <div class="col-6 text-dark"><i class="fa fa-car me-2 text-theme"></i>Stationnement : Extérieur</div>544                    545546                    547                    548                    <div class="col-6 text-dark"><i class="fa fa-snowflake me-2 text-theme"></i>Climatisation</div>549                    550                    551                    552553                    554                    <div class="col-6 text-dark"><i class="fa fa-paw me-2 text-theme"></i>Chat Accepté</div>555                    556557558559560                    561                    <div class="col-6 text-dark"><i class="fa fa-couch me-2 text-theme"></i>Meuble Incl. : Semi-Meublé</div>562                    563                    564565566567568                </div>569            </div>570571            572            573            574            <div class="location mb-4">575576577578579580581                 <div class="map">582                    <h3 class="heading-2">Emplacement De La Propriété</h3>583                   <div id="map-custom"584                         class="map-canvas"585                         data-lat="46.8165"586                         data-lng="-71.236"587                         data-color="#d1b149" style="height: 400px;"></div>  588589                         590                </div>  591            592            </div>593            594595596597            598599600        </div>601602      603      <div class="col-lg-4 mt-4 mt-lg-0">604    <div class="card shadow-sm p-4">605        <!-- Advanced search start -->606        <div class="">607            <h3 class="fw-bold mb-3 sidebar-title">TROUVER UN LOGEMENT</h3>608            <div class="s-border"></div>609            <div class="m-border"></div>610611            <form method="GET" action="/recherche/">612                <div class="mb-3">613                  614        615        616                    617                    <input type="text" class="form-control" name="REF" placeholder="Entrez le numéro de référence...">618        619        620        621                </div>622                <div class="form-group mb-3">623                     <select class="selectpicker search-fields" name="ARRONDISSEMENTS">624                                    <option selected="true" disabled="disabled">Arrondissements</option>625                                     626627                                     628                                    <option value="charny">CHARNY</option>629                                    630                                    <option value="les saules">LES SAULES</option>631                                    632                                    <option value="sainte-foy">SAINTE-FOY</option>633                                    634                                    <option value="beauport">BEAUPORT</option>635                                    636                                    <option value="limoilou">LIMOILOU</option>637                                    638                                    <option value="loretteville">LORETTEVILLE</option>639                                    640                                    <option value="vieux-québec">VIEUX-QUÉBEC</option>641                                    642                                    <option value="montcalm / saint-jean baptiste">MONTCALM / SAINT-JEAN BAPTISTE</option>643                                    644                                </select>645                </div>646647                <div class="form-group mb-3 ">648                     <select class="selectpicker search-fields" name="DISPONIBILITES">649                                    <option selected="true" disabled="disabled">Disponibilités</option>650                                    651                                    <option value="libre">LIBRE IMMÉDIATEMENT</option>652                                    653                                    <option value="AOÛT 2026">AOÛT 2026</option>654                                    655                                    <option value="SEPTEMBRE 2026">SEPTEMBRE 2026</option>656                                    657                                    <option value="OCTOBRE 2026">OCTOBRE 2026</option>658                                    659                                    <option value="NOVEMBRE 2026">NOVEMBRE 2026</option>660                                    661                                    <option value="DÉCEMBRE 2026">DÉCEMBRE 2026</option>662                                    663                                </select>664                </div>665666                <div class="form-group mb-3">667                   <select class="selectpicker search-fields" name="LOGEMENTS">668                                    <option selected="true" disabled="disabled">Grandeur</option>669                                     670                                    <option value="1">1 1/2</option>671                                    672                                    <option value="2">2 1/2</option>673                                    674                                    <option value="3">3 1/2</option>675                                    676                                    <option value="4">4 1/2</option>677                                    678                                    <option value="5">5 1/2</option>679                                    680                                    <option value="6">6 1/2</option>681                                    682                                    <option value="maison">Maison</option>683                                    684                                    <option value="chalet">Chalet</option>685                                    686                                    <option value="chambre">Chambre</option>687                                    688                                    <option value="commercial">Commercial</option>689                                    690                                </select>691                </div>692693                694695                <div class="form-group mb-3">696                    <select class="selectpicker search-fields" name="COLOCATIONS">697                                     <option selected="true" disabled="disabled">Colocations</option>698                                      699                                     <option value="colocation-fille-etudiante">COLOCATION FILLE – ÉTUDIANTE</option>700                                     701                                     <option value="colocation-fille-travailleuse">COLOCATION FILLE – TRAVAILLEUSE</option>702                                     703                                     <option value="colocation-garcon-etudiant">COLOCATION GARÇON – ÉTUDIANT</option>704                                     705                                     <option value="colocation-garcon-travailleur">COLOCATION GARÇON – TRAVAILLEUR</option>706                                     707                                 </select>708                 </div>709710711712713714                 <div class="mb-3">715                    <div class="mb-3 position-relative">716                        <label class="form-label">Prix</label>717                        <div class="range-wrapper position-relative">718                         <input type="hidden" name="min_price" value="250">719                          <input type="range" class="form-range" min="250" max="4000" step="50" id="priceRange" value="2500" name="max_price">720                          721722                          <div id="priceTooltip" class="range-tooltip">$4000</div>723                        </div>724                        <div class="d-flex justify-content-between text-muted">725                          <small>$250</small>726                          <small>$4000</small>727                        </div>728                      </div>729                      730        731                </div>732733734               735736737                <div class="accordion accordion-flush other-features mb-30" id="accordionFlushExample">738                    <div class="accordion-item">739                        <h2 class="accordion-header" id="flush-headingOne">740                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">741                                Options742                            </button>743                        </h2>744                        <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">745                            <div class="accordion-body">746                                <h3 class="sidebar-title">Commodités</h3>747                                <div class="s-border"></div>748                                <div class="m-border"></div>749750751                                752                                <div class="checkbox checkbox-theme checkbox-circle">753                                    <input id="chauffage" type="checkbox" value="chauffage" name="COMMODITES">754                                    <label for="chauffage">755                                        CHAUFFÉ756                                    </label>757                                </div>758                                759                                <div class="checkbox checkbox-theme checkbox-circle">760                                    <input id="eclaire" type="checkbox" value="eclaire" name="COMMODITES">761                                    <label for="eclaire">762                                        ÉCLAIRÉ763                                    </label>764                                </div>765                                766                                <div class="checkbox checkbox-theme checkbox-circle">767                                    <input id="semi-meuble" type="checkbox" value="semi-meuble" name="COMMODITES">768                                    <label for="semi-meuble">769                                        SEMI-MEUBLÉ770                                    </label>771                                </div>772                                773                                <div class="checkbox checkbox-theme checkbox-circle">774                                    <input id="meuble" type="checkbox" value="meuble" name="COMMODITES">775                                    <label for="meuble">776                                        MEUBLÉ777                                    </label>778                                </div>779                                780                                <div class="checkbox checkbox-theme checkbox-circle">781                                    <input id="climatiseur" type="checkbox" value="climatiseur" name="COMMODITES">782                                    <label for="climatiseur">783                                        CLIMATISEUR784                                    </label>785                                </div>786                                787                                <div class="checkbox checkbox-theme checkbox-circle">788                                    <input id="balcon" type="checkbox" value="balcon" name="COMMODITES">789                                    <label for="balcon">790                                        BALCON791                                    </label>792                                </div>793                                794795796797798799                            </div>800                        </div>801                    </div>802                </div>803804                <div class="form-group mb-0">805                    <button type="submit" class="search-button">RECHERCHER</button>806                </div>807            </form>808        </div>809810        <!-- Posts by category Start -->811        <!-- TODO : INSERT DISTRICT LIST W/ PROPS        -->812813    </div>814</div>815816817<script>818    const slider = document.getElementById("priceRange");819    const tooltip = document.getElementById("priceTooltip");820    821    function updateTooltip() {822      const min = parseInt(slider.min);823      const max = parseInt(slider.max);824      const val = parseInt(slider.value);825    826      const percent = ((val - min) / (max - min)) * 100;827      tooltip.style.left = `${percent}%`;828      tooltip.textContent = `$${val}`;829    }830    831    slider.addEventListener("input", updateTooltip);832    updateTooltip(); // Init au chargement833</script>834835836837    </div>838</div>839840841<script>842    const swiperVideo = new Swiper('.swiperVideo', {843      loop: false,844      pagination: {845        el: '.swiper-pagination',846        clickable: true,847      },848      spaceBetween: 20,849    });850  </script>851852  853  854  855  856  857858859860861862    <style>863        .swiperVideo {864            width: 100%;865        }866        .swiperVideo .swiper-slide {867            padding-bottom: 1rem;868        }869    </style>870871872873874875       876   <!-- Footer start -->877   <footer class="footer">878    <div class="container footer-inner">879        <div class="row">880            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6">881                <div class="footer-item clearfix">882883                    884                        <img src="https://picardimmobilier.s3.amazonaws.com/media/files/00675f6c-f3fa-474a-8665-7f2137707334.png" alt="Groupe Picard Immobilier Logo" class="f-logo">885                        886                    887888                    <div class="text">889                        <p class="text-justify font-weight-bold">890                             Avec près de 700 appartements de tous les styles dans la région de Québec, l&#x27;entreprise Picard Immobilier saura répondre à vos besoins.891                        </p>892                    </div>893                </div>894            </div>895            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">896                <div class="footer-item">897                    <h4>Nous Joindre</h4>898                    <ul class="contact-info">899                        <li>900                            <i class="flaticon-pin"></i>  790 ave royale901                        </li>902                        <li>903                            <i class="flaticon-mail"></i><a href="/cdn-cgi/l/email-protection#fc90939f9d88959392bc8c959f9d8e98959191939e959095998ed2929988"><span class="__cf_email__" data-cfemail="84e8ebe7e5f0edebeac4f4ede7e5f6e0ede9e9ebe6ede8ede1f6aaeae1f0">[email&#160;protected]</span></a>904                        </li>905                        <li>906                            <i class="flaticon-phone"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>907                        </li>908                        <li>909                            <i class="flaticon-fax"></i><a href="tel:+1 (418) 580-1407 ">+1 (418) 580-1407 </a>910                        </li>911912                    </ul>913                </div>914            </div>915            <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">916                <div class="footer-item">917                    <h4>918                        Liens Rapides919                    </h4>920                    <ul class="links">921                        <li>922                            <a href="/" class="link-inner"><span> ACCUEIL</span></a>923                        </li>924                        <li>925                            <a href="/a-propos/" class="link-inner"><span> À PROPOS</span></a>926                        </li>927                        <li>928                            <a href="/emploi/" class="link-inner"><span> EMPLOI</span></a>929                        </li>930                          <li>931                            <a href="/contact/" class="link-inner"><span> CONTACT</span></a>932                        </li>933934                    </ul>935                </div>936            </div>937            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">938                <div class="footer-item clearfix">939                    <h4>Infolettre</h4>940                    <div class="Subscribe-box">941                        <p>942943                            Abonnez-vous à notre liste de diffusion pour rester en contact !Nous vous tiendrons au courant de nos nouveautés sur le marché.944945                        </p>946947                        <form class="form-inline d-flex"  method="POST" id="newsletter-form">948                            <input type="hidden" name="csrfmiddlewaretoken" value="Z8C6YsCKGyEil3x3SLCGeLsUcI1HuLYEKjRlEUWVd6oYM8EHQV75eW8PlLSW7Ru8">949950                            <input type="email" name="courriel" class="form-control" placeholder="Votre courriel*" label="courriel" id="courriel_id" maxlength="256" required>951                            <input type="hidden" name="captcha" id="captcha_id">952                            <button id="button-subscribe" class="btn btn-theme" type="submit"><i class="fa fa-paper-plane"></i>953                            </button>954955                        </form>956                        <div id="result-subscribe"></div>957                </div>958            </div>959        </div>960    </div>961    <div class="sub-footer">962        <div class="container">963            <div class="row">964                <div class="col-lg-8 col-md-12">965                    <p class="copy">© 2025 <a href="#">Groupe Picard Immobilier - Tous droits réservés. </a>966                       Propulsé par <a target="_blank" href="https://appanoo.com/fr/">Appanoo Labs</a></p>967                </div>968                <div class="col-lg-4 col-md-12">969                    <ul class="social-list clearfix">970                        <li><a  target="_blank" href="https://www.facebook.com/picardimmobilier.net/" class="facebook-bg"><i class="fa-brands fa-facebook"></i></i></a></li>971                        <li><a href="#" class="twitter-bg"><i class="fa-brands fa-twitter"></i></a></li>972                        <li><a href="#" class="google-bg"><i class="fa-brands fa-google-plus-g"></i></a></li>973                        <li><a href="#" class="linkedin-bg"><i class="fa-brands fa-linkedin"></i></a></li>974                    </ul>975                </div>976            </div>977        </div>978    </div>979    </div>980</footer>981<!-- Footer end -->982983    <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>984    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-submenu.js"></script>985986987    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>988    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/rangeslider.js"></script>989    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mb.YTPlayer.js"></script>990    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/bootstrap-select.min.js"></script>991    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.easing.1.3.js"></script>992    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.scrollUp.js"></script>993    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.mCustomScrollbar.concat.min.js"></script>994    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.js"></script>995    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet-providers.js"></script>996    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/leaflet.markercluster.js"></script>997    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/dropzone.js"></script>998    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/slick.min.js"></script>999    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.filterizr.js"></script>1000    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.magnific-popup.min.js"></script>1001    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/jquery.countdown.js"></script>1002    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/modernizr.custom.js"></script>1003    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-component.js"></script>1004    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/boxes-core.js"></script>1005    1006    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/app.js"></script>1007100810091010    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->1011    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>1012    <!-- Custom javascript -->10131014    <script  src="https://picardimmobilier.s3.amazonaws.com/static/site/js/ie10-viewport-bug-workaround.js"></script>1015    <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js"></script>1016    <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>1017      <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>1018      <script src="https://maps.googleapis.com/maps/api/js?key=AIza_CLE_CAVIARDEE_LOUKA_000000000000000"></script>10191020      <script>1021        //1022// Google maps1023//10241025var GoogleMapCustom = (function() {1026  var $map = document.getElementById('map-custom'),1027      lat,1028      lng,1029      color,1030      zoom;10311032  function initMap(map) {10331034      lat = map.getAttribute('data-lat');1035      lng = map.getAttribute('data-lng');1036      color = map.getAttribute('data-color');1037      zoom = map.getAttribute('data-zoom') ? parseInt(map.getAttribute('data-zoom')) : 14;10381039      var myLatlng = new google.maps.LatLng(lat, lng);10401041      var mapOptions = {1042          zoom: zoom,1043          scrollwheel: false,1044          center: myLatlng,1045          mapTypeId: google.maps.MapTypeId.ROADMAP,1046          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"}]}]1047      }10481049      map = new google.maps.Map(map, mapOptions);10501051      var marker = new google.maps.Marker({1052          position: myLatlng,1053          map: map,1054          animation: google.maps.Animation.DROP,1055          title: ''1056      });10571058      10591060      google.maps.event.addListener(marker, 'click', function() {1061          infowindow.open(map, marker);1062      });1063  }10641065  if (typeof($map) != 'undefined' && $map != null) {1066      google.maps.event.addDomListener(window, 'load', initMap($map));1067  }1068})();1069      </script>10701071      <script>1072          const swiper = new Swiper('.mySwiper', {1073              loop: true,1074              pagination: {1075                  el: '.swiper-pagination',1076                  clickable: true,1077              },1078          });1079          Fancybox.bind("[data-fancybox='gallery']", {});1080          108110821083        </script>   1084    <script>1085    var csrftoken = Cookies.get('csrftoken');1086    function csrfSafeMethod(method) {1087      // these HTTP methods do not require CSRF protection1088      return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));1089    }1090    $.ajaxSetup({1091      beforeSend: function(xhr, settings) {1092        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {1093          xhr.setRequestHeader("X-CSRFToken", csrftoken);1094        }1095      }1096    });10971098    $(document).ready(function(){1099      1100      1101    });1102    </script>1103    <script>1104          var submitData = document.getElementById("button-subscribe").innerHTML ;1105        $("#newsletter-form").submit(function(e) {1106        e.preventDefault(),1107        $("#button-subscribe").attr("disabled", "disabled"),1108        $("#button-subscribe").html(""),1109        $("#button-subscribe").append(1110        `<span class="spinner-border spinner-border-sm text-light"> </span>`),1111        $.ajax({1112            type: "POST",1113            url: '/abonnement/',1114            data: {11151116                courriel: $("#courriel_id").val(),1117                captcha : $("#captcha_id").val(),1118                csrfmiddlewaretoken: $("input[name=csrfmiddlewaretoken]").val()1119            },11201121            success: function(e) {1122                $("#result-subscribe").addClass(e.class),112311241125                setTimeout(() => {11261127                    $("#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">1128  <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"/>1129</svg>`),11301131                    $("#result-subscribe").html(`<div class="alert alert-success mt-2 alert-dismissible fade show" role="alert">1132  <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` + `<small>` +1133  e.status + `</small>` + `</div>`)1134                }, 3e3), setTimeout(() => {1135                    $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1136                    $("#button-subscribe").html(submitData),1137                    $("#button-subscribe").removeAttr("disabled"),1138                    $("#result-subscribe").html(""),1139                    $("#newsletter-form").each(function() {1140                        this.reset()1141                    })1142                }, 8e3)1143            },1144            error: function(e) {1145                $("#result-subscribe").addClass(e.responseJSON.class),114611471148                setTimeout(() => {1149                    $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1150                    $("#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">1151  <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"/>1152</svg>`),11531154                    $("#result-subscribe").html(`<div class="alert alert-danger alert-dismissible fade show mt-2" role="alert" >1155  <span class="closebtn" onclick="this.parentElement.style.display='none';"></span>` +1156    + `<small>` + e.responseJSON.status + `</small>`  +1157`</div>`)1158                }, 3e3),1159                setTimeout(() => {1160                    $("#button-subscribe").css("background-color", "linear-gradient(150.02deg, #FF914D 29.4%, #FD725E 47.79%, #FB556E 69.37%, #FA4378 88.04%, #FA3D7B 101.53%);"),1161                    $("#button-subscribe").html(submitData),1162                    $("#button-subscribe").removeAttr("disabled"),1163                    $("#result-subscribe").html("")1164                }, 5000)1165            }1166        })1167    });1168</script>1169    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js" ></script>1170    <script async>1171    // const observer = lozad();1172    // observer.observe();1173    lozad('.lozad', {1174    load: function(el) {1175            el.src = el.dataset.src;1176            el.onload = function() {1177                el.classList.add('fade')1178            }1179        }1180    }).observe();1181    </script>11821183    <script>1184      // JavaScript to detect if the user is on a mobile device1185      var is_mobile = /Mobi|Android/i.test(navigator.userAgent);1186    1187      // If the user is on a mobile device, add the 'show' class to the dropdown menu1188      if (is_mobile) {1189        document.getElementById('myDropdown').classList.add('show');1190      }1191    </script>119211931194   1195119611971198      1199<script>1200    const swiperVideo = new Swiper('.swiperVideo', {1201      loop: false,1202      pagination: {1203        el: '.swiper-pagination',1204        clickable: true,1205      },1206      spaceBetween: 20,1207    });1208  </script>12091210  1211  1212  1213  1214  12151216      12171218    1219    <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;">1220    <div class="card-body d-flex flex-column justify-content-between h-100">1221      <div class="mb-3">1222        <h5 class="card-title"> 🍪 Avis relatif aux cookies</h5>1223        <p class="card-text text-small">1224            Avec votre consentement, nous et nos partenaires utilisons les cookies ou des technologies 1225            similaires pour stocker, accéder à et traiter des données personnelles telles que vos visites 1226            à ce site Web, les adresses IP et les identifiants des cookies.12271228          <a href="#" data-bs-toggle="collapse" data-bs-target="#additionalInfo" aria-expanded="false" aria-controls="additionalInfo" style="color : #7d6a2b;">« En savoir plus »</a>12291230          <div class="collapse" id="additionalInfo">1231            <p class="mt-2">12321233                Vos données personnelles sont traitées pour les finalités suivantes:12341235            </p>1236         12371238                <ul>1239                    <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>1240                    <li class="mb-1"><i class="fa fa-check"></i> Créer des profils pour la publicité personnalisée.</li>1241                    <li class="mb-1"><i class="fa fa-check"></i> Développer et améliorer les services.</li>1242                    <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des contenus.</li>1243                    <li class="mb-1"><i class="fa fa-check"></i> Mesurer la performance des publicités.</li>1244                    <li class="mb-1"><i class="fa fa-check"></i> Stocker et/ou accéder à des informations sur un appareil.</li>1245                    <li class="mb-1"><i class="fa fa-check"></i> Utiliser des données limitées pour sélectionner la publicité.</li>1246                    <li class="mb-1"><i class="fa fa-check"></i> Utiliser des profils pour sélectionner des publicités personnalisées.</li>1247                </ul>12481249          </div>1250      <div class="d-flex justify-content-between mt-3">1251        <button type="button" class="btn btn-success me-2 btn-theme w-50 mb-4" onclick="acceptCookies()">ACCEPTER</button>1252        <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>1253      </div>1254    </div>1255  </div>12561257  <script>1258    function blockGoogleAdsCookies() {1259      // Disabling Google Ads scripts1260      let googleAdsScripts = document.querySelectorAll('script[src*="googlesyndication.com"], script[src*="googleadservices.com"], script[src*="google-analytics.com"]');1261      googleAdsScripts.forEach(script => {1262        script.type = 'text/plain'; // Change type to prevent execution1263      });12641265      // Removing existing cookies related to Google Ads1266      document.cookie.split(";").forEach(function(c) {1267        if (c.trim().startsWith('_ga') || c.trim().startsWith('_gid')) {1268          document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");1269        }1270      });1271    }12721273    function showCookieBanner() {1274      document.getElementById("cb-cookie-banner").style.display = "block";1275    }12761277    function acceptCookies() {1278      localStorage.setItem("cb_isCookieAccepted", "yes");1279      document.getElementById("cb-cookie-banner").style.display = "none";1280    }12811282    function rejectCookies() {1283      localStorage.setItem("cb_isCookieAccepted", "no");1284      blockGoogleAdsCookies(); // Block Google Ads cookies as before1285      document.getElementById("cb-cookie-banner").style.display = "none";1286      1287    }12881289    function initializeCookieBanner() {1290      let choix = localStorage.getItem("cb_isCookieAccepted");1291      if (choix === null) {1292        showCookieBanner();1293      }1294    }1295    12961297    document.addEventListener("DOMContentLoaded", function() {1298      initializeCookieBanner();1299    });1300  </script>13011302        </body>1303</html>