1 2 3<!DOCTYPE html> 4<!-- Levant --> 5<html lang="fr"> 6<head> 7 <meta charset="utf-8"/> 8 <base href="https://www.port-grimaud-immobilier.fr/"> 9 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 12 <title>Sélection d'annonces avec ABC IMMOBILIER</title> 13 <meta name="description" content=""> 14 <meta name="author" content=""> 15 <meta name="Language" content="fr"> 16 17 18 19 <meta name="generator" content="levant" > 20 <link rel="canonical" href="https://www.port-grimaud-immobilier.fr/selection" > 21 <meta property="generator" content="bObcat" > 22 23 24 25 26 27 28 29 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> 30 31 32 <link rel="image_src" href="images/logoSite.png" /> 33 34 35 <link rel="icon" href="images/favicon.png" type="image/png"/> 36 <link rel="shortcut icon" href="images/favicon.png" type="image/png"/> 37 38 39 40 41 42 43 44 <meta property="og:type" content="website"/> 45 <meta property="og:url" content="https://www.port-grimaud-immobilier.fr/"/> 46 <meta property="og:title" content="Sélection d'annonces avec ABC IMMOBILIER"/> 47 <meta property="og:description" content=""/> 48 <meta property="og:image" content="images/logo_og.png"/> 49 50 51 52 53 54 <meta name="twitter:card" content="summary_large_image"/> 55 <meta name="twitter:title" content="Sélection d'annonces avec ABC IMMOBILIER"/> 56 <meta name="twitter:description" content=""/> 57 <meta name="twitter:image" content="images/logo_twittercard.png"/> 58 <meta name="twitter:url" content="https://www.port-grimaud-immobilier.fr/"/> 59 60 61 62 63 64 <link rel="preload" href="/js/main.min.js?v=0.0.1" as="script"> 65 <link rel="preload" href="/js/vendors/vendors.min.js?v=0.0.1" as="script"> 66 67 68 <!--
68<script src="https://cdn.tailwindcss.com"></script>
68--> 69 <link rel="stylesheet" type="text/css" href="/css/screen.css?v=0.0.1" />
vendor: 96 bytes, lines 69-73
69 70 71 72 73 <script async src="https://www.googletagmanager.com/gtag/js?id=
73G-H7CDSK4FB9
vendor: 18 bytes, lines 73-74
73"></script> 74
74<script language="JavaScript" type="text/javascript"> 75
vendor: 171 bytes, lines 75-80
75window.dataLayer = window.dataLayer || []; 76 function gtag(){ 77 dataLayer.push(arguments); 78 } 79 gtag('js', new Date()); 80 gtag('config', '
80G-H7CDSK4FB9
vendor: 10 bytes, lines 80-81
80'); 81
81</script>
81 82
82<script> 83 gtag('consent', 'default', { 84 'ad_storage': 'granted', 85 'analytics_storage': 'granted', 86 'ad_user_data': 'granted', 87 'ad_personalization': 'granted', 88 }); 89 </script>
89 90 91 92 93 94 95</head> 96 97 98 99 100 101 102 103 104 105 106 107 108<body id="bodyjs" class="body js-search-filter body--search-v1 body--selection " data-modal-target="main-message"> 109 110 111 112 113 114 115 116 117 118 119 120 121<header class="header header header--vinner " id=""> 122 123<div class="header__container"> 124 125 <div class="header__decorate "> 126 127 </div> 128 129 <div class="header__wrapper"> 130 131 <div class="header__estimate"> 132 133 </div> 134 135 <div class="header__topbar"> 136 137 138 139 140<div class="topbar"> 141 <div class="topbar__wrapper flex justify-between p-4"> 142 <div class="js-topbar-content topbar__content " data-key="1"> 143 </div> 144 <div class="js-topbar-content topbar__content " data-key="2"> 145 </div> 146 <div class="js-topbar-content topbar__content justify-self-end flex justify-center items-center" data-key="3"> 147 148 149 150 151 <div class="rating" data-ismovable="true" data-destination="bottom" data-base="3" data-order="0"> 152 153 154 155 156 157</div> 158 159 160 161 162 163 <div class="selection flex" data-base="3" data-order="1"> 164 <a href="/selection" class="selection-icon" data-title=" bien(s) sélectionné(s)"> 165 <div class="selection-icon__badge js-selection-count">0</div> 166 <div class="selection-icon__icon"> 167 <svg xmlns="http://www.w3.org/2000/svg" class="" viewBox="0 0 150 150"> 168 <path d="M75 137a13 13 0 01-8.6-3.23c-5.12-4.47-10-8.66-14.38-12.37-13-11.1-24.18-20.61-32.15-30.22C10.42 79.77 6 68.82 6 56.71a45.24 45.24 0 0111.55-30.86A39.67 39.67 0 0147 13a37.39 37.39 0 0123.4 8.05 43.22 43.22 0 014.6 4.11 43.22 43.22 0 014.6-4.11A37.41 37.41 0 01103 13a39.69 39.69 0 0129.49 12.84A45.24 45.24 0 01144 56.71c0 12.1-4.4 23.06-13.86 34.47-8 9.63-19.18 19.17-32.14 30.22l-.87.74c-4.13 3.52-8.74 7.46-13.52 11.63A13 13 0 0175 137zM47 24.27a28.51 28.51 0 00-21.2 9.22 34 34 0 00-8.56 23.22c0 9.33 3.58 18 11.28 27.27 7.33 8.86 18.15 18.09 30.68 28.77 4.46 3.8 9.42 8 14.57 12.53a1.87 1.87 0 002.38 0c4.8-4.2 9.45-8.17 13.61-11.71l.87-.75c12.57-10.71 23.42-19.95 30.78-28.83 7.68-9.28 11.27-17.95 11.27-27.28a34 34 0 00-8.56-23.22A28.51 28.51 0 00103 24.27 26.4 26.4 0 0086.49 30a35.24 35.24 0 00-6.92 7.25 5.65 5.65 0 01-4.57 2.3 5.65 5.65 0 01-4.57-2.33A34.76 34.76 0 0063.5 30 26.34 26.34 0 0047 24.27z"/> 169</svg> 170 171 </div> 172 </a> 173 </div> 174 175 176 177 178 179 180 181 182 <div class="lang" data-base="3" data-order="2"> 183 <div class="lang-switch "> 184 <form method="post" action=""> 185 <select class="js-select js-select--light lang__select " name="lang" id="lang-3605873" required> 186 <option value="fr" class="lang-switch__option lang-switch__option--fr" data-action="//www.port-grimaud-immobilier.fr/selection" selected> 187 <span>fr</span> 188 </option> 189 <option value="en" class="lang-switch__option lang-switch__option--en" data-action="//www.port-grimaud-immobilier.fr/selection" > 190 <span>en</span> 191 </option> 192 </select> 193 </form> 194 </div> 195 </div> 196 197 198 </div> 199 </div> 200</div> 201 202 203 </div> 204 205 206 <div class="header__main"> 207 <div class="header__logo logo"> 208 <a class="logo__link" href="/"> 209 <img class="logo__source " src="/images/logoSite.png" alt=""> 210 </a> 211 </div> 212 213 <div class="header__nav-toggle"> 214 <button class="global-button nav-toggle" id="nav-toggle" aria-label="Ouvrir le menu">
215 <span class="nav-toggle__label">Menu</span> 216 <span><span class="nav-toggle__lines"></span></span> 217 </button> 218 </div> 219 220 <div class="header__nav"> 221 222 223 224 225 226<!-- [BEGIN] Menu --> 227<nav aria-label="Navigation principale" class="main-nav" id="main-nav" tabindex="-1"> 228 <div class="main-nav__topbar"> 229 <div class="js-topbar-destination-top main-nav__components"> 230 231 </div> 232 <button aria-label="Fermer" class="main-nav__close"> 233 <span class="main-nav__close-text">Fermer</span> 234 <svg class="main-nav__close-icon" width="9.679" height="9.679" viewBox="0 0 9.679 9.679"> 235 <g transform="translate(-269.25 -5983.75)"> 236 <path d="M9,17.929a.75.75,0,0,1-.53-1.28L16.648,8.47A.75.75,0,0,1,17.709,9.53L9.53,17.709A.748.748,0,0,1,9,17.929Z" transform="translate(261 5975.5)" /> 237 <path d="M17.179,17.929a.748.748,0,0,1-.53-.22L8.47,9.53A.75.75,0,0,1,9.53,8.47l8.179,8.179a.75.75,0,0,1-.53,1.28Z" transform="translate(261 5975.5)" /> 238 </g> 239</svg> </button> 240 </div> 241 242 <div class="main-nav__wrapper"> 243 <div class="main-nav__navigation"> 244 <ul class="main-nav__menu menu"> 245 246 <li class="menu__item "> 247 <div class="menu__item-header"> 248 <a 249 href="/" 250 class="menu__link " 251 target="" 252 > 253 Accueil </a> 254 </div> 255 </li> 256 <li class="menu__item "> 257 <div class="menu__item-header"> 258 <a 259 href="/vente/maison-villa/1" 260 class="menu__link " 261 target="" 262 > 263 MAISONS </a> 264 </div> 265 </li> 266 <li class="menu__item "> 267 <div class="menu__item-header"> 268 <a 269 href="/vente/appartement/1" 270 class="menu__link " 271 target="" 272 > 273 APPARTEMENTS </a> 274 </div> 275 </li> 276 <li class="menu__item "> 277 <div class="menu__item-header"> 278 <a 279 href="/location/1" 280 class="menu__link " 281 target="" 282 > 283 LOUER </a> 284 </div> 285 </li> 286 <li class="menu__item "> 287 <div class="menu__item-header"> 288 <a 289 href="/estimation" 290 class="menu__link " 291 target="" 292 > 293 ESTIMER </a> 294 </div> 295 </li> 296 <li class="menu__item "> 297 <div class="menu__item-header"> 298 <a 299 href="/mon-agence" 300 class="menu__link " 301 target="" 302 > 303 MON AGENCE </a> 304 </div> 305 </li> 306 <li class="menu__item "> 307 <div class="menu__item-header"> 308 <a 309 href="/ma-newsletter" 310 class="menu__link " 311 target="" 312 > 313 MA NEWSLETTER </a> 314 </div> 315 </li> 316 <li class="menu__item "> 317 <div class="menu__item-header"> 318 <a 319 href="/contact" 320 class="menu__link " 321 target="" 322 > 323 Contact </a> 324 </div> 325 </li> </ul> 326 </div> 327 </div> 328 329 <div class="js-topbar-destination-bottom main-nav__footer"> 330 331 </div> 332 333</nav> 334<!-- [END] Menu --> 335 336 </div> 337 </div> 338 339 340 </div> 341 342</div> 343</header> 344 345 346<div data-scroll> 347 <div class="body__wrapper"> 348 349 350 351 352<main id="main" class="page-selection-v1 main"> 353 <div class="main__wrapper"> 354 355 356 <div class="main__page-heading"> 357 358 359 360 361<div id="" class="breadcrumb px-4 my-2 "> 362 <div class="breadcrumb__wrapper container mx-auto lg:max-w-[80rem] "> 363 <ol class="breadcrumb__items flex flex-wrap"> 364 <li class="breadcrumb__item px-3 py-2"><a href="/" class="breadcrumb__link" >Accueil</a></li> 365 <li class="breadcrumb__item breadcrumb__item--active flex items-center px-3 py-2"><svg xmlns="http://www.w3.org/2000/svg" class="breadcrumb__item-drawing mr-1" width="5.756" height="10.008" viewBox="0 0 5.756 10.008"> 366 <path d="M4.254,5.006a.75.75,0,0,1-.53-.22L-.53.53A.75.75,0,0,1-.53-.53.75.75,0,0,1,.53-.53L4.254,3.2,7.978-.53a.75.75,0,0,1,1.061,0,.75.75,0,0,1,0,1.061L4.784,4.786A.75.75,0,0,1,4.254,5.006Z" transform="translate(0.75 9.258) rotate(-90)"/> 367</svg> 368 Votre sélection</li> 369 </ol> 370 </div> 371</div> 372 373 374 375 376 377 378<div id="" class="title-v1 mt-8"> 379 <div class="title-v1__part1">Sélection</div>
380 <span class="title-v1__part2 line-clamp-2">Les biens que vous avez sélectionnés</span> 381 </div> 382 383 384 </div> 385 386 387 388 389 390 391 392 393<div id="" class="selection-content-v1 p-4 2xl:p-0 body__content-page body__content-page page-selection"> 394<div class="selection-content-v1__container container mx-auto lg:max-w-[80rem]"> 395 396 397 398 399 400 401 402 403<section id="" class="editorial-v1 editorial"> 404 <div class="editorial-v1__container lg:max-w-[80rem] "> 405 406 </div> 407</section> 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498<section id="" class="selection-list my-20 relative "> 499<div class="selection-list__container flex flex-col"> 500 <div class="selection-list__container-title h-auto flex flex-col justify-center items-center"> 501 </div> 502 <div class="selection-list__container-content "> 503 504 <div class="selection-list__content selection-list__content--no-result md:w-full mx-auto "> 505 <div id="" class="editorial-v1 editorial"> 506 <div class="editorial-v1__container container mx-auto text-center"> 507 Vous n'avez pas sélectionné de bien 508 </div> 509 </div> 510 </div> 511 512 513 </div> 514 515</div> 516</section> 517 518 </div> 519</div> 520 521 522 523 </div> 524</main> 525 526 527 528 529 530 531 532 533 <div data-modal-id="information-message" class="modal modal-message" role="dialog" aria-modal="true" > 534 <div class="modal__body"> 535 <button class="modal__close"> 536 <svg version="1.1" class="modal__close-drawing" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="150px" height="150px" viewBox="0 0 150 150" style="enable-background:new 0 0 150 150;" xml:space="preserve"> 537 <g> 538 <g id="cross"> 539 <g> 540 <polygon points="134.5,22.5 127.6,15.6 75,68.1 22.4,15.6 15.5,22.5 68.1,75 15.5,127.5 22.4,134.4 75,81.9 127.6,134.4 541 134.5,127.5 81.9,75"> 542 </polygon> 543 </g> 544 </g> 545 </g> 546 </svg> 547 </button> 548 <div class="modal__scroller"> 549 <div class="modal__title" data-modal-var="title"> 550 551 </div> 552 553 <div class="modal__text" data-modal-var="text"> 554 555 </div> 556 557 <button class="modal__focus-trap"></button> 558 </div> 559 </div> 560 <div class="modal__background"></div> 561</div> 562 563 564 565 566 567 568 569 570 571 572 573<footer id="" class="footer-v1 "> 574 <div class="footer-v1__container container px-2 xl:px-8 mx-auto lg:max-w-[85rem]"> 575 <div class="footer-v1__wrapper"> 576 577 <div id="" class="footer-v1-top my-20"> 578 <div class="footer-v1-top__wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-y-10 gap-x-10"> 579 580 <div class="footer-column flex flex-col justify-between"> 581 <div class="footer-logo my-3 first:mt-0 last:mb-0 flex justify-center"> 582 <a class="logo_menber_link" href="/" target="" rel="nofollow"> 583 <img class="logo_menber_img" src="images/logoFooter.png" alt="logo interkab" loading="lazy"> 584 </a> 585 </div> 586 </div> 587 <div class="footer-column "> 588 <div class="footer-contact"> 589 <div class="footer-contact__wrapper flex justify-center lg justify-start"> 590 591<div class="footer-coords"> 592 <div class="footer-coords__wrapper"> 593
594 <div class="footer__coords coords"> 595 <div class="coords__wrapper"> 596 597 <div class="coords__info coords__info--address"> 598 <div class="coords__data"> 599 <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 1</span></span> 600 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 601 </div> 602 </div> 603 <div class="coords__info coords__info--address"> 604 <div class="coords__data"> 605 <span class="coords__value coords__value--address">24 PLACE DES ARTISANS </span> 606 <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span> 607 </div> 608 </div> 609 <div class="coords__info coords__info--address"> 610 <div class="coords__data"> 611 <span class="coords__value coords__value--address"><a href='tel:+334 94 56 18 30' style='font-weight:500; font-size:16px'> +334 94 56 18 30 </a></span> 612 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 613 </div> 614 </div> 615 <div class="coords__info coords__info--address"> 616 <div class="coords__data"> 617 <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span> 618 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 619 </div> 620 </div> 621 <div class="coords__info coords__info--address"> 622 <div class="coords__data"> 623 <span class="coords__value coords__value--address"><a href='mailto:[email protected] ' style='font-weight:500; font-size:16px'>[email protected] </a></span> 624 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 625 </div> 626 </div> 627 </div> 628 </div> 629 630 </div> 631</div> 632 633 634 </div> 635</div> 636 637 638 639 640 </div> 641 <div class="footer-column "> 642 <div class="footer-contact"> 643 <div class="footer-contact__wrapper flex justify-center lg justify-start"> 644 645<div class="footer-coords"> 646 <div class="footer-coords__wrapper"> 647
648 <div class="footer__coords coords"> 649 <div class="coords__wrapper"> 650 651 <div class="coords__info coords__info--address"> 652 <div class="coords__data"> 653 <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 2</span></span> 654 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 655 </div> 656 </div> 657 <div class="coords__info coords__info--address"> 658 <div class="coords__data"> 659 <span class="coords__value coords__value--address"> 20 PLACE François Spoerry</span> 660 <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span> 661 </div> 662 </div> 663 <div class="coords__info coords__info--address"> 664 <div class="coords__data"> 665 <span class="coords__value coords__value--address"><a href='tel:+334 94 56 18 30' style='font-weight:500; font-size:16px'> +334 94 56 18 30 </a></span> 666 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 667 </div> 668 </div> 669 <div class="coords__info coords__info--address"> 670 <div class="coords__data"> 671 <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span> 672 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 673 </div> 674 </div> 675 <div class="coords__info coords__info--address"> 676 <div class="coords__data"> 677 <span class="coords__value coords__value--address"><a href='mailto:[email protected]' style='font-weight:500; font-size:16px'>[email protected]</a></span> 678 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 679 </div> 680 </div> 681 </div> 682 </div> 683 684 </div> 685</div> 686 687 688 </div> 689</div> 690 691 692 693 694 </div> 695 </div> 696 </div> 697 698 699 <div id="" class="footer-v1-last my-10"> 700 <div class="footer-v1-last__wrapper flex flex-col"> 701 702 703<div class="copyright mb-6"> 704<div class="copyright__wrapper flex flex-col lg:flex-row justify-center"> 705 <p class="copyright__text text-center mb-2 lg:text-left lg:mb-0">© 2026 | Tous droits réservés</p> 706 <nav class="copyright-last__menu"> 707 <ul class="copyright__nav-list nav-list flex flex-wrap justify-center"> 708 709 710 711 712 <li class="nav-list__item pl-4"> 713 <a 714 href="/honoraires.pdf" 715 title=" - Ouverture nouvelle fenêtre" 716 target="_blank" 717 class="nav-list__link"> 718 Nos honoraires 719 </a> 720 </li> 721 722 723 <li class="nav-list__item pl-4"> 724 <a 725 href="/nos-partenaires" 726 title="" 727 target="" 728 class="nav-list__link"> 729 Nos partenaires 730 </a> 731 </li> 732 733 734 <li class="nav-list__item pl-4"> 735 <a 736 href="/mentions-legales" 737 title="" 738 target="" 739 class="nav-list__link"> 740 Mentions légales 741 </a> 742 </li> 743 744 <li class="nav-list__item pl-4"> 745 <a title="Politique RGPD" class="nav-list__link" href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles">Politique RGPD</a> 746 </li> 747 <li class="nav-list__item pl-4">
748 <button class="js_openPopinCookie nav-list__link">Cookies</button> 749 </li> 750 </ul> 751 </nav> 752</div> 753</div> 754 755<div class="logolbi flex justify-center"> 756 <span>Réalisé par :</span> 757 <a href="https://www.la-boite-immo.com/" target="_blank" rel="noopener" title="Visiter le site" aria-label="Visiter le site Laboiteimmo - Ouverture nouvelle fenêtre"> 758 <svg class="logolbi__svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 411.33 65.16" width="187.371" 759 height="25.002" y="0px" x="0px"> 760 <g> 761 <rect x="90.54" y="5.23" width="8.52" height="32.83"/> 762 <path d="M113.06,26.49c0,3.23,2.06,5.06,4.64,5.06,2.9,0,4.78-2.34,4.78-5.06,0-3.09-1.73-5.1-4.78-5.1-2.57,0-4.64,1.87-4.64,5.1m9.88-11.57h8.1v23.13h-7.96l-.38-2.48c-1.97,2.25-5.06,3.04-7.63,2.9-6.79-.42-10.58-5.24-10.58-11.99s4.5-12.08,11.24-12.08c3.28,0,5.57,1.12,6.79,3l.42-2.48Z"/> 763 <path d="M158.44,26.73c0,2.43,1.73,4.82,4.64,4.82,2.58,0,4.64-1.83,4.64-5.06s-2.06-5.1-4.64-5.1c-3.04,0-4.64,2.53-4.64,5.34m.19-9.83c1.26-1.54,3.47-2.48,6.42-2.48,6.74,0,11.24,5.01,11.24,12.08s-3.79,11.57-10.58,11.99c-2.58,.14-5.67-.65-7.63-2.9l-.37,2.48h-7.68V5.28h8.62v11.61Z"/> 764 <path d="M198.48,26.54c0-2.67-1.73-5.06-4.78-5.06s-4.78,2.39-4.78,5.06,1.73,5.01,4.78,5.01,4.78-2.2,4.78-5.01m8.43,0c0,8.43-6.7,12.08-13.21,12.08s-13.21-3.65-13.21-12.08,6.51-12.13,13.21-12.13,13.21,3.7,13.21,12.13"/> 765 <rect x="212.34" y="14.93" width="8.62" height="23.13"/> 766 <path d="M236.42,4.39V15.07h5.2v6.6h-5.25v7.59c.05,1.64,.98,2.25,2.3,2.25,.84,0,1.83-.33,2.53-.8l1.87,6.37c-1.97,1.12-4.26,1.54-6.65,1.54-4.59,0-8.71-2.11-8.57-9.37V5.33l8.57-.94Z"/> 767 <path d="M263.35,23.4c-.23-3.65-7.82-3.79-8.38,0h8.38Zm7.73,5.53h-16.16c.61,2.06,3.28,2.95,5.15,2.95,2.53,0,4.45-.75,5.95-1.87l4.22,4.73c-2.76,2.58-6.56,3.84-10.54,3.84-7.31,0-13.49-3.61-13.49-12.03s6.6-12.18,12.88-12.18c8.2,0,13.96,5.43,11.99,14.56"/> 768 <rect x="289.06" y="14.83" width="2.29" height="23.23"/> 769 <path d="M333.83,38.06v-13.86c0-4.45-3-7.59-7.4-7.59s-7.45,3.28-7.45,7.73v13.72h-2.29v-13.72c0-4.45-3.04-7.68-7.45-7.68s-7.4,3.23-7.4,7.68v13.72h-2.29V14.93h2.15l.05,3.84c1.59-3.04,4.54-4.31,7.54-4.31,3.51,0,7.21,1.59,8.57,5.71,1.41-3.79,5.01-5.71,8.57-5.71,5.67,0,9.69,3.98,9.69,9.74v13.86h-2.29Z"/> 770 <path d="M378.5,38.06v-13.86c0-4.45-3-7.59-7.4-7.59s-7.45,3.28-7.45,7.73v13.72h-2.29v-13.72c0-4.45-3.04-7.68-7.45-7.68s-7.4,3.23-7.4,7.68v13.72h-2.29V14.93h2.15l.05,3.84c1.59-3.04,4.54-4.31,7.54-4.31,3.51,0,7.21,1.59,8.57,5.71,1.41-3.79,5.01-5.71,8.57-5.71,5.67,0,9.69,3.98,9.69,9.74v13.86h-2.29Z"/> 771 <path d="M409.08,26.54c0-5.99-4.26-9.88-9.51-9.88s-9.51,3.89-9.51,9.88,4.26,9.6,9.51,9.6,9.51-3.61,9.51-9.6m-21.26,0c0-7.35,5.24-12.03,11.75-12.03s11.75,4.68,11.75,12.03-5.24,11.85-11.75,11.85-11.75-4.5-11.75-11.85"/> 772 <polygon 773 points="218.8 4.86 225.08 12.3 225.08 12.68 218.43 12.68 216.41 10.57 214.3 12.68 207.75 12.68 207.75 12.3 214.07 4.86 218.8 4.86"/> 774 <path d="M292.1,7.39c0,2.44-3.7,2.44-3.7,0s3.7-2.43,3.7,0"/> 775 <path d="M36.84,36.49l-10.5,18.19c-.36,.63-1.17,.85-1.8,.48l-1.11-.64c-.63-.36-.85-1.17-.48-1.8l10.5-18.19c.69-1.2,.69-2.68,0-3.89L22.94,12.45c-.36-.63-.15-1.44,.48-1.8l1.11-.64c.63-.36,1.44-.15,1.8,.48l10.5,18.19c.69,1.2,1.98,1.94,3.37,1.94h28.59c2.01,0,3.26-2.17,2.26-3.91L57.11,2.54C56.21,.97,54.53,0,52.71,0H20.96c-1.82,0-3.5,.97-4.41,2.54L.68,30.03c-.91,1.58-.91,3.52,0,5.09l15.87,27.49c.91,1.58,2.59,2.54,4.41,2.54h31.74c1.82,0,3.5-.97,4.41-2.54l13.95-24.16c1.01-1.74-.25-3.91-2.26-3.91h-28.59c-1.39,0-2.67,.74-3.37,1.94"/> 776 <g> 777 <polygon 778 points="90.6 57.07 92.1 57.07 92.1 50.63 90.54 50.63 90.54 48.98 93.97 48.98 93.97 57.07 95.35 57.07 95.35 58.61 90.6 58.61 90.6 57.07"/> 779 <path d="M99.32,50.61c-.06-.51-.46-.77-1.02-.77-.53,0-.96,.26-1.11,.77h2.13Zm-2.15,.81c.06,.49,.49,.84,1.18,.84,.36,0,.83-.14,1.06-.37l.62,.62c-.42,.43-1.1,.64-1.7,.64-1.36,0-2.17-.84-2.17-2.11s.82-2.07,2.1-2.07,2.15,.82,2,2.44h-3.09Z"/> 780 <path d="M101.97,49.1l.07,.46c.3-.49,.71-.56,1.11-.56s.8,.16,1.02,.38l-.44,.85c-.2-.17-.38-.26-.7-.26-.51,0-.99,.27-.99,1v2.08h-.98v-3.95h.91Z"/> 781 </g> 782 <g> 783 <path d="M115.29,54.11h2.72c2.32,0,2.31-3.41,0-3.41h-2.72v3.41Zm2.72,1.66h-2.72v2.83h-1.82v-9.63c1.51,0,3.03-.01,4.54-.01,4.7,0,4.72,6.81,0,6.81"/> 784 <path d="M129.84,51l-1.79,4.1h3.58l-1.79-4.1Zm2.52,5.79h-5.03l-.82,1.82h-1.97l4.32-9.63h1.98l4.32,9.63h-1.98l-.81-1.82Z"/> 785 <path d="M140.54,50.67v3.08h2.76c1.15,0,1.65-.77,1.65-1.54s-.51-1.54-1.65-1.54h-2.76Zm6.71,7.93h-2.16l-2.8-3.22h-1.75v3.22h-1.82v-9.64c1.53,0,3.05,.01,4.58,.01,2.27,.01,3.47,1.53,3.47,3.19,0,1.32-.61,2.65-2.43,3.03l2.92,3.29v.12Z"/> 786 <polygon 787 points="153.66 50.63 150.6 50.63 150.6 48.98 158.52 48.98 158.52 50.63 155.47 50.63 155.47 58.6 153.66 58.6 153.66 50.63"/> 788 <polygon 789 points="169.55 58.6 162.35 58.6 162.35 48.98 169.55 48.98 169.55 50.74 164.15 50.74 164.15 52.95 169.36 52.95 169.36 54.64 164.15 54.64 164.15 56.81 169.55 56.81 169.55 58.6"/> 790 <polygon 791 points="180.32 48.96 182.14 48.96 182.14 58.6 181.01 58.6 181.01 58.62 175.95 52.11 175.95 58.6 174.14 58.6 174.14 48.98 175.61 48.98 180.32 54.94 180.32 48.96"/> 792 <path d="M190.87,51l-1.79,4.1h3.58l-1.79-4.1Zm2.52,5.79h-5.03l-.83,1.82h-1.97l4.32-9.63h1.98l4.32,9.63h-1.98l-.81-1.82Z"/> 793 <rect x="199.62" y="48.98" width="1.8" height="9.63"/> 794 <path d="M207.71,50.67v3.08h2.76c1.15,0,1.65-.77,1.65-1.54s-.51-1.54-1.65-1.54h-2.76Zm6.71,7.93h-2.16l-2.8-3.22h-1.75v3.22h-1.82v-9.64c1.53,0,3.05,.01,4.58,.01,2.27,.01,3.46,1.53,3.46,3.19,0,1.32-.6,2.65-2.43,3.03l2.92,3.29v.12Z"/> 795 <polygon 796 points="225.09 58.6 217.88 58.6 217.88 48.98 225.09 48.98 225.09 50.74 219.69 50.74 219.69 52.95 224.9 52.95 224.9 54.64 219.69 54.64 219.69 56.81 225.09 56.81 225.09 58.6"/> 797 </g> 798 <g> 799 <path d="M236.18,56.86h1.98c2.19,0,3.05-1.6,3.01-3.16-.04-1.5-.92-3-3.01-3h-1.98v6.16Zm6.79-3.15c.04,2.43-1.44,4.9-4.81,4.9h-3.78v-9.62h3.78c3.3,0,4.77,2.35,4.81,4.73"/> 800 <polygon 801 points="254.1 58.6 246.9 58.6 246.9 48.98 254.1 48.98 254.1 50.74 248.7 50.74 248.7 52.95 253.91 52.95 253.91 54.64 248.7 54.64 248.7 56.81 254.1 56.81 254.1 58.6"/> 802 <path d="M264.49,51.3c-.33-.55-1.24-1.07-2.28-1.07-1.35,0-1.99,.56-1.99,1.28,0,.84,.99,1.07,2.15,1.21,2.01,.25,3.88,.77,3.88,3.07,0,2.15-1.9,3.07-4.04,3.07-1.97,0-3.48-.61-4.19-2.36l1.51-.78c.43,1.06,1.54,1.53,2.71,1.53s2.21-.4,2.21-1.44c0-.91-.95-1.28-2.23-1.42-1.97-.23-3.78-.76-3.78-2.92,0-1.98,1.95-2.79,3.73-2.8,1.5,0,3.05,.43,3.78,1.91l-1.44,.74Z"/> 803 </g> 804 <g> 805 <rect x="275.53" y="48.98" width="1.8" height="9.63"/> 806 <polygon 807 points="288.11 48.96 289.92 48.96 289.92 58.6 288.8 58.6 288.8 58.62 283.74 52.11 283.74 58.6 281.92 58.6 281.92 48.98 283.39 48.98 288.11 54.94 288.11 48.96"/> 808 <path d="M296.02,56.86h1.98c2.19,0,3.05-1.6,3.01-3.16-.04-1.5-.92-3-3.01-3h-1.98v6.16Zm6.79-3.15c.04,2.43-1.44,4.9-4.81,4.9h-3.78v-9.62h3.78c3.3,0,4.77,2.35,4.81,4.73"/> 809 <path d="M312.6,46.05h-1.98l-1.02,1.87v.08h1.48l1.51-1.88v-.07Zm1.33,12.55h-7.21v-9.63h7.21v1.76h-5.4v2.21h5.21v1.69h-5.21v2.17h5.4v1.79Z"/> 810 <path d="M319.84,54.11h2.72c2.32,0,2.31-3.41,0-3.41h-2.72v3.41Zm2.72,1.66h-2.72v2.83h-1.82v-9.63c1.51,0,3.03-.01,4.54-.01,4.7,0,4.72,6.81,0,6.81"/> 811 <polygon 812 points="337.25 58.6 330.04 58.6 330.04 48.98 337.25 48.98 337.25 50.74 331.85 50.74 331.85 52.95 337.06 52.95 337.06 54.64 331.85 54.64 331.85 56.81 337.25 56.81 337.25 58.6"/> 813 <polygon 814 points="348.02 48.96 349.83 48.96 349.83 58.6 348.71 58.6 348.71 58.62 343.65 52.11 343.65 58.6 341.83 58.6 341.83 48.98 343.3 48.98 348.02 54.94 348.02 48.96"/> 815 <path d="M355.93,56.86h1.98c2.19,0,3.05-1.6,3.01-3.16-.04-1.5-.92-3-3.01-3h-1.98v6.16Zm6.79-3.15c.04,2.43-1.44,4.9-4.81,4.9h-3.78v-9.62h3.78c3.3,0,4.77,2.35,4.81,4.73"/> 816 <path d="M370.99,51l-1.79,4.1h3.58l-1.79-4.1Zm2.52,5.79h-5.03l-.83,1.82h-1.97l4.32-9.63h1.98l4.32,9.63h-1.98l-.81-1.82Z"/> 817 <polygon 818 points="386.2 48.96 388.01 48.96 388.01 58.6 386.89 58.6 386.89 58.62 381.82 52.11 381.82 58.6 380.01 58.6 380.01 48.98 381.48 48.98 386.2 54.94 386.2 48.96"/> 819 <polygon 820 points="394.92 50.63 391.87 50.63 391.87 48.98 399.79 48.98 399.79 50.63 396.73 50.63 396.73 58.6 394.92 58.6 394.92 50.63"/> 821 <path d="M409.58,51.3c-.33-.55-1.24-1.07-2.28-1.07-1.35,0-1.99,.56-1.99,1.28,0,.84,.99,1.07,2.14,1.21,2.01,.25,3.88,.77,3.88,3.07,0,2.15-1.9,3.07-4.04,3.07-1.97,0-3.48-.61-4.19-2.36l1.51-.78c.43,1.06,1.54,1.53,2.71,1.53s2.21-.4,2.21-1.44c0-.91-.95-1.28-2.23-1.42-1.97-.23-3.78-.76-3.78-2.92,0-1.98,1.95-2.79,3.73-2.8,1.5,0,3.05,.43,3.78,1.91l-1.44,.74Z"/> 822 </g> 823 </g> 824</svg> 825 826 </a> 827</div> 828 829 </div> 830 </div> 831 832 </div> 833 </div> 834</footer> 835 836<div class="footer__bottombar"></div> 837 838 </div> 839 840 841 842 843 844 845 846 847 848<div class="cookie-consent rgpd-v1 "> 849 <div class="cookiesv2Container"> 850 <div class="cookiesStructure_1"> 851 <div class="cookiesContent"> 852 <p class="titreCookies"> 853 Comme beaucoup, notre site
854 <span class="colorPrimarySite">utilise les cookies</span> 855 </p> 856 <p class="textCookies"> 857 <span class="textStrong">On aimerait vous accompagner pendant votre visite.</span> 858 En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques ! 859 </p> 860 <div class="btnContainer"> 861 <button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button> 862 <button class="btnCookies" id="getValidAllCookies" type="button"> Tout accepter</button> 863 </div> 864 </div> 865 </div> 866 <div class="cookiesStructure_2 "> 867 <div class="cookiesContent"> 868 <div class="cookieTitle_Content"> 869 <button class="btnRetour" id="getReturnCookies" type="button"> 870 <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261"> 871 <g transform="translate(1554.209 965.841) rotate(180)"> 872 <path d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> 873 <path d="M0,0,4.621,4.621" transform="translate(1548.173 954.994)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> 874 <path d="M0,4.621,4.621,0" transform="translate(1548.173 959.805)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> 875 </g> 876</svg> 877 </button> 878 <p class="topContentCookies"> Paramétrer</p> 879 <button class="btnTop" id="getCloseCookies" type="button"> Tout refuser</button> 880 </div> 881 <div class="cookieParams_Content"> 882 <div class="cookiesElement"> 883 <div class="itemCheckboxCookieButtonContent"> 884 <div class="textSectionStructure"> 885 <div class="textSectionContent"> 886 <span class="titreSection">Statistiques de visites</span> 887 <button class="buttonAcordeon js_accordeonCookies"></button> 888 </div> 889 <p>Pour améliorer votre expérience, on a besoin de savoir ce qui vous intéresse ! <br> Les données récoltées sont anonymisées.</p> 890 </div> 891 </div> 892 <div class="itemCheckboxCookieContainer"> 893 <div class="itemCheckboxCookieStructure"> 894 <div class="titleContent"> 895 <p class="titleElement"></p> 896 </div> 897 <div class="itemCheckboxCookieContent"> 898 <div class="textContent"> 899 <a class="linkElement" target="_blank" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a> 900 <svg class="iconElement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid"> 901 <g> 902 <path d="M130 29v132c0 14.77 10.2 23 21 23 10 0 21-7 21-23V30c0-13.54-10-22-21-22s-21 9.33-21 21z" 903 fill="#f9ab00"/> 904 <g fill="#e37400"> 905 <path d="M75 96v65c0 14.77 10.2 23 21 23 10 0 21-7 21-23V97c0-13.54-10-22-21-22s-21 9.33-21 21z"/> 906 <circle cx="41" cy="163" r="21"/> 907 </g> 908 </g> 909</svg> 910 911 912 <p class="textElement">Google Analytics</p> 913 </div>
914 <div class="checkboxCookiesContent"> 915 <input name="checkbox_googleAnalytics" class="checkboxCookies" 916 id="checkedgoogleAnalytics" type="checkbox" disabled checked> 917 <span class="requiredCookie">requis</span> 918 </div> 919 </div> 920 <div class="itemCheckboxCookieContent"> 921 <div class="textContent"> 922 <a class="linkElement" target="_blank" href="https://support.google.com/tagmanager/answer/9323295?hl=fr">?</a> 923 <svg class="iconElement" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" 924 viewBox="0 0 192 192" enable-background="new 0 0 192 192" xml:space="preserve"> 925 <polygon fill="#8AB4F8" points="111.31,176.79 80.76,147 146.37,80 178,111 "/> 926 <path fill="#4285F4" 927 d="M111.44,45.08L81,14L14.44,79.93c-8.58,8.58-8.58,22.49,0,31.08L80,177l31-29L61.05,95.47L111.44,45.08z"/> 928 <path fill="#8AB4F8" 929 d="M177.56,80.44l-66-66c-8.59-8.59-22.52-8.59-31.11,0c-8.59,8.59-8.59,22.52,0,31.11l66,66 c8.59,8.59,22.52,8.59,31.11,0C186.15,102.96,186.15,89.03,177.56,80.44z"/> 930 <circle fill="#246FDB" cx="95.5" cy="162.5" r="21.5"/> 931</svg> 932 <p class="textElement">Google Tag Mananger</p> 933 </div> 934 <div class="checkboxCookiesContent"> 935 <input name="checkbox_googleTagManager" class="checkboxCookies" 936 id="checkedgoogleTagManager" type="checkbox" disabled checked> 937 <span class="requiredCookie">requis</span> 938 </div> 939 </div> 940 </div> 941 </div> 942</div> 943 944 </div> 945 <div class="btnContainer btnConfigCookies"> 946 <a href="i/redac/politiquecookies" class="btnCookies lightVersion" type="button">En savoir plus</a> 947 <button class="btnCookies" id="getValidAllCookies_2" type="button">Tout accepter</button> 948 <button class="btnCookies hidden" id="getSaveCookies" type="button">Enregistrer</button> 949 </div> 950 </div> 951 </div> 952 <input type="hidden" id="notDisplayForUrl" data-url="/i/redac/legals,/mentions-legales,"> 953 </div> 954</div> 955 956 957 <div class="js_googleAnalytics_cookies" style="display: none" data-ga4="G-H7CDSK4FB9" data-ua=""></div>
958<script language="JavaScript" type="text/javascript"> 959 960 function googleAnalytics() { 961 let target = document.querySelector('.js_googleAnalytics_cookies'); 962 if(target) { 963 let ua = target.getAttribute('data-ua'); 964 let ga4 = target.getAttribute('data-ga4'); 965 966 let code = null; 967 if (ga4) { 968 code = ga4; 969 } else if (ua) { 970 code = ua; 971 } 972 973 if(code) { 974 target.innerHTML = "
974<script async src=\"https://www.googletagmanager.com/gtag/js?id=" + code + "\"><\/script>"; 975 window.dataLayer = window.dataLayer || []; 976 function gtag(){dataLayer.push(arguments);} 977 dataLayer.push('js', new Date()); 978 dataLayer.push('config', code); 979 } 980 } 981 } 982 983</script>
983 984 <input type="hidden" class="js_googleTagManager_cookies" data-gtm="">
985<script> 986 function googleTagManager() { 987 let gtm = document.querySelector('.js_googleTagManager_cookies')?.getAttribute('data-gtm'); 988 if (gtm) { 989 (function (w, d, s, l, i) { 990 w[l] = w[l] || []; 991 w[l].push({ 992 'gtm.start': 993 new Date().getTime(), event: 'gtm.js' 994 }); 995 var f = d.getElementsByTagName(s)[0], 996 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 997 j.async = true; 998 j.src = 999 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 1000 f.parentNode.insertBefore(j, f); 1001 })(window, document, 'script', 'dataLayer', 'GTM-' + gtm) 1002 } 1003 } 1004</script>
1004 1005 1006 1007 1008 1009 1010 1011 1012 1013
1013<script > 1014 /* -------------------------------------------------------------------------- */ 1015 /* NEW COOKIES RGPD */ 1016 /* -------------------------------------------------------------------------- */ 1017 1018 class cookiesRGPD { 1019 1020 constructor() { 1021 this.cookiesContainer = document.querySelector('.cookiesv2Container'); 1022 if(this.cookiesContainer) { 1023 this.cookiesStructure_1 = this.cookiesContainer.querySelector('.cookiesStructure_1'); 1024 this.cookiesStructure_2 = this.cookiesContainer.querySelector('.cookiesStructure_2'); 1025 this.listCookies = []; 1026 this.desactivedCookiesList = false; 1027 this.dataToSend = []; 1028 this.whiteList = ["PHPSESSID", "cookies_hasVerifiedV2"]; 1029 this.widgetCall = []; 1030 this.changeList = []; 1031 this.listCheckbox = this.cookiesContainer.querySelectorAll('.checkboxCookies'); 1032 this.arrayOfUrl = this.cookiesContainer.querySelector('#notDisplayForUrl')?.getAttribute('data-url')?.split(','); 1033 if(this.cookiesStructure_1 && this.cookiesStructure_2) { 1034 this.animCookiesLoading(); 1035 } 1036 } 1037 } 1038 1039 animCookiesLoading() { 1040 this.formatedListCookies(); 1041 let url = document.location.href.split('/'); 1042 let lengthUrl = url.length - 1; 1043 this.initCookiesForced(); 1044 if(this.listCookies['cookies_hasVerifiedV2'] === undefined && !url[lengthUrl].includes(this.arrayOfUrl)) { 1045 if(this.listCookies['cookies_widgetActivatedV2']) { 1046 this.initCookiesHasVerified(); 1047 } 1048 setTimeout(() => { 1049 this.cookiesStructure_1.classList.add('active'); 1050 }, 2000); 1051 } else { 1052 this.initCookiesHasVerified(); 1053 } 1054 this.initCookies(); 1055 this.displayPopin(); 1056 } 1057 1058 formatedListCookies() { 1059 let cookies = this.getAllCookies(); 1060 for (const element of cookies) { 1061 let item = element.split(';')[0].split('='); 1062 this.listCookies[item[0]] = item[1]; 1063 } 1064 } 1065 1066 initCookiesForced() {
1067 this.listCheckbox.forEach((element) => { 1068 if(element.checked) { 1069 let name = element.getAttribute('name').split('_')[1]; 1070 this.callFunctionCookies(name, "cookies_" + name, true); 1071 } 1072 }); 1073 } 1074 1075 initCookiesHasVerified() { 1076 const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}'); 1077 for(let cookies in this.listCookies) { 1078 if(regex.test(cookies) && cookies !== "cookies_hasVerifiedV2" && cookies !== "cookies_widgetActivatedV2") { 1079 this.initCookiesChecked(cookies); 1080 this.callFunctionCookies(cookies.split('_')[1], null, true); 1081 } 1082 } 1083 } 1084 1085 initCookies() { 1086 this.animCookiesClickParams(); 1087 this.animCookiesClickReturn(); 1088 this.animCookiesClickValidAll(); 1089 this.accordeonCookies(); 1090 this.countCookiesChangeSave(); 1091 this.animCookiesClickSave(); 1092 this.animCookiesClickNoCookies(); 1093 } 1094 1095 displayPopin() { 1096 document.querySelector('.js_openPopinCookie')?.addEventListener('click', (event) => { 1097 this.cookiesStructure_1.classList.add('active'); 1098 this.cookiesStructure_2.classList.remove('active'); 1099 }); 1100 } 1101 1102 animCookiesClickParams() { 1103 this.cookiesContainer.querySelector('#getParamsCookies')?.addEventListener('click', (event) => { 1104 this.cookiesStructure_1.classList.remove('active'); 1105 setTimeout(() => { 1106 this.cookiesStructure_2.classList.add('active'); 1107 },500); 1108 }); 1109 } 1110 1111 animCookiesClickReturn() { 1112 this.cookiesContainer.querySelector('#getReturnCookies')?.addEventListener('click', (event) => { 1113 this.cookiesStructure_2.classList.remove('active'); 1114 setTimeout(() => { 1115 this.cookiesStructure_1.classList.add('active'); 1116 },500); 1117 }); 1118 } 1119 1120 animCookiesClickValidAll() { 1121 this.cookiesContainer.querySelector('#getValidAllCookies')?.addEventListener('click', () => { 1122 this.actionAnimCookiesClickValidAll(); 1123 }); 1124 this.cookiesContainer.querySelector('#getValidAllCookies_2')?.addEventListener('click', () => { 1125 this.actionAnimCookiesClickValidAll(); 1126 }); 1127 } 1128 1129 animCookiesClickNoCookies() { 1130 this.cookiesContainer.querySelector('#getCloseCookies')?.addEventListener('click', () => { 1131 this.animCookiesClickNoCookiesAction(); 1132 }); 1133 this.cookiesContainer.querySelector('#getCloseCookies_2')?.addEventListener('click', () => { 1134 this.animCookiesClickNoCookiesAction(); 1135 }); 1136 } 1137 1138 animCookiesClickSave() { 1139 this.cookiesContainer.querySelector('#getSaveCookies')?.addEventListener('click', (event) => { 1140 this.animCookiesClickSaveAction(); 1141 this.reinitChangeList(); 1142 }); 1143 } 1144 1145 countCookiesChangeSave() {
1146 this.listCheckbox.forEach((elements) => { 1147 let array = { 1148 'value': false, 1149 'count': 0 1150 }; 1151 elements.addEventListener('change', (element) => { 1152 array.value = element.currentTarget.checked; 1153 array.count = array.count + 1; 1154 this.changeList[element.currentTarget.id] = array; 1155 this.changeActionCookiesSave(); 1156 }); 1157 }); 1158 } 1159 1160 getAllCookies() { 1161 return document.cookie.split(' '); 1162 } 1163 1164 initCookiesChecked(cookies) { 1165 let cookieChecked = document.querySelector('#checked' + cookies.split('_')[1]); 1166 if (cookieChecked !== null) { 1167 cookieChecked.checked = true; 1168 } else { 1169 this.animCookiesClickSaveAction(); 1170 this.reinitChangeList(); 1171 } 1172 } 1173 1174 actionAnimCookiesClickValidAll() { 1175 this.dataToSend = []; 1176 for(let item of this.listCheckbox) { 1177 item.checked = true; 1178 let name = item.getAttribute('name'); 1179 if(name) { 1180 this.dataToSend[name] = true; 1181 } 1182 } 1183 this.animCookiesClose(false, false); 1184 } 1185 1186 accordeonCookies() { 1187 let accordeons = this.cookiesContainer.querySelectorAll('.js_accordeonCookies'); 1188 if(accordeons.length) { 1189 accordeons.forEach((accordeon) => { 1190 accordeon.addEventListener('click', (element) => { 1191 let parent = element.currentTarget.closest('.cookiesElement'); 1192 let sectionHide = parent.querySelector('.itemCheckboxCookieContainer'); 1193 let sectionHeigt = 0; 1194 if(sectionHide && sectionHide.querySelector('.itemCheckboxCookieStructure')) { 1195 sectionHeigt = sectionHide.querySelector('.itemCheckboxCookieStructure').clientHeight; 1196 } 1197 if(parent.classList.contains('active')) { 1198 if(sectionHide) { 1199 sectionHide.style.height = 0; 1200 } 1201 parent.classList.remove('active'); 1202 } else { 1203 let cookiesActive = this.cookiesContainer.querySelector('.cookiesElement.active'); 1204 if(cookiesActive) { 1205 let cookiesActiveItem = this.cookiesContainer.querySelector('.cookiesElement.active .itemCheckboxCookieContainer'); 1206 if(cookiesActiveItem) { 1207 cookiesActiveItem.style.height = 0; 1208 } 1209 cookiesActive.classList.remove('active'); 1210 } 1211 if(sectionHide) { 1212 sectionHide.style.height = sectionHeigt + "px"; 1213 } 1214 parent.classList.add('active'); 1215 } 1216 }); 1217 }); 1218 } 1219 } 1220 1221 changeActionCookiesSave() { 1222 let count = 0; 1223 let allAcceptedBtn = document.querySelector('#getValidAllCookies_2'); 1224 let savedBtn = document.querySelector('#getSaveCookies'); 1225 for (let [key,element] of Object.entries(this.changeList)) { 1226 if(element.count%2 !== 0) { 1227 count++; 1228 } 1229 } 1230 if(allAcceptedBtn && savedBtn) { 1231 if(count) { 1232 this.displaySavedButton(allAcceptedBtn, savedBtn); 1233 } else { 1234 this.displayAcceptedButton(allAcceptedBtn, savedBtn); 1235 } 1236 } 1237 } 1238 1239 displaySavedButton(allAcceptedBtn, savedBtn) { 1240 allAcceptedBtn.classList.add('hidden'); 1241 savedBtn.classList.remove('hidden'); 1242 } 1243 1244 displayAcceptedButton(allAcceptedBtn, savedBtn) { 1245 savedBtn.classList.add('hidden'); 1246 allAcceptedBtn.classList.remove('hidden'); 1247 } 1248 1249 setAllCheckboxAtThisTime() { 1250 this.dataToSend = []; 1251 for(let item of this.listCheckbox) { 1252 let name = item.getAttribute('name'); 1253 if(name) { 1254 this.dataToSend[name] = item.checked; 1255 } 1256 } 1257 } 1258
1259 getActionDeleteOrAddCookies() { 1260 for (let [key,element] of Object.entries(this.changeList)) { 1261 if(element.count%2 !== 0 && !element.value) { 1262 this.desactivedCookiesList = true; 1263 break; 1264 } 1265 } 1266 } 1267 1268 animCookiesClickSaveAction() { 1269 this.animCookiesApplyCookies(true); 1270 this.setAllCheckboxAtThisTime(); 1271 this.checkCheckboxCookies(); 1272 this.getActionDeleteOrAddCookies(); 1273 this.reloadLocationCookies(this.desactivedCookiesList); 1274 } 1275 1276 checkCheckboxCookies() { 1277 for(let data in this.dataToSend) { 1278 let key = data.split('_')[1]; 1279 this.callFunctionCookies(key, "cookies_" + key, this.dataToSend[data]); 1280 } 1281 } 1282 1283 reinitChangeList() { 1284 for (let [key,element] of Object.entries(this.changeList)) { 1285 this.changeList[key].count = 0; 1286 } 1287 this.desactivedCookiesList = false; 1288 } 1289 1290 animCookiesClickNoCookiesAction() { 1291 this.dataToSend = []; 1292 for(let item of this.listCheckbox) { 1293 if (item.hasAttribute('disabled')) { 1294 item.checked = true; 1295 } else { 1296 item.checked = false; 1297 } 1298 let name = item.getAttribute('name'); 1299 if(name) { 1300 this.dataToSend[name] = item.checked; 1301 } 1302 } 1303 this.animCookiesClose(true, true); 1304 } 1305 1306 getArrayCookies() { 1307 let listCookieNow = this.getAllCookies(); 1308 let newListCookieNow = []; 1309 listCookieNow.forEach((element) => { 1310 newListCookieNow.push(element.replace(';', '')); 1311 }); 1312 return newListCookieNow; 1313 } 1314 1315 cookiesHasVerifiedActived(reload) { 1316 if(reload) { 1317 let newListCookieNow = this.getArrayCookies(); 1318 if(newListCookieNow.includes('cookies_hasVerifiedV2=true') || newListCookieNow.includes('cookies_widgetActivatedV2=true')) { 1319 location.reload(); 1320 } 1321 } 1322 } 1323 1324 animCookiesClose(reload, deleted) { 1325 this.closeAllPopin(); 1326 this.animCookiesApplyCookies(deleted); 1327 this.reloadLocationCookies(reload); 1328 } 1329 1330 closeAllPopin() { 1331 this.cookiesStructure_1.classList.remove('active'); 1332 this.cookiesStructure_2.classList.remove('active'); 1333 let allAcceptedBtn = document.querySelector('#getValidAllCookies_2'); 1334 let savedBtn = document.querySelector('#getSaveCookies'); 1335 if(allAcceptedBtn && savedBtn) { 1336 this.displayAcceptedButton(allAcceptedBtn, savedBtn); 1337 } 1338 } 1339 1340 reloadLocationCookies(reload) { 1341 this.cookiesHasVerifiedActived(reload); 1342 this.closeAllPopin(); 1343 document.cookie = "cookies_hasVerifiedV2" + this.expiredCookie(true); 1344 } 1345 1346 animCookiesApplyCookies(deleted) { 1347 if(deleted) { 1348 for(let cookie of this.getAllCookies()) { 1349 let name = cookie.split('=')[0]; 1350 let nameFeature = name.split('_')[1]; 1351 if(!this.whiteList.includes(name)) { 1352 let key = name.split('_')[1]; 1353 this.callFunctionCookies(key, name, this.dataToSend['checkbox_' + nameFeature]); 1354 } 1355 } 1356 } else { 1357 this.checkCheckboxCookies(); 1358 } 1359 } 1360 1361 callFunctionCookies(key, cookieName = false, data = false) { 1362 if(cookieName) { 1363 document.cookie = cookieName + this.expiredCookie(data); 1364 } 1365 if(data && typeof window[key] === "function") { 1366 if(!this.widgetCall.includes(key)) { 1367 this.widgetCall.push(key); 1368 window[key](); 1369 } 1370 } 1371 } 1372 1373 calcDateExpiration(isNotExpired) { 1374 let expiredDate = new Date(); 1375 let year = 2000; 1376 let month = 1; 1377 if(isNotExpired) { 1378 year = expiredDate.getFullYear() + 1;
1379 month = expiredDate.getMonth() + 1; 1380 } 1381 let dateUTC = new Date(Date.UTC(year, month, 1)); 1382 return dateUTC.toUTCString(); 1383 } 1384 1385 expiredCookie(data) { 1386 return "=" + data + "; expires=" + this.calcDateExpiration(data) + "; path=/;" 1387 } 1388 1389 } 1390 1391 window.addEventListener('load', () => { 1392 let callCookies = new cookiesRGPD(); 1393 let target = document.getElementsByClassName("cookiesv2Container"); 1394 setTimeout(() => { 1395 if(target && target[0]) { 1396 target[0].style.display = "block"; 1397 } 1398 }, 1000); 1399 }); 1400 1401 </script>
1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412</div> 1413 1414<div class="js-search-holder--vertical"></div> 1415 1416 1417 1418
1419<script defer src='js/vendors/vendors.min.js?v=0.0.1'></script>
vendor: 1 bytes, line 1419
1419
1420<script defer src='js/main.min.js?v=0.0.1'></script>
1420 1421
1422<script> 1423 (function () { 1424 1425 window.l10n = { 1426 slimselect: { 1427 searchText: 'Aucun résultat', 1428 searchingText: 'Recherche', 1429 searchPlaceholder: 'Rechercher', 1430 placeholderText: 'Saisir une valeur', 1431 1432 1433 }, 1434 search:{ 1435 searchBtnSwitchBase: 'Utilisez le moteur de recherche classique', 1436 searchBtnSwitchIA: 'Utilisez le moteur de recherche IA' 1437 }, 1438 formats: { 1439 date: 'dd/mm/YYYY', 1440 localString: 'fr' 1441 } 1442 }; 1443 1444 window.appAsyncInit = function () { 1445 1446 var core = new APP.Levant({ 1447 baseUrl: 'https://www.port-grimaud-immobilier.fr/', 1448 currentUrl: '/', 1449 section: 'selection', 1450 env: 'prod', 1451 searchEngine: '', 1452 model: 'levant', 1453 BREAKPOINT_MENU_SWITCH: '1279' 1454 }); 1455 } 1456 1457 })(); 1458</script>
1458 1459 1460 <div class="modal search-filter-full" data-modal-id="search-filter-full"> 1461 <div class="modal__body"> 1462 <button class="button_default button_icon modal__close"> 1463 <span class="modal__close-label">Fermer</span> 1464 <span class="modal__close-icon"><svg class="modal__close-drawing" width="9.679" height="9.679" viewBox="0 0 9.679 9.679"> 1465 <g transform="translate(-269.25 -5983.75)"> 1466 <path d="M9,17.929a.75.75,0,0,1-.53-1.28L16.648,8.47A.75.75,0,0,1,17.709,9.53L9.53,17.709A.748.748,0,0,1,9,17.929Z" transform="translate(261 5975.5)" /> 1467 <path d="M17.179,17.929a.748.748,0,0,1-.53-.22L8.47,9.53A.75.75,0,0,1,9.53,8.47l8.179,8.179a.75.75,0,0,1-.53,1.28Z" transform="translate(261 5975.5)" /> 1468 </g> 1469</svg></span> 1470 </button> 1471 <div class="loader_container"></div> 1472 <div class="modal__container"> 1473 <div class="modal__scroller"> 1474 <form method="post" 1475 action="" 1476 class="form-search-filter list-annonces-form js-form-search-filter open" 1477 id="js-" 1478 data-form-name="form-main"> 1479 <div class="formLine__container"> 1480 <div class="formLine__structure"> 1481 1482 1483 1484 1485 </div> 1486 <div class="form-estimate__container js_form_estimate"> 1487 <div class="form-estimate__structure"> 1488 <p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p> 1489 1490 1491 1492 1493 1494 1495<div class="form__field textfield form-estimate__input-content "> 1496 <input 1497 type="text" 1498 name="data[][adressebien]" 1499 class="textfield__input" 1500 id="f__adressebien" 1501 placeholder="Saisir votre adresse " 1502 data-label="champs texte" 1503 1504 1505 > 1506</div> 1507 1508 1509 1510 <div class="links-group "> 1511 <div class="links-group__wrapper flex "> 1512 1513 1514 1515 1516 1517 1518 <a 1519 href="/estimation?expand=estimation_pro_group#estimation-formulaires" 1520 class="links-group__link form-estimate__button cta-primary" 1521 target="" 1522 title="Estimer votre bien " 1523 > 1524 <span class=" ">Estimer votre bien</span> 1525 </a> 1526 1527 1528 </div> 1529 </div> 1530 1531 </div> 1532</div> 1533 </div> 1534 <div class="formSubmit__container"> 1535 <div class="formSubmit__structure"> 1536 <button class="js_submit_main_form button-submit__item link-email__element links-group__link button" type="button"> 1537 <span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"> 1538 <path d="M141.33 133.34l-32.69-32.69a57.26 57.26 0 10-8 8l32.69 32.66a5.66 5.66 0 008-8zm-77-23.12a45.92 45.92 0 1145.94-45.91 46 46 0 01-45.96 45.91z"/> 1539</svg> 1540</span> 1541 <span class="submit__label js_ajax_counter">Voir les <span></span> annonces</span> 1542 </button> 1543 <button class="button-reset__item js_reset_global_form" type="button"> 1544 <sp
1544an class="button-reset__item-icon"><svg class="button-reset__item-icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 1545 <path d="M17.6,23.2c2.5,0,4.6-1.7,5.3-4.1c0.2-0.5,0.7-0.7,1.2-0.5c0.4,0.2,0.7,0.6,0.6,1 1546 c-0.9,3.1-3.8,5.3-7,5.3c-4-0.1-7.2-3.3-7.3-7.3c0.1-4,3.3-7.3,7.3-7.3c1.9,0,3.7,0.7,5,2.1l0-1.7c0-0.5,0.4-0.9,0.9-0.9 1547 c0.5,0,0.9,0.4,0.9,0.9l0.1,4c0,0.5-0.4,0.9-0.9,0.9c0,0,0,0,0,0l-4-0.1c-0.5,0-0.9-0.4-0.9-0.9c0,0,0,0,0,0c0-0.5,0.4-0.9,0.9-0.9 1548 l2,0c-1-1.1-2.5-1.7-4-1.7c-3,0-5.5,2.5-5.5,5.5C12.1,20.7,14.5,23.2,17.6,23.2z"/> 1549</svg> 1550</span> 1551 <span class="submit__content">Réinitialiser</span> 1552 </button> 1553 </div> 1554 </div> 1555 <input type="hidden" id="allow_fields_form_full" name="allow_fields" value=""> 1556 </form> 1557 <div class="formReference__container"> 1558 <div class="formReference__structure"> 1559 <label class="label__item">Rechercher par référence</label> 1560 <form class="formReference__content" action="" method="GET"> 1561 <div class="form__content"> 1562 <input class="input__item" type="text" name="reference" id="reference" required placeholder="Saisir la référence / N° de dossier"> 1563 <input type="hidden" name="allow_fields" value="reference"> 1564 </div> 1565 <button class="button_item" type="submit">OK</button> 1566 </form> 1567 </div> 1568</div> <button class="modal__focus-trap"></button> 1569 </div> 1570 </div> 1571 </div> 1572 <div class="modal__background"></div> 1573 </div> 1574 <style> 1575 input[type="date" i]::-webkit-calendar-picker-indicator{ 1576 display:none 1577 } 1578 input::-webkit-date-and-time-value { 1579 text-align: left; 1580 } 1581 </style>
vendor: 67 bytes, lines 1581-1587
1581 1582 1583 1584 1585 1586 1587<script src="https://www.google.com/recaptcha/api.js?render=
15876LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU
vendor: 12 bytes, line 1587
1587"></script>
1588<style>.grecaptcha-badge { visibility: hidden;}</style> 1589
1590<script> 1591grecaptcha.ready(function() { 1592 grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: "selection"}).then(function(token) {}); 1593 });</script>
1593 1594 1595 1596</body> 1597 1598</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.