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>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/" > 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="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="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--index " data-modal-target="main-message"> 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125<header class="header header header--home header--v1 header--v1--right " id=""> 126 127 <div class="header__container lg:h-screen"> 128 129 <div class="header__decorate "> 130 </div> 131 132 <div class="header__wrapper"> 133 134 <div class="header__topbar"> 135 136 137 138 139<div class="topbar"> 140 <div class="topbar__wrapper flex justify-between p-4"> 141 <div class="js-topbar-content topbar__content " data-key="1"> 142 </div> 143 <div class="js-topbar-content topbar__content " data-key="2"> 144 </div> 145 <div class="js-topbar-content topbar__content justify-self-end flex justify-center items-center" data-key="3"> 146 147 148 149 150 <div class="rating" data-ismovable="true" data-destination="bottom" data-base="3" data-order="0"> 151 152 153 154 155 156</div> 157 158 159 160 161 162 <div class="selection flex" data-base="3" data-order="1"> 163 <a href="/selection" class="selection-icon" data-title=" bien(s) sélectionné(s)"> 164 <div class="selection-icon__badge js-selection-count">0</div> 165 <div class="selection-icon__icon"> 166 <svg xmlns="http://www.w3.org/2000/svg" class="" viewBox="0 0 150 150"> 167 <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"/> 168</svg> 169 170 </div> 171 </a> 172 </div> 173 174 175 176 177 178 179 180 181 <div class="lang" data-base="3" data-order="2"> 182 <div class="lang-switch "> 183 <form method="post" action=""> 184 <select class="js-select js-select--light lang__select " name="lang" id="lang-152349600" required> 185 <option value="fr" class="lang-switch__option lang-switch__option--fr" data-action="//www.port-grimaud-immobilier.fr/" selected> 186 <span>fr</span> 187 </option> 188 <option value="en" class="lang-switch__option lang-switch__option--en" data-action="//www.port-grimaud-immobilier.fr/" > 189 <span>en</span> 190 </option> 191 </select> 192 </form> 193 </div> 194 </div> 195 196 197 </div> 198 </div> 199</div> 200 201 202 </div> 203 204 205 <div class="header__main"> 206 <div class="header__logo logo"> 207 <a class="logo__link" href="/"> 208 <img class="logo__source " src="/images/logoSite.png" alt=""> 209 </a> 210 </div> 211 212 <div class="header__nav-toggle"> 213 <button class="global-button nav-toggle" id="nav-toggle" aria-label="Ouvrir le menu">
214 <span class="nav-toggle__label">Menu</span> 215 <span><span class="nav-toggle__lines"></span></span> 216 </button> 217 </div> 218 219 <div class="header__nav"> 220 221 222 223 224 225<!-- [BEGIN] Menu --> 226<nav aria-label="Navigation principale" class="main-nav" id="main-nav" tabindex="-1"> 227 <div class="main-nav__topbar"> 228 <div class="js-topbar-destination-top main-nav__components"> 229 230 </div> 231 <button aria-label="Fermer" class="main-nav__close"> 232 <span class="main-nav__close-text">Fermer</span> 233 <svg class="main-nav__close-icon" width="9.679" height="9.679" viewBox="0 0 9.679 9.679"> 234 <g transform="translate(-269.25 -5983.75)"> 235 <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)" /> 236 <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)" /> 237 </g> 238</svg> </button> 239 </div> 240 241 <div class="main-nav__wrapper"> 242 <div class="main-nav__navigation"> 243 <ul class="main-nav__menu menu"> 244 245 <li class="menu__item menu__item--active"> 246 <div class="menu__item-header"> 247 <a 248 href="/" 249 class="menu__link menu__link--active" 250 target="" 251 > 252 Accueil </a> 253 </div> 254 </li> 255 <li class="menu__item "> 256 <div class="menu__item-header"> 257 <a 258 href="/vente/maison-villa/1" 259 class="menu__link " 260 target="" 261 > 262 MAISONS </a> 263 </div> 264 </li> 265 <li class="menu__item "> 266 <div class="menu__item-header"> 267 <a 268 href="/vente/appartement/1" 269 class="menu__link " 270 target="" 271 > 272 APPARTEMENTS </a> 273 </div> 274 </li> 275 <li class="menu__item "> 276 <div class="menu__item-header"> 277 <a 278 href="/location/1" 279 class="menu__link " 280 target="" 281 > 282 LOUER </a> 283 </div> 284 </li> 285 <li class="menu__item "> 286 <div class="menu__item-header"> 287 <a 288 href="/estimation" 289 class="menu__link " 290 target="" 291 > 292 ESTIMER </a> 293 </div> 294 </li> 295 <li class="menu__item "> 296 <div class="menu__item-header"> 297 <a 298 href="/mon-agence" 299 class="menu__link " 300 target="" 301 > 302 MON AGENCE </a> 303 </div> 304 </li> 305 <li class="menu__item "> 306 <div class="menu__item-header"> 307 <a 308 href="/ma-newsletter" 309 class="menu__link " 310 target="" 311 > 312 MA NEWSLETTER </a> 313 </div> 314 </li> 315 <li class="menu__item "> 316 <div class="menu__item-header"> 317 <a 318 href="/contact" 319 class="menu__link " 320 target="" 321 > 322 Contact </a> 323 </div> 324 </li> </ul> 325 </div> 326 </div> 327 328 <div class="js-topbar-destination-bottom main-nav__footer"> 329 330 </div> 331 332</nav> 333<!-- [END] Menu --> 334 335 </div> 336 </div> 337 338 <div class="header__secondary"> 339 340 <div class="header__title"> 341 342 343 344 345<div id="" class="title-v1 "> 346 <h1 class="title-v1__part1">Votre projet immobilier se concrétise</h1>
347 <span class="title-v1__part2 line-clamp-2">Trouvez votre bien idéal</span> 348 </div> 349 350 </div> 351 <div class="js-search-base hidden header__search header__search-v1" > 352 353 <div class="form-search-filter__container "> 354 <form method="post" action="/nos-biens/xdpezdofyyytkyf3/1" data-short-label="true" class="form-search-filter list-annonces-form js-form-search-filter open" 355 id="js-main"> 356 <div class="formLine__container"> 357 358 359 360 <div class="line__container line1__container"> 361 <div class="line__container__structure"> 362 <div class="line__structure section0 canHidden "> 363 <div class="form__field form-offredem__field" data-component-name="offredem"> 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio"> 383 <div class="form__structure"> 384 <ul class="form__content"> 385 <li class="list-elements__structure js_change_form_parent"> 386 <span data-init="acheter" class=" js_change_form_parent_active button-select__element active">ACHETER <span class="button-select__element__text">De l'ancien</span><span class="button-select__element__icon"><svg xmlns="http://www.w3.org/2000/svg" class="" width="5.756" height="10.008" viewBox="0 0 5.756 10.008"> 387 <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)"/> 388</svg> 389</span></span> 390 <ul class="elements__content"> 391 <li class="item-element"> 392 <input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_0" 393 value="0" checked="checked" data-search-field="offredem" 394 data-search-id="offredem0" 395 data-search-label="De l'ancien" 396 > 397 <label data-form="js-form-search-filter" class="js_change_form item-label" for="main__offredem__0_0" data-search-id="offredem0" data-search-label="De l'ancien">
398 <span class="radio__item-span"></span> 399 <span class="radio__item-text">De l'ancien</span> 400 </label> 401 </li> 402 <li class="item-element"> 403 <input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_10" 404 value="10" data-search-field="offredem" 405 data-search-id="offredem10" 406 data-search-label="De l'immo pro" 407 > 408 <label data-form="js-form-search-filter" class="js_change_form item-label" for="main__offredem__0_10" data-search-id="offredem10" data-search-label="De l'immo pro"> 409 <span class="radio__item-span"></span> 410 <span class="radio__item-text">De l'immo pro</span> 411 </label> 412 </li> 413 </ul> 414 </li> 415 <li class="list-elements__structure"> 416 <button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button> 417 </li> 418 </ul> 419 </div> 420 <div class="link-email__content"> 421 <a href="/alerte-email" class="link-email__element links-group__link button"> 422 <span class="link-email__content-label">Créez votre alerte e-mail</span> 423 <span class="link-email__content-icon"><svg xmlns="http://www.w3.org/2000/svg" class="link-email__content-icon-svg" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 424 <g transform="translate(-4.25 -4.25)"> 425 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 426 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 427 </g> 428</svg> 429</span> 430 </a> 431 </div> 432</div> 433</div> 434 </div> 435 </div> 436 </div> 437 <div class="line__container line2__container"> 438 <div class="line__container__structure"> 439 <div class="line__structure section0 canHidden "> 440 <div class="form__field form-type__field" data-component-name="type"><div class="formSelect__container formSelect__container__type" data-search-component="type" data-search-field-type="select"> 441 <div class="formSelect__structure"> 442 <label class="label-element" for="main__type__0">Type de bien</label> 443 <div class="formSelect__content"> 444 <select multiple name="type[]" id="main__type__0" class="select__input js-select-search" data-field="type[]"> 445 <option value="2" data-text="Appartement" class=""> 446 Appartement 447 </option> 448 <option value="20" data-text="Autre" class=""> 449 Autre 450 </option> 451 <option value="1" data-text="Maison" class=""> 452 Maison 453 </option> 454 <option value="26" data-text="Rez de jardin" class=""> 455 Rez de jardin 456 </option> 457 </select> 458 </div> 459 </div> 460</div> 461</div> 462 <div class="form__field form-commerce__field" data-component-name="commerce"></div> 463 </div> 464 <div class="line__structure section1 canHidden "> 465 <div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation" 466 data-search-field-type="localizator"> 467 <div class="formSelect__structure"> 468 <div class="formSelect__content"> 469 <div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0" 470 data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch" 471 data-field="localisation[loc][]" 472 > 473 <div class="localizator__summary"> 474 <div class="localizator__values"> 475 <div class="localizator__value localizator__value--count"></div> 476 <div class="localizator__hidden"></div> 477 </div> 478 </div> 479 <div class="localizator__content"> 480 <div class="localizator__input textfield"> 481 <input class="textfield__input" type="text" spellcheck="false" 482 placeholder="Localisation"> 483 </div> 484 <div class="ss-add"><span class="ss-plus"></span></div> 485 <div class="localizator__search"> 486 <div class="localizator__select"> 487 <select class="js-select js-select--custom js-select--main" multiple="multiple"> 488 </select> 489 </div> 490 </div> 491 492 <div class="localizator__values-container"> 493 <div class="localizator__values"> 494 495 </div> 496 <div class="localizator__extra"> 497 <div class="radios"> 498 <fieldset class="radios__fieldset"> 499 <legend class="radios__legend">Dans un rayon de</legend> 500 <ul class="radios__group"> 501 <li class="radios__item"> 502 <div class="radio"> 503 504 <input 505 class="input_radio_element" 506 type="radio" 507 name="localisation[distance]" 508 value="5" 509 id="main__localisation__0_distance_5" 510 data-field="localisation[distance]" 511 data-search-label="autour de 5 km" 512 /> 513 <label class="label_radio_element" for="main__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label> 514 </div> 515 </li> 516 <li class="radios__item"> 517 <div class="radio"> 518 519 <input 520 class="input_radio_element" 521 type="radio" 522 name="localisation[distance]" 523 value="10" 524 id="main__localisation__0_distance_10" 525 data-field="localisation[distance]" 526 data-search-label="autour de 10 km" 527 /> 528 <label class="label_radio_element" for="main__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label> 529 </div> 530 </li> 531 <li class="radios__item"> 532 <div class="radio"> 533 534 <input 535 class="input_radio_element" 536 type="radio" 537 name="localisation[distance]" 538 value="15" 539 id="main__localisation__0_distance_15" 540 data-field="localisation[distance]" 541 data-search-label="autour de 15 km" 542 /> 543 <label class="label_radio_element" for="main__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label> 544 </div> 545 </li> 546 <li class="radios__item"> 547 <div class="radio"> 548 549 <input 550 class="input_radio_element" 551 type="radio" 552 name="localisation[distance]" 553 value="20" 554 id="main__localisation__0_distance_20" 555 data-field="localisation[distance]" 556 data-search-label="autour de 20 km" 557 /> 558 <label class="label_radio_element" for="main__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label> 559 </div> 560 </li> 561 <li class="radios__item"> 562 <div class="radio"> 563 564 <input 565 class="input_radio_element" 566 type="radio" 567 name="localisation[distance]" 568 value="25" 569 id="main__localisation__0_distance_25" 570 data-field="localisation[distance]" 571 data-search-label="autour de 25 km" 572 /> 573 <label class="label_radio_element" for="main__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label> 574 </div> 575 </li> 576 <li class="radios__item"> 577 <div class="radio"> 578 579 <input 580 class="input_radio_element" 581 type="radio" 582 name="localisation[distance]" 583 value="30" 584 id="main__localisation__0_distance_30" 585 data-field="localisation[distance]" 586 data-search-label="autour de 30 km" 587 /> 588 <label class="label_radio_element" for="main__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label> 589 </div> 590 </li> 591 </ul> 592 </fieldset> 593 </div> 594 </div> 595 </div> 596 </div> 597 <div class="localizator__plus"></div> 598 </div> 599 </div> 600 </div> 601</div> 602 603 604 605</div> 606 </div> 607 <div class="line__structure section2 canHidden "> 608 <div class="form__field form-prices__field" data-component-name="prices"> 609<div class="formRange__container range " data-search-component="prices" data-search-field-type="range" data-min="70000" 610 data-max="5250000" data-search-label="Budget"> 611 <div class="formRange__structure"> 612 <label for="main__prices__0" 613 class="formRange__label">Budget </label> 614 <div class="range__input" tabindex="0" data-steps="" data-id="price"> 615 <div class="formRange__content range__summary"> 616 Budget 617 </div> 618 <div class="range__plus"></div> 619 <div class="range__content"> 620 <div class="range__slider"></div> 621 <div class="range__preview"> 622 <div class="range__highlight">
623 <span class="range__text">Mini</span> 624 <input name="prices[min]" type="number" value="70000" class="range__input range__input-min" data-field="prices[min]"> 625 <input type="hidden" name="prices[rmin]" value="70000" class="range__input-rmin"> 626 <span class="range__unit">â¬</span> 627 </div> 628 <div class="range__highlight"> 629 <span class="range__text">Maxi</span> 630 <input name="prices[max]" type="number" value="5250000" class="range__input range__input-max" data-field="prices[max]"> 631 <input type="hidden" name="prices[rmax]" value="5250000" class="range__input-rmax"> 632 <span class="range__unit">â¬</span> 633 </div> 634 </div> 635 <div class="formRange__reset-content"> 636 <button type="reset" class="button__reset-button"> 637 <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 638 <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 639 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 640 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 641 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"/> 642</svg> 643</span> 644 <span class="button__reset-label">Réinitialiser ce filtre</span> 645 </button> 646</div> 647 </div> 648 </div> 649 </div> 650</div> 651</div> 652 <div class="form__field form-loyer__field" data-component-name="loyer"></div> 653 </div> 654 <div class="line__structure section3 canHidden hidden"> 655 <div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div> 656 </div> 657 <div class="line__structure section4 canHidden hidden"> 658 <div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div> 659 </div> 660 </div> 661 <div class="button_Content"> 662 <button type="button" class="form-search-filter_btn-toggle filter_button_item link-email__element links-group__link button" data-modal-target="search-filter-full" 663 aria-label="Ouvrir le formulaire de recherche"> 664 <span class="search__icon"><svg xmlns="http://www.w3.org/2000/svg" width="16.196" height="10.806" viewB
664ox="0 0 16.196 10.806" class=""> 665 <g transform="translate(-1158.48 -6877.696)"> 666 <path data-name="Tracé 32183" d="M15.3,0H.9a.9.9,0,0,0,0,1.8H15.3a.9.9,0,0,0,0-1.8" transform="translate(1158.48 6877.696)"/> 667 <path data-name="Tracé 32184" d="M12.877,4.949H3.852a.9.9,0,1,0,0,1.8h9.025a.9.9,0,1,0,0-1.8" transform="translate(1158.214 6877.25)"/> 668 <path data-name="Tracé 32185" d="M9.6,9.9H7.852a.9.9,0,1,0,0,1.8H9.6a.9.9,0,1,0,0-1.8" transform="translate(1157.854 6876.805)"/> 669 </g> 670</svg> 671</span> 672 <span class="search__label">Filtrer</span> 673 </button> 674 <button type="button" class="js_submit_main_form submit_button_item link-email__element links-group__link button"> 675 <span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"> 676 <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"/> 677</svg> 678</span> 679 <span class="submit__label js_ajax_counter">Voir les <span>59</span> annonces</span> 680 </button> 681 </div> 682 </div> 683 684 <div class="line__container line3__container"> 685 <div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble"> 686 <div class="formBubble__structure"> 687 <ul class="formBubble__content"></ul> 688 </div> 689 <button type="button" class="button-more__element js_button-more__element"></button> 690</div> <button type="reset" class="reset_button_item js_reset_global_form"> 691 <span class="reset__icon"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 692 <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 693 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 694 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 695 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"/> 696</svg> 697</span> 698 <span class="reset__label">Réinitialiser</span> 699 </button> 700 </div> 701 702 <div class="form-estimate__container js_form_estimate"> 703 <div class="form-estimate__structure"> 704 <p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p> 705 706 707 708 709 710 711<div class="form__field textfield form-estimate__input-content "> 712 <input 713 type="text" 714 name="data[][adressebien]" 715 class="textfield__input" 716 id="f__adressebien" 717 placeholder="Saisir votre adresse " 718 data-label="champs texte" 719 720 721 > 722</div> 723 724 725 726 <div class="links-group "> 727 <div class="links-group__wrapper flex "> 728 729 730 731 732 733 734 <a 735 href="/estimation?expand=estimation_pro_group#estimation-formulaires" 736 class="links-group__link form-estimate__button cta-primary" 737 target="" 738 title="Estimer votre bien " 739 > 740 <span class=" ">Estimer votre bien</span> 741 </a> 742 743 744 </div> 745 </div> 746 747 </div> 748</div> 749 </div> 750 <input type="hidden" name="allow_fields" value="offredem,type,localisation,prices,reference"> 751 <div class="loader_container"></div> 752 </form> 753 </div> 754 755 756 </div> 757 758 <div class="js-search-ia hidden header__search header__search-ia" data-default="true"> 759 760<div id="ia-search" class="ia-search container mx-auto flex-1 justify-between flex flex-col max-w-[51rem] relative"> 761 <div class="ia-search__top ia-search__top--2 flex justify-center"> 762 <button id="" class="ia-search__input-voice ia-search__decorate flex justify-center mb-2" title="Lancer la recherche vocale"> 763 <svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg" width="206.7" height="206.7" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
763ox="0 0 206.7 206.7"> 764 <defs> 765 <clipPath id="clippath_ia"> 766 <rect x="81.5" y="79.3" width="43.7" height="59.6" fill="none"/> 767 </clipPath> 768 </defs> 769 <g> 770 <g> 771 <g data-name="Calque_1"> 772 <path class="ia-search__svg-badge" d="M103.4,32.3h0c42.5,0,77,34.5,77,77h0c0,42.5-34.5,77-77,77h0c-42.5,0-77-34.5-77-77h0c0-42.5,34.5-77,77-77h0Z" fill="#eab361" stroke="#eab361" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="10"/> 773 <path class="ia-search__svg-line1" d="M202.4,124.3c-.3-8.5-2.2-17.8-6-28.4-11-31-30.5-52.4-45-62.1-9.4-6.2-20.5-13.3-31.6-18.4-12.2-5.6-22.4-8-31.4-7.4-13.4,1-26.3,4.5-38.5,10.5-11.3,5.5-21.3,13.1-29.6,22.6-7.8,10.1-12.9,22.1-14.9,34.8-1.8,10.7-1.5,22.2.7,34.4,4,22.1,13.1,39.5,15.8,44.3,5.3,9.1,14.3,17.3,26.2,23.8,13.2,7.1,29.5,12,48.3,14.6,4.1.5,8.3.8,12.4.8h.4c6.6,0,13.2-.8,19.6-2.2,10-2.2,20.1-5.8,31.1-11.2,20.2-9.8,32.3-20.4,38.2-33.3,3.1-6.8,4.5-14.2,4.2-22.7h0ZM197.3,146.7c-5.8,12.7-17.8,23.1-37.8,32.8-23,11.2-43,15.1-62.9,12.4-35.7-4.9-62.6-18.7-73.8-37.9-1.9-3.4-11.6-21.3-15.7-43.9-4.8-26.9,0-49.9,14-68.4C37.5,23,62.1,11.1,88.5,9c19.1-1.5,42.2,12.2,62.4,25.7,14.4,9.6,33.7,30.8,44.6,61.6,7.3,20.6,7.9,37.1,1.8,50.4h0Z" fill="#eab361"/> 774 <g clip-path="url(#clippath_ia)"> 775 <g> 776 <path class="ia-search__svg-micro" d="M103.3,82.6c-4.4,0-7.9,3.6-7.9,7.9h0v18.5c0,4.4,3.6,7.9,7.9,7.9s7.9-3.6,7.9-7.9v-18.5c0-4.4-3.6-7.9-7.9-7.9h0Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/> 777 <path class="ia-search__svg-micro" d="M121.8,103.8v5.3c0,10.2-8.3,18.5-18.5,18.5s-18.5-8.3-18.5-18.5v-5.3" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/> 778 <line class="ia-search__svg-micro" x1="103.3" y1="127.6" x2="103.3" y2="135.6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/> 779 </g> 780 </g> 781 <path class="ia-search__svg-line2" d="M115.6,191.7c-9.3,0-21.5-1.7-40.5-5.8-25-5.4-35.8-16.8-46.9-35.9-.9-1.6-21.5-38.3,18.4-90.3.6-.8,16.9-23.6,45.6-34,35.8-13.1,52.6,2.9,57,8,8.8,10.6,25.1,37.4,32.8,60.2,7.6,22.5-1,77.5-29,87.9-2.7,1-5.1,1.9-7.4,2.9-10.8,4.2-18,7-29.9,7h-.1ZM117.8,22.9c-6.9,0-15.2,1.4-24.8,4.9-28.5,10.4-44.4,33-44.6,33.2h0c-39,50.9-19,86.4-18.2,87.9,11,19,21.2,29.5,45.5,34.9,42.6,9.3,50.4,6.3,69.1-1.1,2.3-.9,4.7-1.8,7.4-2.9,26.9-10,35.1-63.3,27.7-85.1-7.6-22.5-23.6-49-32.4-59.4-2.9-3.5-12-12.2-29.6-12.2h0v-.2Z" fill="#eab361"/> 782 <path class="ia-search__svg-line3" d="M76.9,195.5c-26,0-45.9-11.6-59.4-34.7-8.3-14.1-23.7-65,11.9-111.5h0c17-19.5,43.3-31.6,74-34,1.9-.2,3.8-.3,5.5-.5,17.6-1.5,30.3-2.6,48.1,13.1,6.1,5.4,12.1,18.1,18.9,32.8,5.1,11.1,10.5,22.5,16.5,32.1,8.4,13.5,9.7,35.1,3.2,54.9-6.3,19.1-18.8,33.6-34.3,39.8-14.3,5.7-18,5.2-24.8,4.3-6.6-.9-16.5-2.3-43.9,2.1-5.3.8-10.6,1.3-15.9,1.3h0v.2h.2ZM30.4,50.2c-35.8,46.7-18.4,98.6-11.8,110,15.7,27,40.6,38.1,73.9,32.7,27.5-4.4,37.6-3,44.3-2.1,6.5.9,10.2,1.4,24.1-4.2,15.2-6.1,27.4-20.3,33.5-39,6.4-19.5,5.1-40.6-3.1-53.8-6.1-9.7-11.4-21.2
782-16.6-32.3-6.5-14-12.7-27.2-18.6-32.4-17.3-15.4-29.2-14.4-47.1-12.8-1.8.2-3.6.3-5.5.5-30.4,2.3-56.3,14.2-73.1,33.4h0Z" fill="#eab361"/> 783 <path class="ia-search__svg-line4" d="M114.4,198.8c-6,0-12.1-.5-18.1-1.3-40.6-5.6-64.9-17.3-76.4-37.2-3.8-6.5-11.5-24.5-14.2-46.5-3.4-28.5,2.6-53,18-73.1h0C40.4,21.5,59,13.1,89.8,10.8c21.1-1.6,42.5,4.7,63.8,18.9,15.1,10.1,28.6,31.5,40,63.5,8.5,24,10.4,41.9,6.1,56.4-4.6,15.5-16.4,27.4-36.9,37.4-16.3,7.9-31.5,11.7-48.4,11.7h0ZM24.2,41.2c-33.8,44.1-13.5,102.1-3.8,118.9,11.4,19.7,35.6,31.3,76,36.8,24.6,3.4,44.4.3,66.2-10.3,39-19,47.5-45,30.4-93-11.1-31.5-24.9-53.3-39.7-63.2-21.1-14.1-42.5-20.4-63.4-18.8-30.7,2.3-49.1,10.7-65.7,29.7h0Z" fill="#eab361"/> 784 <g> 785 <path d="M103.4,30.9h0c43.2,0,78.2,35,78.2,78.2h0c0,43.2-35,78.2-78.2,78.2h0c-43.2,0-78.2-35-78.2-78.2h0c0-43.2,35-78.2,78.2-78.2h0Z" fill="none"/> 786 </g> 787 </g> 788 </g> 789 </g> 790</svg> 791 </button> 792 </div> 793 <div id="ia-search__dialog" class="ia-search__dialog max-h-[460px] h-0 rounded-bl-md rounded-br-md absolute bottom-0 w-full overflow-hidden" data-open="null"> 794 <div class="ia-search__control flex justify-end py-3"> 795 <button class="js-search-reduce ia-search__btn-reduce w-[28px] h-[28px] flex items-center justify-center rounded-md mr-2"> 796 <svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg ia-search__svg--moins" width="9.5" height="1.5" viewBox="0 0 9.5 1.5"> 797 <g transform="translate(-0.107 -5.25)"> 798 <g transform="translate(0.857 6)"> 799 <line class="svg__primary--stroke" x2="8" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 800 </g> 801 </g> 802</svg> 803 804 <svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg ia-search__svg--plus" width="9.5" height="9.5" viewBox="0 0 9.5 9.5"> 805 <path class="svg__primary--fill" d="M1277,2747.75v-3.25h-3.251a.75.75,0,0,1,0-1.5H1277v-3.25a.75.75,0,0,1,1.5,0V2743h3.249a.75.75,0,1,1,0,1.5H1278.5v3.25a.75.75,0,1,1-1.5,0Z" transform="translate(-1273 -2739)" fill="#0c5c6b"/> 806</svg> 807 808 </button> 809 </div> 810 <div id="ia-search__messages" class="ia-search__messages max-h-[350px] flex flex-col space-y-4 p-3 overflow-y-auto scroll-smooth overscroll-x-none overscroll-y-contain"> 811 </div> 812 </div> 813 <div class=""> 814 <div class="relative flex z-[95000]"> 815 <div id="ia-search__input" class="w-full"> 816 <input id="ia-search__input__field" class="w-full focus:outline-none pl-12 pr-24 rounded-md py-4" placeholder="Indiquez vos critères de recherche..."> 817 </div> 818 <div id="ia-search__input-text" class="w-[1px] h-[1px] absolute hidden"> 819 <input id="ia-search__input__field-text" class="w-full focus:outline-none pl-12 pr-24 rounded-md py-4" placeholder=""> 820 </div> 821 <span class="absolute left-5 inset-y-0 flex items-center"> 822 <svg xmlns="http://www.w3.org/2000/svg" width="14.873" height="14.873" viewBox="0 0 14.873 14.873"> 823 <g transform="translate(0.75 0.75)"> 824 <path d="M6-.75A6.75,6.75,0,1,1-.75,6,6.758,6.758,0,0,1,6-.75Zm0,12A5.25,5.25,0,1,0,.75,6,5.256,5.256,0,0,0,6,11.25Z" fill="#25282b"/> 825 <path d="M19.781,20.531a.748.748,0,0,1-.53-.22L16.17,17.23A.75.75,0,0,1,17.23,16.17l3.081,3.081a.75.75,0,0,1-.53,1.28Z" transform="translate(-6.408 -6.408)" fill="#25282b"/> 826 </g> 827 </svg> 828 </span> 829 <!-- ia-search__button-action inline-flex items-center justify-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2 --> 830 <div id="" class="absolute right-10 h-full flex items-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2"> 831 <div id="modal-ia-vocal" data-modal-id="modal-ia-vocal" class="tooltip-ia" role="dialog" aria-modal="true" aria-expanded="true"> 832 <div class="modal__body"> 833 <button class="modal__close"> 834 <svg class="modal__close-drawing" x="0px" y="0px"
835 viewBox="0 0 150 150" style="enable-background:new 0 0 150 150;" xml:space="preserve"> 836 <g> 837 <g> 838 <g> 839 <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 840 134.5,127.5 81.9,75 "/> 841 </g> 842 </g> 843 </g> 844</svg> 845 </button> 846 <div class="modal__container"> 847 <div class="modal__scroller"> 848 <div class="modal__text" data-modal-var="text"> 849 Il semblerait que votre microphone ne fonctionne pas ou votre navigateur n'est pas compatible 850 </div> 851 <button class="modal__focus-trap"></button> 852 </div> 853 </div> 854 </div> 855</div> 856 <button type="button" id="" class="ia-search__input-voice ia-search__button-action ia-search__button-action--voice inline-flex rounded-lg items-center justify-center transition duration-500 ease-in-out"> 857 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5"> 858 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path> 859 </svg> 860 </button> 861 </div> 862 <div id="ia-search__button" class="absolute right-0 items-center inset-y-0 flex"> 863 <button class="ia-search__button-action ia-search__button-action--submit inline-flex items-center justify-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2"> 864 <svg width="12.615" height="12.03" viewBox="0 0 12.615 12.03" xmlns="http://www.w3.org/2000/svg"> 865 <path d="M3,2.25a.749.749,0,0,1,.321.072L14.436,7.587a.75.75,0,0,1,0,1.356L3.321,14.208a.75.75,0,0,1-1.033-.915L3.964,8.265,2.288,3.237A.75.75,0,0,1,3,2.25Zm9.363,6.015L4.267,4.43l1.2,3.6a.75.75,0,0,1,0,.474l-1.2,3.6Z" transform="translate(-3 -3)" fill="#fff"></path> 866 <path d="M15.36,12.75H6a.75.75,0,0,1,0-1.5h9.36a.75.75,0,1,1,0,1.5Z" transform="translate(-4.245 -6.735)" fill="#fff"></path> 867 </svg> 868 </button> 869 </div> 870 </div> 871 </div> 872</div> 873
874<script type="text/javascript"> 875 'use strict'; 876 document.addEventListener("DOMContentLoaded", () => { 877 let debounceTimeOut; 878 let isVocalSearch = false; 879 let sended = false; 880 let history = []; 881 882 function addElementHistory(element) { 883 history.push(element); 884 } 885 886 function debounce(func, delay) { 887 let timeoutId 888 return function(...args) { 889 clearTimeout(timeoutId); 890 timeoutId = setTimeout(() => { 891 func.apply(this, args); 892 }, delay); 893 } 894 } 895 896 function sendMessage(event) { 897 if(sended == true) { 898 return; 899 } 900 document.querySelector('#ia-search__button svg').classList.add("animate-pulse"); 901 sended = true; 902 903 let searchTextInput = document.getElementById('ia-search__input__field').value; 904 905 if(searchTextInput === '' || searchTextInput === undefined) { 906 sended = false; 907 document.querySelector('#ia-search__button svg').classList.remove("animate-pulse"); 908 return; 909 } 910 911 document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML += 912 `<div class="chat-message "> 913 <div class="flex items-end justify-end"> 914 <div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-2 items-start"> 915 <div> 916 <span class="ia-search__message px-4 py-2 rounded-lg inline-block rounded-bl-none"> 917 ` + searchTextInput + ` 918 </span> 919 </div> 920 </div> 921 </div> 922 </div>`; 923 924 const el = document.getElementById('ia-search__messages'); 925 el.scrollTop = el.scrollHeight; 926 var searchDialog = document.getElementById('ia-search__dialog'); 927 928 if(searchDialog.dataset?.open) { 929 searchDialog.dataset.open = "true"; 930 } 931 932 const requestOptions = { 933 method: 'POST', 934 headers: { 'Content-Type': 'application/json', 'Cache-Control': 'no-cache, no-store, max-age=0', 'Pragma': 'no-cache'}, 935 body: JSON.stringify({ data: { "input": searchTextInput.toString(), "history": history}, meta_data: { vocal_search: isVocalSearch} }) 936 }; 937 938 fetch("i/listAnnonces/getSearchIAResponse", requestOptions) 939 .then(res => res.json()) 940 .then( 941 (result) => { 942 let response; 943 document.getElementById('ia-search__input__field').value = ""; 944 if(result["content"].length > 0) { 945 let message = result["content"]; 946 if(message !== '' && message !== undefined) { 947 document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML += 948 `<div class="chat-message relative ml-5"> 949 <div class="chat-message__bullet absolute w-[3rem] h-[3rem] rounded-full overflow-hidden -top-7 -left-4 flex items-center justify-center"> 950 <img class="object-contain rounded-full w-[2.5rem] h-[2.5rem]" src="images/avatarIA.png" alt=""> 951 </div> 952 <div class="chat-message__item flex items-end"> 953 <div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-1 items-end"> 954 <div> 955 <span class="ia-search__message ia-search__message--generate px-4 pl-6 py-2 rounded-lg inline-block rounded-br-none"> 956 ` + 957 message 958 + ` 959 </span> 960 </div> 961 </div> 962 </div> 963 </div>`; 964 const el = document.getElementById('ia-search__messages'); 965 el.scrollTop = el.scrollHeight; 966 } 967 } 968 if(result["additional_kwargs"]["tool_calls"]) { 969 let lastToolCalls = result["additional_kwargs"]["tool_calls"].pop(); 970 let params = JSON.parse(lastToolCalls["function"]["arguments"]); 971 972 //build url for match with current search engine 973 let allow_fields = ''; 974 let url_params = ''; 975 Object.keys(params).map((key, index) => { 976 if(key !== undefined) { 977 if(typeof(params[key]) === 'object') { 978 let paramName = key; 979 let nestedParam = params[key]; 980 Object.keys(nestedParam).map(async (key, index) => { 981 if (allow_fields === '') { 982 allow_fields += paramName; 983 if (paramName === "type") { 984 url_params += paramName + "[]=" + nestedParam[key]; 985 } else { 986 url_params += paramName + "[" + key + "]=" + nestedParam[key]; 987 } 988 } else { 989 if (paramName === "type" || paramName === "city" ) { 990 url_params += "&" + paramName + "[]=" + nestedParam[key]; 991 } else { 992 url_params += "&" + paramName + "[" + key + "]=" + nestedParam[key]; 993 } 994 995 if(allow_fields.indexOf(paramName) === -1) { 996 allow_fields += "," + paramName; 997 } 998 } 999 }); 1000 } else { 1001 if(allow_fields === '') { 1002 allow_fields += key; 1003 if (key === "offredem" || key === "city") { 1004 url_params += key + "[]=" + params[key]; 1005 } else { 1006 url_params += key + "=" + params[key]; 1007 } 1008 } else { 1009 if(allow_fields.indexOf(key) === -1) { 1010 allow_fields += "," + key; 1011 } 1012 if (key === "offredem" || key === "city") { 1013 url_params += "&" + key + "[]=" + params[key]; 1014 } else { 1015 url_params += "&" + key + "=" + params[key]; 1016 } 1017 } 1018 } 1019 } 1020 }); 1021 1022 let urlSearchParams = url_params + "&allow_fields="
1022+allow_fields; 1023 1024 fetch("/i/listAnnonces/getSearchResultUrl?"+urlSearchParams, requestOptions) 1025 .then(res => res.json()) 1026 .then( 1027 (result) => { 1028 let resultHTML = ""; 1029 if(result["count"] > 0) { 1030 resultHTML = `Nous avons trouvé ` + result["count"] + ` bien(s) correspondant à votre recherche ! <br /> <br /> 1031 <a class="cta-primary inline-flex items-center justify-center" href="`+ result["url"] +`" target="_blank"> 1032 <span class="cta-primary__text">Voir les résultats</span> 1033 <svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 1034 <g transform="translate(-4.25 -4.25)"> 1035 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"></path> 1036 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"></path> 1037 </g> 1038 </svg> 1039 </a>` 1040 } else { 1041 resultHTML = `Nous n'avons pas trouvé de résultats à votre recherche` 1042 } 1043 1044 document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML += 1045 `<div class="chat-message relative ml-5"> 1046 <div class="chat-message__bullet absolute w-[3rem] h-[3rem] rounded-full overflow-hidden -top-7 -left-4 flex items-center justify-center"> 1047 <img class="object-contain rounded-full w-[2.5rem] h-[2.5rem]" src="images/avatarIA.png" alt=""> 1048 </div> 1049 <div class="chat-message__item flex items-end"> 1050 <div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-1 items-end"> 1051 <div> 1052 <span class="ia-search__message ia-search__message--generate px-4 pl-6 py-2 rounded-lg inline-block rounded-br-none"> 1053 ` + 1054 resultHTML 1055 + ` 1056 </span> 1057 </div> 1058 </div> 1059 </div> 1060 </div>`; 1061 1062 const el = document.getElementById('ia-search__messages'); 1063 el.scrollTop = el.scrollHeight; 1064 1065 }, 1066 (error) => { 1067 console.error(error); 1068 } 1069 ) 1070 } 1071 1072 addElementHistory({ "role": "human","content": searchTextInput.toString() }); 1073 1074 if(result["content"].length > 0){ 1075 addElementHistory({ "role": "assistant","content": result["content"] }); 1076 } 1077 1078 sended = false;
1079 isVocalSearch = false; 1080 document.querySelector('#ia-search__button svg').classList.remove("animate-pulse"); 1081 return; 1082 }, 1083 (error) => { 1084 console.error(error); 1085 } 1086 ); 1087 } 1088 1089 document.getElementById('ia-search__button').addEventListener("click", debounce(sendMessage, 200)); 1090 1091 //Micro - speech api 1092 let textInput = document.getElementById('ia-search__input__field'); 1093 textInput.addEventListener('keydown', (event) => { 1094 if (event.key === 'Enter') { 1095 debounceTimeOut = setTimeout(() => { 1096 let btnSubmit = document.querySelector('.ia-search__button-action--submit'); 1097 btnSubmit.click(); 1098 }, 1000); 1099 } 1100 }); 1101 1102 const speechButtons = document.querySelectorAll(".ia-search__input-voice"); 1103 const speechText = document.querySelector('#ia-search__input__field'); 1104 1105 window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; 1106 1107 if(window.SpeechRecognition){ 1108 let recognition = new SpeechRecognition(); 1109 recognition.lang = 'fr-FR'; 1110 recognition.interimResults = true; 1111 //recognition.continuous = true; 1112 let isRecording = false; 1113 1114 recognition.onstart = function(){ 1115 isRecording = true; 1116 } 1117 1118 recognition.onend = function(){ 1119 isRecording = false; 1120 } 1121 1122 recognition.onresult = function(event) { 1123 const transcript = Array.from(event.results).map(result => result[0]).map(result => result.transcript).join(''); 1124 speechText.value = transcript; 1125 } 1126 1127 recognition.onerror = function(event) { 1128 console.error("Speech recognition error", event.error); 1129 }; 1130 1131 recognition.addEventListener("soundend", () => { 1132 for (var i = 0; i < speechButtons.length; i++) { 1133 var speechButton = speechButtons[i]; 1134 speechButton.querySelector('svg').classList.remove("animate-pulse"); 1135 } 1136 }); 1137 1138 for (var i = 0; i < speechButtons.length; i++) { 1139 var speechButton = speechButtons[i]; 1140 1141 speechButton.addEventListener('click', (e) => { 1142 isVocalSearch = true; 1143 e.srcElement.querySelector('svg').classList.add("animate-pulse"); 1144 if(!isRecording) { 1145 try { 1146 recognition.start(); 1147 } catch (error) { 1148 console.error("Error: start recording", error) 1149 } 1150 } 1151 1152 }); 1153 } 1154 1155 } else { 1156 console.warn("This browser does not support Speech Recognition API"); 1157 } 1158 }); 1159</script>
1159 1160 </div> 1161 1162 <div class="header__search-action flex justify-center mt-4"> 1163 <button class="js-search-switch cta-quinquennial"> 1164 <span class="js-search-switch-text cta-quinquennial__text"> 1165 Utilisez le moteur de recherche classique 1166 </span> 1167 <svg xmlns="http://www.w3.org/2000/svg" class="cta-quinquennial__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 1168 <g transform="translate(-4.25 -4.25)"> 1169 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"></path> 1170 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"></path> 1171 </g> 1172 </svg> 1173 </button> 1174 </div> 1175 1176 </div> 1177 1178 1179 </div> 1180 1181 </div> 1182</header> 1183 1184 1185<div data-scroll> 1186 <div class="body__wrapper"> 1187 1188 1189 1190 1191<main id="main" class="home main"> 1192 <div class="main__wrapper"> 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208<section id="" class="cro-v2 "> 1209 <div class="cro-v2__container container px-6 lg:px-8 mx-auto py-8"> 1210 <div class="cro-v2__wrapper "> 1211 <div class="cro-v2__content "> 1212 <div class="cro-v2__title"> 1213 1214 1215 1216 1217<div id="" class="title-v1 "> 1218 <h2 class="title-v1__part1">à propos</h2> 1219 <span class="title-v1__part2 line-clamp-2"><span translate='no' lang='fr' >ABC IMMOBILIER vous accompagne</span></span> 1220 </div> 1221 1222 </div> 1223 <div class="cro-v2__container-text "> 1224 <div class="cro-v2__text-block editorial"> 1225 <p style="text-align:center"><span style="font-size:18px">Implantées au coeur de Port Grimaud nos 2 agences immobilières accompagnent depuis plusieurs années propriétaires et acquéreurs dans leurs projets immobiliers.<br /> 1226<br /> 1227Spécialisés dans la VENTE et la LOCATION d'appartements, de maisons avec amarrage et de biens de prestige, nous mettons notre parfaite connaissance du marché local au service de votre réussite.</span><br /> 1228 </p> 1229 1230<p style="text-align:center"><span style="font-size:18px"> Que vous souhaitiez acheter une résidence secondaire, investir ou vendre votre bien à Port Grimaud, notre équipe vous propose un accompagnement personnalisé, de l'estimation jusqu'à la signature chez le notaire. </span><br /> 1231 </p> 1232 1233<p style="text-align:center"><span style="font-size:18px"> Bonne navigation</span></p> 1234 1235 </div> 1236 </div> 1237 </div> 1238 </div> 1239 </div> 1240</section> 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328<section id="" class="favorites-v2 py-11 relative "> 1329 <div 1330 class="favorites-v2__container flex flex-col container px-4 lg:px-8 mx-auto gap-5 lg:overflow-visible overflow-hidden"> 1331 <div class="favorites-v2__container-title h-auto flex flex-col justify-center items-center"> 1332 <div class="favorites-v2__title"> 1333 1334 1335 1336 1337<div id="" class="title-v1 "> 1338 <h2 class="title-v1__part1">Nos exclusivités</h2>
1339 <span class="title-v1__part2 line-clamp-2">Soigneusement sélectionnés pour vous</span> 1340 </div> 1341 1342 </div> 1343 </div> 1344 <div class="favorites-v2__container-content "> 1345 <div class="favorites-v2__content md:w-full mx-auto overflow-hidden"> 1346 <div class="favorites-v2__items js-favorites-v2-swiper " data-l-swiperloop=1 data-l-swiperspeed=900 > 1347 <div class="favorites-v2__swiper-wrapper mb-4 lg:mb-0 swiper-wrapper "> 1348 <div class="favorites-v2__item swiper-slide "> 1349 <article class="item h-full"> 1350 <div 1351 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 1352 <div 1353 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 1354 <div class="banner absolute top-3 left-3 mr-12 z-10"> 1355 <div class="banner__status--text"> 1356 <div class="banner__status--wrap flex flex-wrap "> 1357 1358 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 1359 <span 1360 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 1361 </div> 1362 1363 </div> 1364 </div> 1365</div> 1366 1367 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 1368 data-add-url="/i/selection/addbien?idbien=61" 1369 data-remove-url="/i/selection/deletebien?idbien=61" 1370 data-alt-text=""> 1371 1372 <span class="selection-manager__icon"> 1373 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 1374 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 1375 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 1376</svg> 1377 </span>
1378 <span class="selection-manager__text js-selection-text"></span> 1379 </button> 1380 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 1381 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/234ca7ee97b518f348d2351bb9d0eb47/photo_6fd2836a4dcf15ba10c545f4d4ef7b82.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 1382 1383 </div> 1384 </div> 1385 1386 <div 1387 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 1388 <div class="item__block w-full h-full"> 1389 1390 <div class="item__block--city"> 1391 1392 1393 1394 1395<div id="" class="title-v1 "> 1396 <span class="title-v1__part1">Port grimaud (83310)</span> 1397 </div> 1398 1399 </div> 1400 1401 1402 <div class="item__title text-center xl:text-center"> 1403 <h3 class="item__block--title line-clamp-3"> 1404 Appartement 1405 1 pièce(s) 22 m² 1406 1407 1408 1409 1410 </h3> 1411 </div> 1412 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 1413 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 1414 1415 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1416 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1417 1418<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 1419 <g> 1420 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1421 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1422 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1423 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1424 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1425 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1426 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1427 </g> 1428</svg> 1429 1430 <sp
1430an class="option__number px-2.5 py-1 rounded-full"> 1431 1 1432 </span> 1433 </div> 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 </div> 1452 </div> 1453 1454 <div class="item__price my-2"> 1455 1456 225 000 ⬠1457 1458 1459 1460 </div> 1461 1462 1463 </div> 1464 <div class="item__links self-center lg:self-ce
1464nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 1465 <div class="links-group"> 1466 <div class="links-group__wrapper"> 1467 1468 <div class="links-group "> 1469 <div class="links-group__wrapper flex "> 1470 1471 1472 1473 1474 1475 1476 <a 1477 href="/vente/25-port-grimaud/appartement/61-" 1478 class="links-group__link links-group__link--drawing cta-secondary" 1479 target="" 1480 title="Voir le bien " 1481 > 1482 <span class="links-group__text cta-secondary__text">Voir le bien</span> 1483 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 1484 <g transform="translate(-4.25 -4.25)"> 1485 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 1486 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 1487 </g> 1488</svg> 1489 1490 </a> 1491 1492 1493 </div> 1494 </div> 1495 1496 </div> 1497 </div> 1498 </div> 1499 </div> 1500 1501 </div> 1502 </article> 1503 </div> 1504 <div class="favorites-v2__item swiper-slide "> 1505 <article class="item h-full"> 1506 <div 1507 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 1508 <div 1509 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 1510 <div class="banner absolute top-3 left-3 mr-12 z-10"> 1511 <div class="banner__status--text"> 1512 <div class="banner__status--wrap flex flex-wrap "> 1513 1514 <div 1515 class="banner-item mr-2 mb-2 px-4 property-status property-status--4 property-status--under--commitment"> 1516 <span 1517 class="banner-item__text py-2 block property-status-content">Sous-compromis</span> 1518 </div> 1519 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 1520 <span 1521 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 1522 </div> 1523 1524 </div> 1525 </div> 1526</div> 1527 1528 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 1529 data-add-url="/i/selection/addbien?idbien=98" 1530 data-remove-url="/i/selection/deletebien?idbien=98" 1531 data-alt-text=""> 1532
1533 <span class="selection-manager__icon"> 1534 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 1535 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 1536 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 1537</svg> 1538 </span> 1539 <span class="selection-manager__text js-selection-text"></span> 1540 </button> 1541 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 1542 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_871b74e9e213c9084dde2cf6249b7fc4.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 1543 1544 </div> 1545 </div> 1546 1547 <div 1548 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 1549 <div class="item__block w-full h-full"> 1550 1551 <div class="item__block--city"> 1552 1553 1554 1555 1556<div id="" class="title-v1 "> 1557 <span class="title-v1__part1">Port grimaud (83310)</span> 1558 </div> 1559 1560 </div> 1561 1562 1563 <div class="item__title text-center xl:text-center"> 1564 <h3 class="item__block--title line-clamp-3"> 1565 Appartement 1566 2 pièce(s) 1 chambre(s) 49 m² 1567 1568 1569 1570 1571 </h3> 1572 </div> 1573 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 1574 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 1575 1576 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1577 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1578 1579<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 1580 <g> 1581 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1582 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1583 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1584 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1585 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1586 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1587 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1588 </g> 1589</svg> 1590 1591 <sp
1591an class="option__number px-2.5 py-1 rounded-full"> 1592 1 1593 </span> 1594 </div> 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1606 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1607 1608<rect width="24" height="24" fill="none"/> 1609 <g transform="translate(1.114 1.409)"> 1610 <g> 1611 <path class="svg__secondary--stroke" d="M.75,19.432V2.695A1.945,1.945,0,0,1,2.695.75H19.076a1.945,1.945,0,0,1,1.945,1.945V19.432" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1612 </g> 1613 <g transform="translate(3.136 5.015)"> 1614 <g > 1615 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1616 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1617 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1618 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1619 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1620 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1621 </g> 1622 </g> 1623 </g> 1624</svg> 1625 1626 <sp
1626an class="option__number px-2.5 py-1 rounded-full"> 1627 1 1628 </span> 1629 </div> 1630 1631 1632 1633 1634 1635 1636 1637 </div> 1638 </div> 1639 1640 <div class="item__price my-2"> 1641 1642 545 000 ⬠1643 1644 1645 1646 </div> 1647 1648 1649 </div> 1650 <div class="item__links self-center lg:self-ce
1650nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 1651 <div class="links-group"> 1652 <div class="links-group__wrapper"> 1653 1654 <div class="links-group "> 1655 <div class="links-group__wrapper flex "> 1656 1657 1658 1659 1660 1661 1662 <a 1663 href="/vente/25-port-grimaud/appartement/98-" 1664 class="links-group__link links-group__link--drawing cta-secondary" 1665 target="" 1666 title="Voir le bien " 1667 > 1668 <span class="links-group__text cta-secondary__text">Voir le bien</span> 1669 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 1670 <g transform="translate(-4.25 -4.25)"> 1671 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 1672 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 1673 </g> 1674</svg> 1675 1676 </a> 1677 1678 1679 </div> 1680 </div> 1681 1682 </div> 1683 </div> 1684 </div> 1685 </div> 1686 1687 </div> 1688 </article> 1689 </div> 1690 <div class="favorites-v2__item swiper-slide "> 1691 <article class="item h-full"> 1692 <div 1693 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 1694 <div 1695 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 1696 <div class="banner absolute top-3 left-3 mr-12 z-10"> 1697 <div class="banner__status--text"> 1698 <div class="banner__status--wrap flex flex-wrap "> 1699 1700 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 1701 <span 1702 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 1703 </div> 1704 1705 </div> 1706 </div> 1707</div> 1708 1709 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 1710 data-add-url="/i/selection/addbien?idbien=125" 1711 data-remove-url="/i/selection/deletebien?idbien=125" 1712 data-alt-text=""> 1713
1714 <span class="selection-manager__icon"> 1715 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 1716 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 1717 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 1718</svg> 1719 </span> 1720 <span class="selection-manager__text js-selection-text"></span> 1721 </button> 1722 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 1723 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/8e21d3656893ae3b79409c97b23253a9/photo_578ed668fd011f5b5c3023f34e2eb78f.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 1724 1725 </div> 1726 </div> 1727 1728 <div 1729 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 1730 <div class="item__block w-full h-full"> 1731 1732 1733 1734 1735 1736<div id="" class="title-v1 "> 1737 <span class="title-v1__part1">Grande MAISON</span> 1738 </div> 1739 1740 <div class="item__block--city"> 1741 1742 1743 1744 1745<div id="" class="title-v1 "> 1746 <span class="title-v1__part1">Port grimaud (83310)</span> 1747 </div> 1748 1749 </div> 1750 1751 1752 <div class="item__title text-center xl:text-center"> 1753 <h3 class="item__block--title line-clamp-3"> 1754 Maison 1755 7 pièce(s) 6 chambre(s) 217 m² 1756 1757 1758 1759 1760 </h3> 1761 </div> 1762 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 1763 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 1764 1765 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1766 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1767 1768<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 1769 <g> 1770 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1771 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1772 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1773 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1774 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1775 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1776 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1777 </g> 1778</svg> 1779 1780 <sp
1780an class="option__number px-2.5 py-1 rounded-full"> 1781 6 1782 </span> 1783 </div> 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1799 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 1800 1801<defs> 1802 <clipPath> 1803 <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/> 1804 </clipPath> 1805 </defs> 1806 <rect width="24" height="24" fill="none"/> 1807 <g transform="translate(1.114 1.409)"> 1808 <g transform="translate(3.136 5.015)"> 1809 <g> 1810 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1811 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1812 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1813 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1814 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1815 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1816 </g> 1817 </g> 1818 <g transform="translate(0 18.591)"> 1819 <g clip-path="url(#clip-path-parking)"> 1820 <path class="svg__secondary--stroke" d="M21.021.75a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75.75" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1821 </g> 1822 </g> 1823 </g> 1824</svg> 1825 1826 <sp
1826an class="option__number px-2.5 py-1 rounded-full"> 1827 2 1828 </span> 1829 </div> 1830 1831 1832 1833 </div> 1834 </div> 1835 1836 <div class="item__price my-2"> 1837 1838 4 790 000 ⬠1839 1840 1841 1842 </div> 1843 1844 1845 </div> 1846 <div class="item__links self-center lg:self-center pb-4 lg:pb-0 lg:mt-4 mt-2"> 1847 <div class="links-group"> 1848 <div class="links-group__wrapper"> 1849 1850 <div class="links-group "> 1851 <div class="links-group__wrapper flex "> 1852 1853 1854 1855 1856 1857 1858 <a 1859 href="/vente/25-port-grimaud/maison/125-grande-maison" 1860 class="links-group__link links-group__link--drawing cta-secondary" 1861 target="" 1862 title="Voir le bien Grande MAISON" 1863 >
1864 <span class="links-group__text cta-secondary__text">Voir le bien</span> 1865 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 1866 <g transform="translate(-4.25 -4.25)"> 1867 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 1868 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 1869 </g> 1870</svg> 1871 1872 </a> 1873 1874 1875 </div> 1876 </div> 1877 1878 </div> 1879 </div> 1880 </div> 1881 </div> 1882 1883 </div> 1884 </article> 1885 </div> 1886 <div class="favorites-v2__item swiper-slide "> 1887 <article class="item h-full"> 1888 <div 1889 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 1890 <div 1891 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 1892 <div class="banner absolute top-3 left-3 mr-12 z-10"> 1893 <div class="banner__status--text"> 1894 <div class="banner__status--wrap flex flex-wrap "> 1895 1896 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 1897 <span 1898 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 1899 </div> 1900 1901 </div> 1902 </div> 1903</div> 1904 1905 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 1906 data-add-url="/i/selection/addbien?idbien=135" 1907 data-remove-url="/i/selection/deletebien?idbien=135" 1908 data-alt-text=""> 1909 1910 <span class="selection-manager__icon"> 1911 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 1912 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 1913 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.
191319,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 1914</svg> 1915 </span> 1916 <span class="selection-manager__text js-selection-text"></span> 1917 </button> 1918 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 1919 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/0e119f090062dcfe261365532ce6bd9f/photo_73b0ef02864dd9058ee100581eff7d9e.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 1920 1921 </div> 1922 </div> 1923 1924 <div 1925 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 1926 <div class="item__block w-full h-full"> 1927 1928 <div class="item__block--city"> 1929 1930 1931 1932 1933<div id="" class="title-v1 "> 1934 <span class="title-v1__part1">Port grimaud (83310)</span> 1935 </div> 1936 1937 </div> 1938 1939 1940 <div class="item__title text-center xl:text-center"> 1941 <h3 class="item__block--title line-clamp-3"> 1942 Maison 1943 3 pièce(s) 2 chambre(s) 60 m² 1944 1945 1946 1947 1948 </h3> 1949 </div> 1950 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 1951 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 1952 1953 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1954 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1955 1956<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 1957 <g> 1958 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1959 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1960 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1961 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1962 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1963 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1964 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 1965 </g> 1966</svg> 1967 1968 <sp
1968an class="option__number px-2.5 py-1 rounded-full"> 1969 1 1970 </span> 1971 </div> 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 1987 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 1988 1989<defs> 1990 <clipPath> 1991 <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/> 1992 </clipPath> 1993 </defs> 1994 <rect width="24" height="24" fill="none"/> 1995 <g transform="translate(1.114 1.409)"> 1996 <g transform="translate(3.136 5.015)"> 1997 <g> 1998 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1999 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2000 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2001 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2002 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2003 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2004 </g> 2005 </g> 2006 <g transform="translate(0 18.591)"> 2007 <g clip-path="url(#clip-path-parking)"> 2008 <path class="svg__secondary--stroke" d="M21.021.75a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75.75" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2009 </g> 2010 </g> 2011 </g> 2012</svg> 2013 2014 <sp
2014an class="option__number px-2.5 py-1 rounded-full"> 2015 1 2016 </span> 2017 </div> 2018 2019 2020 2021 </div> 2022 </div> 2023 2024 <div class="item__price my-2"> 2025 2026 875 000 ⬠2027 2028 2029 2030 </div> 2031 2032 2033 </div> 2034 <div class="item__links self-center lg:self-center pb-4 lg:pb-0 lg:mt-4 mt-2"> 2035 <div class="links-group"> 2036 <div class="links-group__wrapper"> 2037 2038 <div class="links-group "> 2039 <div class="links-group__wrapper flex "> 2040 2041 2042 2043 2044 2045 2046 <a 2047 href="/vente/25-port-grimaud/maison/135-" 2048 class="links-group__link links-group__link--drawing cta-secondary" 2049 target="" 2050 title="Voir le bien " 2051 >
2052 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2053 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2054 <g transform="translate(-4.25 -4.25)"> 2055 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2056 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2057 </g> 2058</svg> 2059 2060 </a> 2061 2062 2063 </div> 2064 </div> 2065 2066 </div> 2067 </div> 2068 </div> 2069 </div> 2070 2071 </div> 2072 </article> 2073 </div> 2074 <div class="favorites-v2__item swiper-slide "> 2075 <article class="item h-full"> 2076 <div 2077 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 2078 <div 2079 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 2080 <div class="banner absolute top-3 left-3 mr-12 z-10"> 2081 <div class="banner__status--text"> 2082 <div class="banner__status--wrap flex flex-wrap "> 2083 2084 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 2085 <span 2086 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 2087 </div> 2088 2089 </div> 2090 </div> 2091</div> 2092 2093 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 2094 data-add-url="/i/selection/addbien?idbien=146" 2095 data-remove-url="/i/selection/deletebien?idbien=146" 2096 data-alt-text=""> 2097 2098 <span class="selection-manager__icon"> 2099 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 2100 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 2101 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.
210119,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 2102</svg> 2103 </span> 2104 <span class="selection-manager__text js-selection-text"></span> 2105 </button> 2106 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 2107 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/9625ea74a2811239e31a4109dc1d0b53/photo_8d8c559af5948b5bb7b0c61406d892a8.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 2108 2109 </div> 2110 </div> 2111 2112 <div 2113 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 2114 <div class="item__block w-full h-full"> 2115 2116 <div class="item__block--city"> 2117 2118 2119 2120 2121<div id="" class="title-v1 "> 2122 <span class="title-v1__part1">Port grimaud (83310)</span> 2123 </div> 2124 2125 </div> 2126 2127 2128 <div class="item__title text-center xl:text-center"> 2129 <h3 class="item__block--title line-clamp-3"> 2130 Maison 2131 3 pièce(s) 2 chambre(s) 60 m² 2132 2133 2134 2135 2136 </h3> 2137 </div> 2138 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 2139 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 2140 2141 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2142 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2143 2144<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 2145 <g> 2146 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2147 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2148 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2149 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2150 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2151 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2152 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2153 </g> 2154</svg> 2155 2156 <sp
2156an class="option__number px-2.5 py-1 rounded-full"> 2157 1 2158 </span> 2159 </div> 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 </div> 2178 </div> 2179 2180 <div class="item__price my-2"> 2181 2182 920 000 ⬠2183 2184 2185 2186 </div> 2187 2188 2189 </div> 2190 <div class="item__links self-center lg:self-ce
2190nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 2191 <div class="links-group"> 2192 <div class="links-group__wrapper"> 2193 2194 <div class="links-group "> 2195 <div class="links-group__wrapper flex "> 2196 2197 2198 2199 2200 2201 2202 <a 2203 href="/vente/25-port-grimaud/maison/146-" 2204 class="links-group__link links-group__link--drawing cta-secondary" 2205 target="" 2206 title="Voir le bien " 2207 > 2208 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2209 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2210 <g transform="translate(-4.25 -4.25)"> 2211 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2212 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2213 </g> 2214</svg> 2215 2216 </a> 2217 2218 2219 </div> 2220 </div> 2221 2222 </div> 2223 </div> 2224 </div> 2225 </div> 2226 2227 </div> 2228 </article> 2229 </div> 2230 <div class="favorites-v2__item swiper-slide "> 2231 <article class="item h-full"> 2232 <div 2233 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 2234 <div 2235 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 2236 <div class="banner absolute top-3 left-3 mr-12 z-10"> 2237 <div class="banner__status--text"> 2238 <div class="banner__status--wrap flex flex-wrap "> 2239 2240 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 2241 <span 2242 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 2243 </div> 2244 2245 </div> 2246 </div> 2247</div> 2248 2249 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 2250 data-add-url="/i/selection/addbien?idbien=354" 2251 data-remove-url="/i/selection/deletebien?idbien=354" 2252 data-alt-text=""> 2253
2254 <span class="selection-manager__icon"> 2255 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 2256 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 2257 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 2258</svg> 2259 </span> 2260 <span class="selection-manager__text js-selection-text"></span> 2261 </button> 2262 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 2263 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/8e3e798b8ed0cd403277d85bd9ca5b5b/photo_d8a134378a338363bc5ea29bb0e97f3b.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 2264 2265 </div> 2266 </div> 2267 2268 <div 2269 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 2270 <div class="item__block w-full h-full"> 2271 2272 <div class="item__block--city"> 2273 2274 2275 2276 2277<div id="" class="title-v1 "> 2278 <span class="title-v1__part1">Port grimaud (83310)</span> 2279 </div> 2280 2281 </div> 2282 2283 2284 <div class="item__title text-center xl:text-center"> 2285 <h3 class="item__block--title line-clamp-3"> 2286 Maison 2287 4 pièce(s) 3 chambre(s) 82 m² 2288 2289 2290 2291 2292 </h3> 2293 </div> 2294 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 2295 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 2296 2297 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2298 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2299 2300<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 2301 <g> 2302 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2303 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2304 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2305 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2306 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2307 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2308 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2309 </g> 2310</svg> 2311 2312 <sp
2312an class="option__number px-2.5 py-1 rounded-full"> 2313 2 2314 </span> 2315 </div> 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2331 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 2332 2333<defs> 2334 <clipPath> 2335 <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/> 2336 </clipPath> 2337 </defs> 2338 <rect width="24" height="24" fill="none"/> 2339 <g transform="translate(1.114 1.409)"> 2340 <g transform="translate(3.136 5.015)"> 2341 <g> 2342 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2343 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2344 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2345 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2346 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2347 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2348 </g> 2349 </g> 2350 <g transform="translate(0 18.591)"> 2351 <g clip-path="url(#clip-path-parking)"> 2352 <path class="svg__secondary--stroke" d="M21.021.75a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75.75" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2353 </g> 2354 </g> 2355 </g> 2356</svg> 2357 2358 <sp
2358an class="option__number px-2.5 py-1 rounded-full"> 2359 1 2360 </span> 2361 </div> 2362 2363 2364 2365 </div> 2366 </div> 2367 2368 <div class="item__price my-2"> 2369 2370 1 277 000 ⬠2371 2372 2373 2374 </div> 2375 2376 2377 </div> 2378 <div class="item__links self-center lg:self-center pb-4 lg:pb-0 lg:mt-4 mt-2"> 2379 <div class="links-group"> 2380 <div class="links-group__wrapper"> 2381 2382 <div class="links-group "> 2383 <div class="links-group__wrapper flex "> 2384 2385 2386 2387 2388 2389 2390 <a 2391 href="/vente/25-port-grimaud/maison/354-" 2392 class="links-group__link links-group__link--drawing cta-secondary" 2393 target="" 2394 title="Voir le bien " 2395 >
2396 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2397 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2398 <g transform="translate(-4.25 -4.25)"> 2399 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2400 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2401 </g> 2402</svg> 2403 2404 </a> 2405 2406 2407 </div> 2408 </div> 2409 2410 </div> 2411 </div> 2412 </div> 2413 </div> 2414 2415 </div> 2416 </article> 2417 </div> 2418 <div class="favorites-v2__item swiper-slide "> 2419 <article class="item h-full"> 2420 <div 2421 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 2422 <div 2423 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 2424 <div class="banner absolute top-3 left-3 mr-12 z-10"> 2425 <div class="banner__status--text"> 2426 <div class="banner__status--wrap flex flex-wrap "> 2427 2428 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 2429 <span 2430 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 2431 </div> 2432 2433 </div> 2434 </div> 2435</div> 2436 2437 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 2438 data-add-url="/i/selection/addbien?idbien=297" 2439 data-remove-url="/i/selection/deletebien?idbien=297" 2440 data-alt-text=""> 2441 2442 <span class="selection-manager__icon"> 2443 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 2444 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 2445 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.
244519,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 2446</svg> 2447 </span> 2448 <span class="selection-manager__text js-selection-text"></span> 2449 </button> 2450 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 2451 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_7e5cc6d07a62cff119508e604d6021f6.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 2452 2453 </div> 2454 </div> 2455 2456 <div 2457 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 2458 <div class="item__block w-full h-full"> 2459 2460 2461 2462 2463 2464<div id="" class="title-v1 "> 2465 <span class="title-v1__part1">Appartement, 35m2, 2 pièces </span> 2466 </div> 2467 2468 <div class="item__block--city"> 2469 2470 2471 2472 2473<div id="" class="title-v1 "> 2474 <span class="title-v1__part1">Port grimaud (83310)</span> 2475 </div> 2476 2477 </div> 2478 2479 2480 <div class="item__title text-center xl:text-center"> 2481 <h3 class="item__block--title line-clamp-3"> 2482 Appartement 2483 2 pièce(s) 1 chambre(s) 35.82 m² 2484 2485 2486 2487 2488 </h3> 2489 </div> 2490 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 2491 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 2492 2493 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2494 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2495 2496<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 2497 <g> 2498 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2499 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2500 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2501 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2502 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2503 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2504 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2505 </g> 2506</svg> 2507 2508 <sp
2508an class="option__number px-2.5 py-1 rounded-full"> 2509 1 2510 </span> 2511 </div> 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 </div> 2530 </div> 2531 2532 <div class="item__price my-2"> 2533 2534 575 000 ⬠2535 2536 2537 2538 </div> 2539 2540 2541 </div> 2542 <div class="item__links self-center lg:self-ce
2542nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 2543 <div class="links-group"> 2544 <div class="links-group__wrapper"> 2545 2546 <div class="links-group "> 2547 <div class="links-group__wrapper flex "> 2548 2549 2550 2551 2552 2553 2554 <a 2555 href="/vente/25-port-grimaud/appartement/297-appartement-35m2-2-pieces" 2556 class="links-group__link links-group__link--drawing cta-secondary" 2557 target="" 2558 title="Voir le bien Appartement, 35m2, 2 pièces " 2559 > 2560 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2561 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2562 <g transform="translate(-4.25 -4.25)"> 2563 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2564 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2565 </g> 2566</svg> 2567 2568 </a> 2569 2570 2571 </div> 2572 </div> 2573 2574 </div> 2575 </div> 2576 </div> 2577 </div> 2578 2579 </div> 2580 </article> 2581 </div> 2582 <div class="favorites-v2__item swiper-slide "> 2583 <article class="item h-full"> 2584 <div 2585 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 2586 <div 2587 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 2588 <div class="banner absolute top-3 left-3 mr-12 z-10"> 2589 <div class="banner__status--text"> 2590 <div class="banner__status--wrap flex flex-wrap "> 2591 2592 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 2593 <span 2594 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 2595 </div> 2596 2597 </div> 2598 </div> 2599</div> 2600 2601 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 2602 data-add-url="/i/selection/addbien?idbien=359" 2603 data-remove-url="/i/selection/deletebien?idbien=359" 2604 data-alt-text=""> 2605
2606 <span class="selection-manager__icon"> 2607 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 2608 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 2609 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 2610</svg> 2611 </span> 2612 <span class="selection-manager__text js-selection-text"></span> 2613 </button> 2614 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 2615 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/f817c95709c4f16b09dc4a19ef9e9f4f/photo_962b4fc11d8e7c165d4b65d1c8c09d43.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 2616 2617 </div> 2618 </div> 2619 2620 <div 2621 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 2622 <div class="item__block w-full h-full"> 2623 2624 2625 2626 2627 2628<div id="" class="title-v1 "> 2629 <span class="title-v1__part1">Trés belle MAISON</span> 2630 </div> 2631 2632 <div class="item__block--city"> 2633 2634 2635 2636 2637<div id="" class="title-v1 "> 2638 <span class="title-v1__part1">Port grimaud (83310)</span> 2639 </div> 2640 2641 </div> 2642 2643 2644 <div class="item__title text-center xl:text-center"> 2645 <h3 class="item__block--title line-clamp-3"> 2646 Maison 2647 5 pièce(s) 4 chambre(s) 90 m² 2648 2649 2650 2651 2652 </h3> 2653 </div> 2654 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 2655 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 2656 2657 2658 2659 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2660 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2661 2662<g transform="translate(2 2)"> 2663 <g> 2664 <line class="svg__primary--stroke" x2="3.123" y2="3.17" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2665 <path class="svg__primary--stroke" d="M12.458,3.743a6.116,6.116,0,0,0-8.741.09,6.341,6.341,0,0,0,0,8.784" transform="translate(-0.594 -0.574)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
2666 <line class="svg__primary--stroke" x1="12.487" y2="12.677" transform="translate(1.249 1.268)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2667 <line class="svg__secondary--stroke" y2="0.013" transform="translate(12.487 16.48)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2668 <path class="svg__secondary--stroke" d="M0,0V.013" transform="translate(7.492 15.212)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="2"/> 2669 <line class="svg__secondary--stroke" y2="0.013" transform="translate(11.238 11.409)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2670 <line class="svg__secondary--stroke" y2="0.013" transform="translate(14.985 7.606)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2671 <line class="svg__secondary--stroke" y2="0.013" transform="translate(8.741 20.283)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2672 <line class="svg__secondary--stroke" y2="0.013" transform="translate(16.233 12.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2673 <path class="svg__secondary--stroke" d="M0,0V.013" transform="translate(19.979 8.874)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="2"/> 2674 </g> 2675 </g> 2676 <rect width="24" height="24" fill="none"/> 2677</svg> 2678 2679 <span class="option__number px-2.5 py-1 rounded-full"> 2680 3 2681 </span> 2682 </div> 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2696 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 2697 2698<defs> 2699 <clipPath> 2700 <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/> 2701 </clipPath> 2702 </defs> 2703 <rect width="24" height="24" fill="none"/> 2704 <g transform="translate(1.114 1.409)"> 2705 <g transform="translate(3.136 5.015)"> 2706 <g> 2707 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2708 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2709 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2710 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2711 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2712 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2713 </g> 2714 </g> 2715 <g transform="translate(0 18.591)"> 2716 <g clip-path="url(#clip-path-parking)"> 2717 <path class="svg__secondary--stroke" d="M21.021.75a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75.75" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2718 </g> 2719 </g> 2720 </g> 2721</svg> 2722 2723 <sp
2723an class="option__number px-2.5 py-1 rounded-full"> 2724 1 2725 </span> 2726 </div> 2727 2728 2729 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2730 <svg class="option__drawing" id="icon_piscine" data-name="icon piscine" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2731 2732<rect data-name="Rectangle 2964" width="24" height="24" fill="none"/> 2733 <g data-name="Groupe 14679" transform="translate(1.25 1.25)"> 2734 <g data-name="Groupe 14680"> 2735 <path class="svg__secondary--stroke" d="M.75,19.613a3.421,3.421,0,0,0,2.5,1c2.5,0,2.5-2,5-2,2.6,0,2.4,2,5,2,2.5,0,2.5-2,5-2a3.421,3.421,0,0,1,2.5,1" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="1.5"/> 2736 <path class="svg__secondary--stroke" d="M.75,15.613a3.421,3.421,0,0,0,2.5,1c2.5,0,2.5-2,5-2,2.6,0,2.4,2,5,2,2.5,0,2.5-2,5-2a3.421,3.421,0,0,1,2.5,1" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="1.5"/> 2737 <path class="svg__primary--stroke" d="M9.113.75s-3,0-3,4v7" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 2738 <path class="svg__primary--stroke" d="M19.113.75s-3,0-3,4v7" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 2739 <line class="svg__primary--stroke" x2="7" transform="translate(9.113 4.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 2740 <line class="svg__primary--stroke" x2="7" transform="translate(9.113 8.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 2741 </g> 2742 </g> 2743</svg> 2744 2745 <span class="option__number px-2.5 py-1 rounded-full"> 2746 Piscine </span> 2747 </div> 2748 2749 </div> 2750 </div> 2751 2752 <div class="item__price my-2"> 2753 2754 1 480 000 ⬠2755 2756 2757 2758 </div> 2759 2760 2761 </div> 2762 <div class="item__links self-center lg:self-ce
2762nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 2763 <div class="links-group"> 2764 <div class="links-group__wrapper"> 2765 2766 <div class="links-group "> 2767 <div class="links-group__wrapper flex "> 2768 2769 2770 2771 2772 2773 2774 <a 2775 href="/vente/25-port-grimaud/maison/359-tres-belle-maison" 2776 class="links-group__link links-group__link--drawing cta-secondary" 2777 target="" 2778 title="Voir le bien Trés belle MAISON" 2779 > 2780 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2781 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2782 <g transform="translate(-4.25 -4.25)"> 2783 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2784 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2785 </g> 2786</svg> 2787 2788 </a> 2789 2790 2791 </div> 2792 </div> 2793 2794 </div> 2795 </div> 2796 </div> 2797 </div> 2798 2799 </div> 2800 </article> 2801 </div> 2802 <div class="favorites-v2__item swiper-slide "> 2803 <article class="item h-full"> 2804 <div 2805 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 2806 <div 2807 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 2808 <div class="banner absolute top-3 left-3 mr-12 z-10"> 2809 <div class="banner__status--text"> 2810 <div class="banner__status--wrap flex flex-wrap "> 2811 2812 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 2813 <span 2814 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 2815 </div> 2816 2817 </div> 2818 </div> 2819</div> 2820 2821 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 2822 data-add-url="/i/selection/addbien?idbien=367" 2823 data-remove-url="/i/selection/deletebien?idbien=367" 2824 data-alt-text=""> 2825
2826 <span class="selection-manager__icon"> 2827 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 2828 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 2829 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.19,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 2830</svg> 2831 </span> 2832 <span class="selection-manager__text js-selection-text"></span> 2833 </button> 2834 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 2835 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/8f7c84c4ed464b3afa09bae3bc1d6827/photo_79be515ecd1b4d8aab1cd02112e84fdc.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 2836 2837 </div> 2838 </div> 2839 2840 <div 2841 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 2842 <div class="item__block w-full h-full"> 2843 2844 2845 2846 2847 2848<div id="" class="title-v1 "> 2849 <span class="title-v1__part1">Appartement rez-de-chaussée avec amarrage </span> 2850 </div> 2851 2852 <div class="item__block--city"> 2853 2854 2855 2856 2857<div id="" class="title-v1 "> 2858 <span class="title-v1__part1">Port grimaud (83310)</span> 2859 </div> 2860 2861 </div> 2862 2863 2864 <div class="item__title text-center xl:text-center"> 2865 <h3 class="item__block--title line-clamp-3"> 2866 Rez de jardin 2867 4 pièce(s) 3 chambre(s) 44 m² 2868 2869 2870 2871 2872 </h3> 2873 </div> 2874 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 2875 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 2876 2877 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2878 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 2879 2880<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 2881 <g> 2882 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2883 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2884 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2885 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2886 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2887 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2888 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 2889 </g> 2890</svg> 2891 2892 <sp
2892an class="option__number px-2.5 py-1 rounded-full"> 2893 1 2894 </span> 2895 </div> 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 2911 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 2912 2913<defs> 2914 <clipPath> 2915 <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/> 2916 </clipPath> 2917 </defs> 2918 <rect width="24" height="24" fill="none"/> 2919 <g transform="translate(1.114 1.409)"> 2920 <g transform="translate(3.136 5.015)"> 2921 <g> 2922 <path class="svg__primary--stroke" d="M14.75,3.084,13.194,4.64,12.028,1.762A1.555,1.555,0,0,0,10.586.751H4.95a1.556,1.556,0,0,0-1.48.977L2.306,4.64.75,3.084" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2923 <line class="svg__secondary--stroke" x2="0.008" transform="translate(3.861 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2924 <line class="svg__secondary--stroke" x2="0.008" transform="translate(11.639 7.75)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2925 <path class="svg__primary--stroke" d="M1.556,0H12.445A1.555,1.555,0,0,1,14,1.555V4.667a1.555,1.555,0,0,1-1.555,1.555H1.556A1.556,1.556,0,0,1,0,4.666V1.556A1.556,1.556,0,0,1,1.556,0Z" transform="translate(0.75 4.639)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2926 <line class="svg__primary--stroke" y2="1.556" transform="translate(2.306 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2927 <line class="svg__primary--stroke" y2="1.556" transform="translate(13.194 10.861)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2928 </g> 2929 </g> 2930 <g transform="translate(0 18.591)"> 2931 <g clip-path="url(#clip-path-parking)"> 2932 <path class="svg__secondary--stroke" d="M21.021.75a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75.75" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2933 </g> 2934 </g> 2935 </g> 2936</svg> 2937 2938 <sp
2938an class="option__number px-2.5 py-1 rounded-full"> 2939 1 2940 </span> 2941 </div> 2942 2943 2944 2945 </div> 2946 </div> 2947 2948 <div class="item__price my-2"> 2949 2950 649 000 ⬠2951 2952 2953 2954 </div> 2955 2956 2957 </div> 2958 <div class="item__links self-center lg:self-center pb-4 lg:pb-0 lg:mt-4 mt-2"> 2959 <div class="links-group"> 2960 <div class="links-group__wrapper"> 2961 2962 <div class="links-group "> 2963 <div class="links-group__wrapper flex "> 2964 2965 2966 2967 2968 2969 2970 <a 2971 href="/vente/25-port-grimaud/rez-de-jardin/367-appartement-rez-de-chaussee-avec-amarrage" 2972 class="links-group__link links-group__link--drawing cta-secondary" 2973 target="" 2974 title="Voir le bien Appartement rez-de-chaussée avec amarrage " 2975 >
2976 <span class="links-group__text cta-secondary__text">Voir le bien</span> 2977 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 2978 <g transform="translate(-4.25 -4.25)"> 2979 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 2980 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 2981 </g> 2982</svg> 2983 2984 </a> 2985 2986 2987 </div> 2988 </div> 2989 2990 </div> 2991 </div> 2992 </div> 2993 </div> 2994 2995 </div> 2996 </article> 2997 </div> 2998 <div class="favorites-v2__item swiper-slide "> 2999 <article class="item h-full"> 3000 <div 3001 class="item__container h-full lg:h-[23rem] h-[32rem] flex flex-col lg:flex-row flex-col"> 3002 <div 3003 class="item__decorate aspect-[15/14] lg:aspect-auto h-[13rem] lg:h-auto w-full relative"> 3004 <div class="banner absolute top-3 left-3 mr-12 z-10"> 3005 <div class="banner__status--text"> 3006 <div class="banner__status--wrap flex flex-wrap "> 3007 3008 <div class="banner-item mr-2 mb-2 px-4 property-status property-status--exclusif"> 3009 <span 3010 class="banner-item__text py-2 block property-status-content">Exclusivité</span> 3011 </div> 3012 3013 </div> 3014 </div> 3015</div> 3016 3017 <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle " 3018 data-add-url="/i/selection/addbien?idbien=375" 3019 data-remove-url="/i/selection/deletebien?idbien=375" 3020 data-alt-text=""> 3021 3022 <span class="selection-manager__icon"> 3023 <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="18.182" viewBox="0 0 20.234 18.182" class="selection-manager__svg"> 3024 <path class="fill_element" d="m18.28,2.15c-1.08-1.16-2.6-1.82-4.19-1.81-1.2,0-2.37.4-3.32,1.14-.23.18-.45.37-.65.58-.2-.21-.42-.4-.65-.58-.94-.74-2.11-1.14-3.32-1.14-1.59,0-3.11.65-4.19,1.81C.88,3.35.3,4.9.32,6.51c.04,1.81.74,3.53,1.97,4.86,1.4,1.54,2.93,2.97,4.56,4.27.62.52,1.32,1.11,2.04,1.75.7.61,1.75.61,2.44,0,.68-.59,1.33-1.14,1.92-1.64l.12-.11c1.64-1.3,3.16-2.73,4.57-4.27,1.23-1.33,1.93-3.06,1.97-4.86.02-1.6-.56-3.16-1.64-4.35"></path> 3025 <path class="stroke_element" d="m18.54,1.88h0C17.43.67,15.86-.01,14.22,0c-1.24,0-2.45.41-3.42,1.18-.24.18-.46.38-.67.6-.21-.22-.44-.42-.67-.6C8.47.41,7.26,0,6.02,0c-1.64-.01-3.21.67-4.32,1.88C.58,3.13-.02,4.74,0,6.41c.04,1.88.76,3.67,2.03,5.05,1.45,1.6,3.02,3.09,4.71,4.43.64.54,1.36,1.16,2.11,1.81.72.63,1.8.63,2.52,0,.7-.61,1.38-1.
302519,1.98-1.7l.13-.11c1.69-1.35,3.27-2.83,4.72-4.44,1.27-1.38,2-3.18,2.03-5.05.02-1.67-.58-3.28-1.69-4.53Zm-1.61,8.53c-1.39,1.53-2.9,2.94-4.51,4.23l-.13.11c-.61.52-1.28,1.1-2,1.72-.1.08-.25.08-.35,0-.75-.66-1.48-1.28-2.13-1.84-1.61-1.28-3.11-2.69-4.5-4.22-1.02-1.09-1.61-2.51-1.66-4-.02-1.25.43-2.46,1.26-3.4.8-.87,1.93-1.36,3.11-1.36.88,0,1.73.29,2.41.83.39.3.73.66,1.01,1.06.27.37.78.45,1.15.19.07-.05.13-.11.19-.19.29-.4.63-.76,1.02-1.06.69-.54,1.54-.83,2.41-.83,1.18,0,2.31.48,3.11,1.35.83.93,1.28,2.15,1.26,3.4-.05,1.49-.63,2.91-1.65,4h0Z"></path> 3026</svg> 3027 </span> 3028 <span class="selection-manager__text js-selection-text"></span> 3029 </button> 3030 <div class="item__visual lg:h-full w-full h-[13rem] w-full"> 3031 <img src="//abc-immobilier.staticlbi.com/600xauto/images/biens/1/28951e97a6997ca16d40a57e50a6db21/photo_3e37ff6e481ea2c57432dcf7b00f95dd.png" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" /> 3032 3033 </div> 3034 </div> 3035 3036 <div 3037 class="item__content flex flex-col items-center justify-center text-center w-full lg:h-full h-[19rem] px-5 p-5 lg:py-16 lg:px-7 overflow-hidden"> 3038 <div class="item__block w-full h-full"> 3039 3040 3041 3042 3043 3044<div id="" class="title-v1 "> 3045 <span class="title-v1__part1">Appartement </span> 3046 </div> 3047 3048 <div class="item__block--city"> 3049 3050 3051 3052 3053<div id="" class="title-v1 "> 3054 <span class="title-v1__part1">Port grimaud (83310)</span> 3055 </div> 3056 3057 </div> 3058 3059 3060 <div class="item__title text-center xl:text-center"> 3061 <h3 class="item__block--title line-clamp-3"> 3062 Appartement 3063 2 pièce(s) 1 chambre(s) 35.59 m² 3064 3065 3066 3067 3068 </h3> 3069 </div> 3070 <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden"> 3071 <div class="options flex flex-wrap justify-around lg:my-3 my-2"> 3072 3073 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 3074 <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 3075 3076<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/> 3077 <g> 3078 <path class="svg__primary--stroke" d="M7.873,4.8,6.5,3.5a1.5,1.5,0,0,0-1-.5A1.515,1.515,0,0,0,4,4.5V17a2,2,0,0,0,2,2H18a2,2,0,0,0,2-2V12" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3079 <line class="svg__primary--stroke" x1="2" y2="2" transform="translate(7 4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3080 <line class="svg__primary--stroke" x2="20" transform="translate(2 12)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3081 <line class="svg__primary--stroke" y2="2" transform="translate(7 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3082 <line class="svg__primary--stroke" y2="2" transform="translate(17 19)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3083 <line class="svg__secondary--stroke" y2="0.013" transform="translate(13.232 8.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3084 <line class="svg__secondary--stroke" y2="0.013" transform="translate(10.232 6.677)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> 3085 </g> 3086</svg> 3087 3088 <sp
3088an class="option__number px-2.5 py-1 rounded-full"> 3089 1 3090 </span> 3091 </div> 3092 3093 3094 3095 3096 3097 3098 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 3099 <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> 3100 3101<defs> 3102 <clipPath id="clip-path-balcony"> 3103 <rect width="21.771" height="21.5" fill="none"/> 3104 </clipPath> 3105 </defs> 3106 <rect width="24" height="24" fill="none"/> 3107 <g transform="translate(-1.229 -0.25)"> 3108 <g transform="translate(2.229 1.25)"> 3109 <g clip-path="url(#clip-path-balcony)"> 3110 <path class="svg__primary--stroke" d="M2.33,10.75V2.392A1.642,1.642,0,0,1,3.972.75H17.8a1.642,1.642,0,0,1,1.641,1.642l.02,8.358" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3111 <line class="svg__primary--stroke" y2="9.214" transform="translate(10.885 1.536)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3112 <path class="svg__primary--stroke" d="M21.021,18.805a1.945,1.945,0,0,1-1.945,1.945H2.695A1.945,1.945,0,0,1,.75,18.805" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3113 <path class="svg__primary--stroke" d="M.75,14.75a1.945,1.945,0,0,1,1.945-1.945H19.076a1.945,1.945,0,0,1,1.945,1.945" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3114 <line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3115 <line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3116 <line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3117 <line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3118 <line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/> 3119 <line class="svg__secondary--stroke" x1="3.424" y2="3.424" transform="translate(4.037 3.449)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="1.5"/> 3120 <line class="svg__secondary--stroke" x1="1.712" y2="1.713" transform="translate(4.057 2.592)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="1.5"/> 3121 </g> 3122 </g> 3123 </g> 3124</svg> 3125 3126 <sp
3126an class="option__number px-2.5 py-1 rounded-full"> 3127 Balcon </span> 3128 </div> 3129 3130 3131 <div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center"> 3132 <svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 3133 3134<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/> 3135 <g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)"> 3136 <path id="Tracé_33172" data-name="Tracé 33172" d="M0,0V15.876" transform="translate(482.5 8141.751)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-width="1.5"/> 3137 <line id="Ligne_443" data-name="Ligne 443" x2="19.771" transform="translate(472.5 8141.751)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3138 <rect id="Rectangle_2888" data-name="Rectangle 2888" width="20.271" height="20.627" rx="1.945" transform="translate(472.5 8137)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3139 <path id="chevron-down_1_" data-name="chevron-down (1)" d="M3.757,0,1.879,1.88,0,0" transform="translate(486.176 8151.447) rotate(-90)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3140 <path id="chevron-down_1_2" data-name="chevron-down (1)" d="M3.757,0,1.879,1.879,0,0" transform="translate(478.824 8147.689) rotate(90)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3141 </g> 3142</svg> 3143 3144 <span class="option__number px-2.5 py-1 rounded-full"> 3145 Ascenseur </span> 3146 </div> 3147 3148 3149 3150 3151 </div> 3152 </div> 3153 3154 <div class="item__price my-2"> 3155 3156 288 000 ⬠3157 3158 3159 3160 </div> 3161 3162 3163 </div> 3164 <div class="item__links self-center lg:self-ce
3164nter pb-4 lg:pb-0 lg:mt-4 mt-2"> 3165 <div class="links-group"> 3166 <div class="links-group__wrapper"> 3167 3168 <div class="links-group "> 3169 <div class="links-group__wrapper flex "> 3170 3171 3172 3173 3174 3175 3176 <a 3177 href="/vente/25-port-grimaud/appartement/375-appartement" 3178 class="links-group__link links-group__link--drawing cta-secondary" 3179 target="" 3180 title="Voir le bien Appartement " 3181 > 3182 <span class="links-group__text cta-secondary__text">Voir le bien</span> 3183 <svg xmlns="http://www.w3.org/2000/svg" class="cta-secondary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 3184 <g transform="translate(-4.25 -4.25)"> 3185 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 3186 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 3187 </g> 3188</svg> 3189 3190 </a> 3191 3192 3193 </div> 3194 </div> 3195 3196 </div> 3197 </div> 3198 </div> 3199 </div> 3200 3201 </div> 3202 </article> 3203 </div> 3204 </div> 3205 3206 <div 3207 class="favorites-v2__swiper-nav relative flex flex-col-reverse lg:flex-row items-center justify-between md:mt-4 lg:mt-4 mt-0"> 3208 3209 <div class="favorites-v2__links relative z-[15] mt-5 lg:mt-0 lg:self-end"> 3210 3211 <div class="links-group "> 3212 <div class="links-group__wrapper flex "> 3213 3214 3215 3216 3217 3218 3219 3220 <a 3221 href="/vente/1" 3222 class="links-group__link links-group__link--drawing cta-primary" 3223 target="" 3224 title="Consulter tous nos biens " 3225 > 3226 <span class="links-group__text cta-primary__text">Consulter tous nos biens</span> 3227 <svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 3228 <g transform="translate(-4.25 -4.25)"> 3229 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 3230 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 3231 </g> 3232</svg> 3233 3234 </a> 3235 3236 3237 </div> 3238 </div> 3239 3240 </div> 3241 3242 <!-- If we need pagination buttons --> 3243 <div class="favorites-v2__swiper-pagination top-0 lg:top-4 swiper-pagination"></div> 3244 3245 <!-- If we need navigation buttons --> 3246 <div class="favorites-v2__swiper-buttons swiper-buttons w-20 relative md:mt-5 lg:mt-0 mt-8"> 3247 <div class="swiper-button-next"> 3248 <svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-next__svg arrow_link_svg" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 3249 <title>Page suivante</title> <g transform="translate(-4.25 -4.25)"> 3250 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 3251 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 3252 </g> 3253</svg> 3254 3255 </div> 3256 <div class="swiper-button-prev"> 3257 <svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-prev__svg arrow_link_svg" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 3258 <title>Page précédente</title> <g transform="translate(0.75 0.75)"> 3259 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(-5 -7.996)"/> 3260 <path d="M16.23,13.757a.747.747,0,0,1-.515-.205l-4.23-4a.75.75,0,0,1,0-1.089l4.23-4a.75.75,0,1,1,1.031,1.089L13.091,9l3.655,3.459a.75.75,0,0,1-.516,1.295Z" transform="translate(-12 -5)"/> 3261 </g> 3262</svg> 3263 3264 </div> 3265 </div> 3266 </div> 3267 3268 </div> 3269 3270 </div> 3271 </div> 3272 3273 3274 </div> 3275</section> 3276 3277 3278 3279 3280 3281 3282 3283 3284<section id="" class="alertmail-v1 relative "> 3285 <div class="alertmail-v1__container container px-4 mx-auto py-11"> 3286 <div class="alertmail-v1__wrapper"> 3287 <div class="alertmail-v1__content "> 3288 <div class="alertmail-v1__title relative mb-3"> 3289 3290 3291 3292 3293<div id="" class="title-v1 "> 3294 <h2 class="title-v1__part1">Alerte e-mail</h2>
3295 <span class="title-v1__part2 line-clamp-2">Nos biens directement dans votre boite mail</span> 3296 </div> 3297 3298 </div> 3299 </div> 3300 <div class="alertmail-v1__links flex justify-center"> 3301 3302 <div class="links-group "> 3303 <div class="links-group__wrapper flex "> 3304 3305 3306 3307 3308 3309 3310 3311 <a 3312 href="/alerte-email" 3313 class="links-group__link links-group__link--drawing cta-primary cta-primary--leads" 3314 target="" 3315 title="En savoir plus " 3316 > 3317 <span class="links-group__text cta-primary__text">En savoir plus</span> 3318 <svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 3319 <g transform="translate(-4.25 -4.25)"> 3320 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 3321 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 3322 </g> 3323</svg> 3324 3325 </a> 3326 3327 3328 </div> 3329 </div> 3330 3331 </div> 3332 </div> 3333 </div> 3334</section> 3335 3336 3337 </div> 3338</main> 3339 3340 3341 3342 3343 3344 3345 3346 3347 <div data-modal-id="information-message" class="modal modal-message" role="dialog" aria-modal="true" > 3348 <div class="modal__body"> 3349 <button class="modal__close"> 3350 <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"> 3351 <g> 3352 <g id="cross"> 3353 <g> 3354 <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 3355 134.5,127.5 81.9,75"> 3356 </polygon> 3357 </g> 3358 </g> 3359 </g> 3360 </svg> 3361 </button> 3362 <div class="modal__scroller"> 3363 <div class="modal__title" data-modal-var="title"> 3364 3365 </div> 3366 3367 <div class="modal__text" data-modal-var="text"> 3368 3369 </div> 3370 3371 <button class="modal__focus-trap"></button> 3372 </div> 3373 </div> 3374 <div class="modal__background"></div> 3375</div> 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387<footer id="" class="footer-v1 "> 3388 <div class="footer-v1__container container px-2 xl:px-8 mx-auto lg:max-w-[85rem]"> 3389 <div class="footer-v1__wrapper"> 3390 3391 <div id="" class="footer-v1-top my-20"> 3392 <div class="footer-v1-top__wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-y-10 gap-x-10"> 3393 3394 <div class="footer-column flex flex-col justify-between"> 3395 <div class="footer-logo my-3 first:mt-0 last:mb-0 flex justify-center"> 3396 <a class="logo_menber_link" href="/" target="" rel="nofollow"> 3397 <img class="logo_menber_img" src="images/logoFooter.png" alt="logo interkab" loading="lazy"> 3398 </a> 3399 </div> 3400 </div> 3401 <div class="footer-column "> 3402 <div class="footer-contact"> 3403 <div class="footer-contact__wrapper flex justify-center lg justify-start"> 3404 3405<div class="footer-coords"> 3406 <div class="footer-coords__wrapper"> 3407
3408 <div class="footer__coords coords"> 3409 <div class="coords__wrapper"> 3410 3411 <div class="coords__info coords__info--address"> 3412 <div class="coords__data"> 3413 <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 1</span></span> 3414 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3415 </div> 3416 </div> 3417 <div class="coords__info coords__info--address"> 3418 <div class="coords__data"> 3419 <span class="coords__value coords__value--address">24 PLACE DES ARTISANS </span> 3420 <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span> 3421 </div> 3422 </div> 3423 <div class="coords__info coords__info--address"> 3424 <div class="coords__data"> 3425 <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> 3426 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3427 </div> 3428 </div> 3429 <div class="coords__info coords__info--address"> 3430 <div class="coords__data"> 3431 <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span> 3432 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3433 </div> 3434 </div> 3435 <div class="coords__info coords__info--address"> 3436 <div class="coords__data"> 3437 <span class="coords__value coords__value--address"><a href='mailto:[email protected] ' style='font-weight:500; font-size:16px'>[email protected] </a></span> 3438 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3439 </div> 3440 </div> 3441 </div> 3442 </div> 3443 3444 </div> 3445</div> 3446 3447 3448 </div> 3449</div> 3450 3451 3452 3453 3454 </div> 3455 <div class="footer-column "> 3456 <div class="footer-contact"> 3457 <div class="footer-contact__wrapper flex justify-center lg justify-start"> 3458 3459<div class="footer-coords"> 3460 <div class="footer-coords__wrapper"> 3461
3462 <div class="footer__coords coords"> 3463 <div class="coords__wrapper"> 3464 3465 <div class="coords__info coords__info--address"> 3466 <div class="coords__data"> 3467 <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 2</span></span> 3468 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3469 </div> 3470 </div> 3471 <div class="coords__info coords__info--address"> 3472 <div class="coords__data"> 3473 <span class="coords__value coords__value--address"> 20 PLACE François Spoerry</span> 3474 <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span> 3475 </div> 3476 </div> 3477 <div class="coords__info coords__info--address"> 3478 <div class="coords__data"> 3479 <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> 3480 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3481 </div> 3482 </div> 3483 <div class="coords__info coords__info--address"> 3484 <div class="coords__data"> 3485 <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span> 3486 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3487 </div> 3488 </div> 3489 <div class="coords__info coords__info--address"> 3490 <div class="coords__data"> 3491 <span class="coords__value coords__value--address"><a href='mailto:[email protected]' style='font-weight:500; font-size:16px'>[email protected]</a></span> 3492 <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span> 3493 </div> 3494 </div> 3495 </div> 3496 </div> 3497 3498 </div> 3499</div> 3500 3501 3502 </div> 3503</div> 3504 3505 3506 3507 3508 </div> 3509 </div> 3510 </div> 3511 3512 3513 <div id="" class="footer-v1-last my-10"> 3514 <div class="footer-v1-last__wrapper flex flex-col"> 3515 3516 3517<div class="copyright mb-6"> 3518<div class="copyright__wrapper flex flex-col lg:flex-row justify-center"> 3519 <p class="copyright__text text-center mb-2 lg:text-left lg:mb-0">© 2026 | Tous droits réservés</p> 3520 <nav class="copyright-last__menu"> 3521 <ul class="copyright__nav-list nav-list flex flex-wrap justify-center"> 3522 3523 3524 3525 3526 <li class="nav-list__item pl-4"> 3527 <a 3528 href="/honoraires.pdf" 3529 title=" - Ouverture nouvelle fenêtre" 3530 target="_blank" 3531 class="nav-list__link"> 3532 Nos honoraires 3533 </a> 3534 </li> 3535 3536 3537 <li class="nav-list__item pl-4"> 3538 <a 3539 href="/nos-partenaires" 3540 title="" 3541 target="" 3542 class="nav-list__link"> 3543 Nos partenaires 3544 </a> 3545 </li> 3546 3547 3548 <li class="nav-list__item pl-4"> 3549 <a 3550 href="/mentions-legales" 3551 title="" 3552 target="" 3553 class="nav-list__link"> 3554 Mentions légales 3555 </a> 3556 </li> 3557 3558 <li class="nav-list__item pl-4"> 3559 <a title="Politique RGPD" class="nav-list__link" href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles">Politique RGPD</a> 3560 </li> 3561 <li class="nav-list__item pl-4">
3562 <button class="js_openPopinCookie nav-list__link">Cookies</button> 3563 </li> 3564 </ul> 3565 </nav> 3566</div> 3567</div> 3568 3569<div class="logolbi flex justify-center"> 3570 <span>Réalisé par :</span> 3571 <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"> 3572 <svg class="logolbi__svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 411.33 65.16" width="187.371" 3573 height="25.002" y="0px" x="0px"> 3574 <g> 3575 <rect x="90.54" y="5.23" width="8.52" height="32.83"/> 3576 <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"/> 3577 <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"/> 3578 <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"/> 3579 <rect x="212.34" y="14.93" width="8.62" height="23.13"/> 3580 <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"/> 3581 <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"/> 3582 <rect x="289.06" y="14.83" width="2.29" height="23.23"/> 3583 <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"/> 3584 <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"/> 3585 <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"/> 3586 <polygon 3587 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"/> 3588 <path d="M292.1,7.39c0,2.44-3.7,2.44-3.7,0s3.7-2.43,3.7,0"/> 3589 <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"/> 3590 <g> 3591 <polygon 3592 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"/> 3593 <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"/> 3594 <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"/> 3595 </g> 3596 <g> 3597 <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"/> 3598 <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"/> 3599 <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"/> 3600 <polygon 3601 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"/> 3602 <polygon 3603 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"/> 3604 <polygon 3605 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"/> 3606 <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"/> 3607 <rect x="199.62" y="48.98" width="1.8" height="9.63"/> 3608 <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"/> 3609 <polygon 3610 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"/> 3611 </g> 3612 <g> 3613 <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"/> 3614 <polygon 3615 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"/> 3616 <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"/> 3617 </g> 3618 <g> 3619 <rect x="275.53" y="48.98" width="1.8" height="9.63"/> 3620 <polygon 3621 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"/> 3622 <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"/> 3623 <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"/> 3624 <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"/> 3625 <polygon 3626 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"/> 3627 <polygon 3628 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"/> 3629 <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"/> 3630 <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"/> 3631 <polygon 3632 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"/> 3633 <polygon 3634 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"/> 3635 <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"/> 3636 </g> 3637 </g> 3638</svg> 3639 3640 </a> 3641</div> 3642 3643 </div> 3644 </div> 3645 3646 </div> 3647 </div> 3648</footer> 3649 3650<div class="footer__bottombar"></div> 3651 3652 </div> 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662<div class="cookie-consent rgpd-v1 "> 3663 <div class="cookiesv2Container"> 3664 <div class="cookiesStructure_1"> 3665 <div class="cookiesContent"> 3666 <p class="titreCookies"> 3667 Comme beaucoup, notre site
3668 <span class="colorPrimarySite">utilise les cookies</span> 3669 </p> 3670 <p class="textCookies"> 3671 <span class="textStrong">On aimerait vous accompagner pendant votre visite.</span> 3672 En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques ! 3673 </p> 3674 <div class="btnContainer"> 3675 <button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button> 3676 <button class="btnCookies" id="getValidAllCookies" type="button"> Tout accepter</button> 3677 </div> 3678 </div> 3679 </div> 3680 <div class="cookiesStructure_2 "> 3681 <div class="cookiesContent"> 3682 <div class="cookieTitle_Content"> 3683 <button class="btnRetour" id="getReturnCookies" type="button"> 3684 <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261"> 3685 <g transform="translate(1554.209 965.841) rotate(180)"> 3686 <path d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path> 3687 <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> 3688 <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> 3689 </g> 3690</svg> 3691 </button> 3692 <p class="topContentCookies"> Paramétrer</p> 3693 <button class="btnTop" id="getCloseCookies" type="button"> Tout refuser</button> 3694 </div> 3695 <div class="cookieParams_Content"> 3696 <div class="cookiesElement"> 3697 <div class="itemCheckboxCookieButtonContent"> 3698 <div class="textSectionStructure"> 3699 <div class="textSectionContent"> 3700 <span class="titreSection">Statistiques de visites</span> 3701 <button class="buttonAcordeon js_accordeonCookies"></button> 3702 </div> 3703 <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> 3704 </div> 3705 </div> 3706 <div class="itemCheckboxCookieContainer"> 3707 <div class="itemCheckboxCookieStructure"> 3708 <div class="titleContent"> 3709 <p class="titleElement"></p> 3710 </div> 3711 <div class="itemCheckboxCookieContent"> 3712 <div class="textContent"> 3713 <a class="linkElement" target="_blank" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a> 3714 <svg class="iconElement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid"> 3715 <g> 3716 <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" 3717 fill="#f9ab00"/> 3718 <g fill="#e37400"> 3719 <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"/> 3720 <circle cx="41" cy="163" r="21"/> 3721 </g> 3722 </g> 3723</svg> 3724 3725 3726 <p class="textElement">Google Analytics</p> 3727 </div>
3728 <div class="checkboxCookiesContent"> 3729 <input name="checkbox_googleAnalytics" class="checkboxCookies" 3730 id="checkedgoogleAnalytics" type="checkbox" disabled checked> 3731 <span class="requiredCookie">requis</span> 3732 </div> 3733 </div> 3734 <div class="itemCheckboxCookieContent"> 3735 <div class="textContent"> 3736 <a class="linkElement" target="_blank" href="https://support.google.com/tagmanager/answer/9323295?hl=fr">?</a> 3737 <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" 3738 viewBox="0 0 192 192" enable-background="new 0 0 192 192" xml:space="preserve"> 3739 <polygon fill="#8AB4F8" points="111.31,176.79 80.76,147 146.37,80 178,111 "/> 3740 <path fill="#4285F4" 3741 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"/> 3742 <path fill="#8AB4F8" 3743 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"/> 3744 <circle fill="#246FDB" cx="95.5" cy="162.5" r="21.5"/> 3745</svg> 3746 <p class="textElement">Google Tag Mananger</p> 3747 </div> 3748 <div class="checkboxCookiesContent"> 3749 <input name="checkbox_googleTagManager" class="checkboxCookies" 3750 id="checkedgoogleTagManager" type="checkbox" disabled checked> 3751 <span class="requiredCookie">requis</span> 3752 </div> 3753 </div> 3754 </div> 3755 </div> 3756</div> 3757 3758 </div> 3759 <div class="btnContainer btnConfigCookies"> 3760 <a href="i/redac/politiquecookies" class="btnCookies lightVersion" type="button">En savoir plus</a> 3761 <button class="btnCookies" id="getValidAllCookies_2" type="button">Tout accepter</button> 3762 <button class="btnCookies hidden" id="getSaveCookies" type="button">Enregistrer</button> 3763 </div> 3764 </div> 3765 </div> 3766 <input type="hidden" id="notDisplayForUrl" data-url="/i/redac/legals,/mentions-legales,"> 3767 </div> 3768</div> 3769 3770 3771 <div class="js_googleAnalytics_cookies" style="display: none" data-ga4="G-H7CDSK4FB9" data-ua=""></div>
3772<script language="JavaScript" type="text/javascript"> 3773 3774 function googleAnalytics() { 3775 let target = document.querySelector('.js_googleAnalytics_cookies'); 3776 if(target) { 3777 let ua = target.getAttribute('data-ua'); 3778 let ga4 = target.getAttribute('data-ga4'); 3779 3780 let code = null; 3781 if (ga4) { 3782 code = ga4; 3783 } else if (ua) { 3784 code = ua; 3785 } 3786 3787 if(code) { 3788 target.innerHTML = "
3788<script async src=\"https://www.googletagmanager.com/gtag/js?id=" + code + "\"><\/script>"; 3789 window.dataLayer = window.dataLayer || []; 3790 function gtag(){dataLayer.push(arguments);} 3791 dataLayer.push('js', new Date()); 3792 dataLayer.push('config', code); 3793 } 3794 } 3795 } 3796 3797</script>
3797 3798 <input type="hidden" class="js_googleTagManager_cookies" data-gtm="">
3799<script> 3800 function googleTagManager() { 3801 let gtm = document.querySelector('.js_googleTagManager_cookies')?.getAttribute('data-gtm'); 3802 if (gtm) { 3803 (function (w, d, s, l, i) { 3804 w[l] = w[l] || []; 3805 w[l].push({ 3806 'gtm.start': 3807 new Date().getTime(), event: 'gtm.js' 3808 }); 3809 var f = d.getElementsByTagName(s)[0], 3810 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 3811 j.async = true; 3812 j.src = 3813 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 3814 f.parentNode.insertBefore(j, f); 3815 })(window, document, 'script', 'dataLayer', 'GTM-' + gtm) 3816 } 3817 } 3818</script>
3818 3819 3820 3821 3822 3823 3824 3825 3826 3827
3827<script > 3828 /* -------------------------------------------------------------------------- */ 3829 /* NEW COOKIES RGPD */ 3830 /* -------------------------------------------------------------------------- */ 3831 3832 class cookiesRGPD { 3833 3834 constructor() { 3835 this.cookiesContainer = document.querySelector('.cookiesv2Container'); 3836 if(this.cookiesContainer) { 3837 this.cookiesStructure_1 = this.cookiesContainer.querySelector('.cookiesStructure_1'); 3838 this.cookiesStructure_2 = this.cookiesContainer.querySelector('.cookiesStructure_2'); 3839 this.listCookies = []; 3840 this.desactivedCookiesList = false; 3841 this.dataToSend = []; 3842 this.whiteList = ["PHPSESSID", "cookies_hasVerifiedV2"]; 3843 this.widgetCall = []; 3844 this.changeList = []; 3845 this.listCheckbox = this.cookiesContainer.querySelectorAll('.checkboxCookies'); 3846 this.arrayOfUrl = this.cookiesContainer.querySelector('#notDisplayForUrl')?.getAttribute('data-url')?.split(','); 3847 if(this.cookiesStructure_1 && this.cookiesStructure_2) { 3848 this.animCookiesLoading(); 3849 } 3850 } 3851 } 3852 3853 animCookiesLoading() { 3854 this.formatedListCookies(); 3855 let url = document.location.href.split('/'); 3856 let lengthUrl = url.length - 1; 3857 this.initCookiesForced(); 3858 if(this.listCookies['cookies_hasVerifiedV2'] === undefined && !url[lengthUrl].includes(this.arrayOfUrl)) { 3859 if(this.listCookies['cookies_widgetActivatedV2']) { 3860 this.initCookiesHasVerified(); 3861 } 3862 setTimeout(() => { 3863 this.cookiesStructure_1.classList.add('active'); 3864 }, 2000); 3865 } else { 3866 this.initCookiesHasVerified(); 3867 } 3868 this.initCookies(); 3869 this.displayPopin(); 3870 } 3871 3872 formatedListCookies() { 3873 let cookies = this.getAllCookies(); 3874 for (const element of cookies) { 3875 let item = element.split(';')[0].split('='); 3876 this.listCookies[item[0]] = item[1]; 3877 } 3878 } 3879 3880 initCookiesForced() {
3881 this.listCheckbox.forEach((element) => { 3882 if(element.checked) { 3883 let name = element.getAttribute('name').split('_')[1]; 3884 this.callFunctionCookies(name, "cookies_" + name, true); 3885 } 3886 }); 3887 } 3888 3889 initCookiesHasVerified() { 3890 const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}'); 3891 for(let cookies in this.listCookies) { 3892 if(regex.test(cookies) && cookies !== "cookies_hasVerifiedV2" && cookies !== "cookies_widgetActivatedV2") { 3893 this.initCookiesChecked(cookies); 3894 this.callFunctionCookies(cookies.split('_')[1], null, true); 3895 } 3896 } 3897 } 3898 3899 initCookies() { 3900 this.animCookiesClickParams(); 3901 this.animCookiesClickReturn(); 3902 this.animCookiesClickValidAll(); 3903 this.accordeonCookies(); 3904 this.countCookiesChangeSave(); 3905 this.animCookiesClickSave(); 3906 this.animCookiesClickNoCookies(); 3907 } 3908 3909 displayPopin() { 3910 document.querySelector('.js_openPopinCookie')?.addEventListener('click', (event) => { 3911 this.cookiesStructure_1.classList.add('active'); 3912 this.cookiesStructure_2.classList.remove('active'); 3913 }); 3914 } 3915 3916 animCookiesClickParams() { 3917 this.cookiesContainer.querySelector('#getParamsCookies')?.addEventListener('click', (event) => { 3918 this.cookiesStructure_1.classList.remove('active'); 3919 setTimeout(() => { 3920 this.cookiesStructure_2.classList.add('active'); 3921 },500); 3922 }); 3923 } 3924 3925 animCookiesClickReturn() { 3926 this.cookiesContainer.querySelector('#getReturnCookies')?.addEventListener('click', (event) => { 3927 this.cookiesStructure_2.classList.remove('active'); 3928 setTimeout(() => { 3929 this.cookiesStructure_1.classList.add('active'); 3930 },500); 3931 }); 3932 } 3933 3934 animCookiesClickValidAll() { 3935 this.cookiesContainer.querySelector('#getValidAllCookies')?.addEventListener('click', () => { 3936 this.actionAnimCookiesClickValidAll(); 3937 }); 3938 this.cookiesContainer.querySelector('#getValidAllCookies_2')?.addEventListener('click', () => { 3939 this.actionAnimCookiesClickValidAll(); 3940 }); 3941 } 3942 3943 animCookiesClickNoCookies() { 3944 this.cookiesContainer.querySelector('#getCloseCookies')?.addEventListener('click', () => { 3945 this.animCookiesClickNoCookiesAction(); 3946 }); 3947 this.cookiesContainer.querySelector('#getCloseCookies_2')?.addEventListener('click', () => { 3948 this.animCookiesClickNoCookiesAction(); 3949 }); 3950 } 3951 3952 animCookiesClickSave() { 3953 this.cookiesContainer.querySelector('#getSaveCookies')?.addEventListener('click', (event) => { 3954 this.animCookiesClickSaveAction(); 3955 this.reinitChangeList(); 3956 }); 3957 } 3958 3959 countCookiesChangeSave() {
3960 this.listCheckbox.forEach((elements) => { 3961 let array = { 3962 'value': false, 3963 'count': 0 3964 }; 3965 elements.addEventListener('change', (element) => { 3966 array.value = element.currentTarget.checked; 3967 array.count = array.count + 1; 3968 this.changeList[element.currentTarget.id] = array; 3969 this.changeActionCookiesSave(); 3970 }); 3971 }); 3972 } 3973 3974 getAllCookies() { 3975 return document.cookie.split(' '); 3976 } 3977 3978 initCookiesChecked(cookies) { 3979 let cookieChecked = document.querySelector('#checked' + cookies.split('_')[1]); 3980 if (cookieChecked !== null) { 3981 cookieChecked.checked = true; 3982 } else { 3983 this.animCookiesClickSaveAction(); 3984 this.reinitChangeList(); 3985 } 3986 } 3987 3988 actionAnimCookiesClickValidAll() { 3989 this.dataToSend = []; 3990 for(let item of this.listCheckbox) { 3991 item.checked = true; 3992 let name = item.getAttribute('name'); 3993 if(name) { 3994 this.dataToSend[name] = true; 3995 } 3996 } 3997 this.animCookiesClose(false, false); 3998 } 3999 4000 accordeonCookies() { 4001 let accordeons = this.cookiesContainer.querySelectorAll('.js_accordeonCookies'); 4002 if(accordeons.length) { 4003 accordeons.forEach((accordeon) => { 4004 accordeon.addEventListener('click', (element) => { 4005 let parent = element.currentTarget.closest('.cookiesElement'); 4006 let sectionHide = parent.querySelector('.itemCheckboxCookieContainer'); 4007 let sectionHeigt = 0; 4008 if(sectionHide && sectionHide.querySelector('.itemCheckboxCookieStructure')) { 4009 sectionHeigt = sectionHide.querySelector('.itemCheckboxCookieStructure').clientHeight; 4010 } 4011 if(parent.classList.contains('active')) { 4012 if(sectionHide) { 4013 sectionHide.style.height = 0; 4014 } 4015 parent.classList.remove('active'); 4016 } else { 4017 let cookiesActive = this.cookiesContainer.querySelector('.cookiesElement.active'); 4018 if(cookiesActive) { 4019 let cookiesActiveItem = this.cookiesContainer.querySelector('.cookiesElement.active .itemCheckboxCookieContainer'); 4020 if(cookiesActiveItem) { 4021 cookiesActiveItem.style.height = 0; 4022 } 4023 cookiesActive.classList.remove('active'); 4024 } 4025 if(sectionHide) { 4026 sectionHide.style.height = sectionHeigt + "px"; 4027 } 4028 parent.classList.add('active'); 4029 } 4030 }); 4031 }); 4032 } 4033 } 4034 4035 changeActionCookiesSave() { 4036 let count = 0; 4037 let allAcceptedBtn = document.querySelector('#getValidAllCookies_2'); 4038 let savedBtn = document.querySelector('#getSaveCookies'); 4039 for (let [key,element] of Object.entries(this.changeList)) { 4040 if(element.count%2 !== 0) { 4041 count++; 4042 } 4043 } 4044 if(allAcceptedBtn && savedBtn) { 4045 if(count) { 4046 this.displaySavedButton(allAcceptedBtn, savedBtn); 4047 } else { 4048 this.displayAcceptedButton(allAcceptedBtn, savedBtn); 4049 } 4050 } 4051 } 4052 4053 displaySavedButton(allAcceptedBtn, savedBtn) { 4054 allAcceptedBtn.classList.add('hidden'); 4055 savedBtn.classList.remove('hidden'); 4056 } 4057 4058 displayAcceptedButton(allAcceptedBtn, savedBtn) { 4059 savedBtn.classList.add('hidden'); 4060 allAcceptedBtn.classList.remove('hidden'); 4061 } 4062 4063 setAllCheckboxAtThisTime() { 4064 this.dataToSend = []; 4065 for(let item of this.listCheckbox) { 4066 let name = item.getAttribute('name'); 4067 if(name) { 4068 this.dataToSend[name] = item.checked; 4069 } 4070 } 4071 } 4072
4073 getActionDeleteOrAddCookies() { 4074 for (let [key,element] of Object.entries(this.changeList)) { 4075 if(element.count%2 !== 0 && !element.value) { 4076 this.desactivedCookiesList = true; 4077 break; 4078 } 4079 } 4080 } 4081 4082 animCookiesClickSaveAction() { 4083 this.animCookiesApplyCookies(true); 4084 this.setAllCheckboxAtThisTime(); 4085 this.checkCheckboxCookies(); 4086 this.getActionDeleteOrAddCookies(); 4087 this.reloadLocationCookies(this.desactivedCookiesList); 4088 } 4089 4090 checkCheckboxCookies() { 4091 for(let data in this.dataToSend) { 4092 let key = data.split('_')[1]; 4093 this.callFunctionCookies(key, "cookies_" + key, this.dataToSend[data]); 4094 } 4095 } 4096 4097 reinitChangeList() { 4098 for (let [key,element] of Object.entries(this.changeList)) { 4099 this.changeList[key].count = 0; 4100 } 4101 this.desactivedCookiesList = false; 4102 } 4103 4104 animCookiesClickNoCookiesAction() { 4105 this.dataToSend = []; 4106 for(let item of this.listCheckbox) { 4107 if (item.hasAttribute('disabled')) { 4108 item.checked = true; 4109 } else { 4110 item.checked = false; 4111 } 4112 let name = item.getAttribute('name'); 4113 if(name) { 4114 this.dataToSend[name] = item.checked; 4115 } 4116 } 4117 this.animCookiesClose(true, true); 4118 } 4119 4120 getArrayCookies() { 4121 let listCookieNow = this.getAllCookies(); 4122 let newListCookieNow = []; 4123 listCookieNow.forEach((element) => { 4124 newListCookieNow.push(element.replace(';', '')); 4125 }); 4126 return newListCookieNow; 4127 } 4128 4129 cookiesHasVerifiedActived(reload) { 4130 if(reload) { 4131 let newListCookieNow = this.getArrayCookies(); 4132 if(newListCookieNow.includes('cookies_hasVerifiedV2=true') || newListCookieNow.includes('cookies_widgetActivatedV2=true')) { 4133 location.reload(); 4134 } 4135 } 4136 } 4137 4138 animCookiesClose(reload, deleted) { 4139 this.closeAllPopin(); 4140 this.animCookiesApplyCookies(deleted); 4141 this.reloadLocationCookies(reload); 4142 } 4143 4144 closeAllPopin() { 4145 this.cookiesStructure_1.classList.remove('active'); 4146 this.cookiesStructure_2.classList.remove('active'); 4147 let allAcceptedBtn = document.querySelector('#getValidAllCookies_2'); 4148 let savedBtn = document.querySelector('#getSaveCookies'); 4149 if(allAcceptedBtn && savedBtn) { 4150 this.displayAcceptedButton(allAcceptedBtn, savedBtn); 4151 } 4152 } 4153 4154 reloadLocationCookies(reload) { 4155 this.cookiesHasVerifiedActived(reload); 4156 this.closeAllPopin(); 4157 document.cookie = "cookies_hasVerifiedV2" + this.expiredCookie(true); 4158 } 4159 4160 animCookiesApplyCookies(deleted) { 4161 if(deleted) { 4162 for(let cookie of this.getAllCookies()) { 4163 let name = cookie.split('=')[0]; 4164 let nameFeature = name.split('_')[1]; 4165 if(!this.whiteList.includes(name)) { 4166 let key = name.split('_')[1]; 4167 this.callFunctionCookies(key, name, this.dataToSend['checkbox_' + nameFeature]); 4168 } 4169 } 4170 } else { 4171 this.checkCheckboxCookies(); 4172 } 4173 } 4174 4175 callFunctionCookies(key, cookieName = false, data = false) { 4176 if(cookieName) { 4177 document.cookie = cookieName + this.expiredCookie(data); 4178 } 4179 if(data && typeof window[key] === "function") { 4180 if(!this.widgetCall.includes(key)) { 4181 this.widgetCall.push(key); 4182 window[key](); 4183 } 4184 } 4185 } 4186 4187 calcDateExpiration(isNotExpired) { 4188 let expiredDate = new Date(); 4189 let year = 2000; 4190 let month = 1; 4191 if(isNotExpired) { 4192 year = expiredDate.getFullYear() + 1;
4193 month = expiredDate.getMonth() + 1; 4194 } 4195 let dateUTC = new Date(Date.UTC(year, month, 1)); 4196 return dateUTC.toUTCString(); 4197 } 4198 4199 expiredCookie(data) { 4200 return "=" + data + "; expires=" + this.calcDateExpiration(data) + "; path=/;" 4201 } 4202 4203 } 4204 4205 window.addEventListener('load', () => { 4206 let callCookies = new cookiesRGPD(); 4207 let target = document.getElementsByClassName("cookiesv2Container"); 4208 setTimeout(() => { 4209 if(target && target[0]) { 4210 target[0].style.display = "block"; 4211 } 4212 }, 1000); 4213 }); 4214 4215 </script>
4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226</div> 4227 4228<div class="js-search-holder--vertical"></div> 4229 4230 4231 4232
4233<script defer src='js/vendors/vendors.min.js?v=0.0.1'></script>
vendor: 1 bytes, line 4233
4233
4234<script defer src='js/main.min.js?v=0.0.1'></script>
4234 4235
4236<script> 4237 (function () { 4238 4239 window.l10n = { 4240 slimselect: { 4241 searchText: 'Aucun résultat', 4242 searchingText: 'Recherche', 4243 searchPlaceholder: 'Rechercher', 4244 placeholderText: 'Saisir une valeur', 4245 4246 4247 }, 4248 search:{ 4249 searchBtnSwitchBase: 'Utilisez le moteur de recherche classique', 4250 searchBtnSwitchIA: 'Utilisez le moteur de recherche IA' 4251 }, 4252 formats: { 4253 date: 'dd/mm/YYYY', 4254 localString: 'fr' 4255 } 4256 }; 4257 4258 window.appAsyncInit = function () { 4259 4260 var core = new APP.Levant({ 4261 baseUrl: 'https://www.port-grimaud-immobilier.fr/', 4262 currentUrl: '/', 4263 section: 'index', 4264 env: 'prod', 4265 searchEngine: '', 4266 model: 'levant', 4267 BREAKPOINT_MENU_SWITCH: '1279' 4268 }); 4269 } 4270 4271 })(); 4272</script>
4272 4273 4274 <div class="modal search-filter-full" data-modal-id="search-filter-full"> 4275 <div class="modal__body"> 4276 <button class="button_default button_icon modal__close"> 4277 <span class="modal__close-label">Fermer</span> 4278 <span class="modal__close-icon"><svg class="modal__close-drawing" width="9.679" height="9.679" viewBox="0 0 9.679 9.679"> 4279 <g transform="translate(-269.25 -5983.75)"> 4280 <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)" /> 4281 <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)" /> 4282 </g> 4283</svg></span> 4284 </button> 4285 <div class="loader_container"></div> 4286 <div class="modal__container"> 4287 <div class="modal__scroller"> 4288 <form method="post" 4289 action="/nos-biens/xdpezdofyyytkyf3/1" 4290 class="form-search-filter list-annonces-form js-form-search-filter open" 4291 id="js-main_popin" 4292 data-form-name="form-main"> 4293 <div class="formLine__container"> 4294 <div class="formLine__structure"> 4295 4296 4297 4298 <div class="line__container line1__container"> 4299 <div class="line__structure section0 canHidden "> 4300 <div class="form__field form-offredem__field" data-component-name="offredem"> 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio"> 4320 <div class="form__structure"> 4321 <ul class="form__content"> 4322 <li class="list-elements__structure js_change_form_parent">
4323 <span data-init="acheter" class=" js_change_form_parent_active button-select__element active">ACHETER <span class="button-select__element__text">De l'ancien</span><span class="button-select__element__icon"><svg xmlns="http://www.w3.org/2000/svg" class="" width="5.756" height="10.008" viewBox="0 0 5.756 10.008"> 4324 <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)"/> 4325</svg> 4326</span></span> 4327 <ul class="elements__content"> 4328 <li class="item-element"> 4329 <input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_0" 4330 value="0" checked="checked" data-search-field="offredem" 4331 data-search-id="offredem0" 4332 data-search-label="De l'ancien" 4333 > 4334 <label data-form="js-form-search-filter" class="js_change_form item-label" for="main_popin__offredem__0_0" data-search-id="offredem0" data-search-label="De l'ancien"> 4335 <span class="radio__item-span"></span> 4336 <span class="radio__item-text">De l'ancien</span> 4337 </label> 4338 </li> 4339 <li class="item-element"> 4340 <input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_10" 4341 value="10" data-search-field="offredem" 4342 data-search-id="offredem10" 4343 data-search-label="De l'immo pro" 4344 > 4345 <label data-form="js-form-search-filter" class="js_change_form item-label" for="main_popin__offredem__0_10" data-search-id="offredem10" data-search-label="De l'immo pro"> 4346 <span class="radio__item-span"></span> 4347 <span class="radio__item-text">De l'immo pro</span> 4348 </label> 4349 </li> 4350 </ul> 4351 </li> 4352 <li class="list-elements__structure"> 4353 <button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button> 4354 </li> 4355 </ul> 4356 </div> 4357 <div class="link-email__content"> 4358 <a href="/alerte-email" class="link-email__element links-group__link button"> 4359 <span class="link-email__content-label">Créez votre alerte e-mail</span> 4360 <span class="link-email__content-icon"><svg xmlns="http://www.w3.org/2000/svg" class="link-email__content-icon-svg" width="9.507" height="9.507" viewBox="0 0 9.507 9.507"> 4361 <g transform="translate(-4.25 -4.25)"> 4362 <path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/> 4363 <path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"/> 4364 </g> 4365</svg> 4366</span> 4367 </a> 4368 </div> 4369</div> 4370</div> 4371 </div> 4372 </div> 4373 <div class="line__container line2__container"> 4374 <div class="line__structure section0 canHidden "> 4375 <div class="form__field form-type__field" data-component-name="type"><div class="formSelect__container formSelect__container__type" data-search-component="type" data-search-field-type="select"> 4376 <div class="formSelect__structure"> 4377 <label class="label-element" for="main_popin__type__0">Type de bien</label> 4378 <div class="formSelect__content"> 4379 <select multiple name="type[]" id="main_popin__type__0" class="select__input js-select-search" data-field="type[]"> 4380 <option value="2" data-text="Ap
4380partement" class=""> 4381 Appartement 4382 </option> 4383 <option value="20" data-text="Autre" class=""> 4384 Autre 4385 </option> 4386 <option value="1" data-text="Maison" class=""> 4387 Maison 4388 </option> 4389 <option value="26" data-text="Rez de jardin" class=""> 4390 Rez de jardin 4391 </option> 4392 </select> 4393 </div> 4394 </div> 4395</div> 4396</div> 4397 <div class="form__field form-commerce__field" data-component-name="commerce"></div> 4398 </div> 4399 <div class="line__structure section1 canHidden "> 4400 <div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation" 4401 data-search-field-type="localizator"> 4402 <div class="formSelect__structure"> 4403 <div class="formSelect__content"> 4404 <div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0" 4405 data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch" 4406 data-field="localisation[loc][]" 4407 > 4408 <div class="localizator__summary"> 4409 <div class="localizator__values"> 4410 <div class="localizator__value localizator__value--count"></div> 4411 <div class="localizator__hidden"></div> 4412 </div> 4413 </div> 4414 <div class="localizator__content"> 4415 <div class="localizator__input textfield"> 4416 <input class="textfield__input" type="text" spellcheck="false" 4417 placeholder="Localisation"> 4418 </div> 4419 <div class="ss-add"><span class="ss-plus"></span></div> 4420 <div class="localizator__search"> 4421 <div class="localizator__select"> 4422 <select class="js-select js-select--custom js-select--main" multiple="multiple"> 4423 </select> 4424 </div> 4425 </div> 4426 4427 <div class="localizator__values-container"> 4428 <div class="localizator__values"> 4429 4430 </div> 4431 <div class="localizator__extra"> 4432 <div class="radios"> 4433 <fieldset class="radios__fieldset"> 4434 <legend class="radios__legend">Dans un rayon de</legend> 4435 <ul class="radios__group"> 4436 <li class="radios__item"> 4437 <div class="radio"> 4438 4439 <input 4440 class="input_radio_element" 4441 type="radio" 4442 name="localisation[distance]" 4443 value="5" 4444 id="main_popin__localisation__0_distance_5" 4445 data-field="localisation[distance]" 4446 data-search-label="autour de 5 km" 4447 /> 4448 <label class="label_radio_element" for="main_popin__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label> 4449 </div> 4450 </li> 4451 <li class="radios__item"> 4452 <div class="radio"> 4453 4454 <input 4455 class="input_radio_element" 4456 type="radio" 4457 name="localisation[distance]" 4458 value="10" 4459 id="main_popin__localisation__0_distance_10" 4460 data-field="localisation[distance]" 4461 data-search-label="autour de 10 km" 4462 /> 4463 <label class="label_radio_element" for="main_popin__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label> 4464 </div> 4465 </li> 4466 <li class="radios__item"> 4467 <div class="radio"> 4468 4469 <input 4470 class="input_radio_element" 4471 type="radio" 4472 name="localisation[distance]" 4473 value="15" 4474 id="main_popin__localisation__0_distance_15" 4475 data-field="localisation[distance]" 4476 data-search-label="autour de 15 km" 4477 /> 4478 <label class="label_radio_element" for="main_popin__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label> 4479 </div> 4480 </li> 4481 <li class="radios__item"> 4482 <div class="radio"> 4483 4484 <input 4485 class="input_radio_element" 4486 type="radio" 4487 name="localisation[distance]" 4488 value="20" 4489 id="main_popin__localisation__0_distance_20" 4490 data-field="localisation[distance]" 4491 data-search-label="autour de 20 km" 4492 /> 4493 <label class="label_radio_element" for="main_popin__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label> 4494 </div> 4495 </li> 4496 <li class="radios__item"> 4497 <div class="radio"> 4498 4499 <input 4500 class="input_radio_element" 4501 type="radio" 4502 name="localisation[distance]" 4503 value="25" 4504 id="main_popin__localisation__0_distance_25" 4505 data-field="localisation[distance]" 4506 data-search-label="autour de 25 km" 4507 /> 4508 <label class="label_radio_element" for="main_popin__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label> 4509 </div> 4510 </li> 4511 <li class="radios__item"> 4512 <div class="radio"> 4513 4514 <input 4515 class="input_radio_element" 4516 type="radio" 4517 name="localisation[distance]" 4518 value="30" 4519 id="main_popin__localisation__0_distance_30" 4520 data-field="localisation[distance]" 4521 data-search-label="autour de 30 km" 4522 /> 4523 <label class="label_radio_element" for="main_popin__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label> 4524 </div> 4525 </li> 4526 </ul> 4527 </fieldset> 4528 </div> 4529 </div> 4530 </div> 4531 </div> 4532 <div class="localizator__plus"></div> 4533 </div> 4534 </div> 4535 </div> 4536</div> 4537 4538 4539 4540</div> 4541 </div> 4542 </div> 4543 <div class="line__container line3__container"> 4544 <div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble"> 4545 <div class="formBubble__structure"> 4546 <ul class="formBubble__content"></ul> 4547 </div> 4548 <button type="button" class="button-more__element js_button-more__element"></button> 4549</div> </div> 4550 <div class="line__container line4__container"> 4551 <div class="line__structure section0 canHidden hidden "> 4552 <div class="form__field form-nbpieces__field" data-component-name="nbpieces"></div> 4553 <div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div> 4554 </div> 4555 <div class="line__structure section1 canHidden hidden "> 4556 <div class="form__field form-nbchambres__field" data-component-name="nbchambres"></div> 4557 </div> 4558 <div class="line__structure section2 canHidden hidden "> 4559 <div class="form__field form-nbsdb__field" data-component-name="nbsdb"></div> 4560 </div> 4561 <div class="line__structure section3 canHidden hidden "> 4562 <div class="form__field form-nbse__field" data-component-name="nbse"></div> 4563 </div> 4564 </div> 4565 <div class="line__container line5__container"> 4566 <div class="line__structure section0 canHidden hidden "> 4567 <div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div> 4568 </div> 4569 <div class="line__structure section1 canHidden "> 4570 <div class="form__field form-prices__field" data-component-name="prices"> 4571<div class="formRange__container range " data-search-component="prices" data-search-field-type="range" data-min="70000" 4572 data-max="5250000" data-search-label="Budget"> 4573 <div class="formRange__structure"> 4574 <label for="main_popin__prices__0" 4575 class="formRange__label">Budget </label> 4576 <div class="range__input" tabindex="0" data-steps="" data-id="price"> 4577 <div class="formRange__content range__summary"> 4578 Budget 4579 </div> 4580 <div class="range__plus"></div> 4581 <div class="range__content"> 4582 <div class="range__slider"></div> 4583 <div class="range__preview"> 4584 <div class="range__highlight">
4585 <span class="range__text">Mini</span> 4586 <input name="prices[min]" type="number" value="70000" class="range__input range__input-min" data-field="prices[min]"> 4587 <input type="hidden" name="prices[rmin]" value="70000" class="range__input-rmin"> 4588 <span class="range__unit">â¬</span> 4589 </div> 4590 <div class="range__highlight"> 4591 <span class="range__text">Maxi</span> 4592 <input name="prices[max]" type="number" value="5250000" class="range__input range__input-max" data-field="prices[max]"> 4593 <input type="hidden" name="prices[rmax]" value="5250000" class="range__input-rmax"> 4594 <span class="range__unit">â¬</span> 4595 </div> 4596 </div> 4597 <div class="formRange__reset-content"> 4598 <button type="reset" class="button__reset-button"> 4599 <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 4600 <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 4601 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 4602 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 4603 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"/> 4604</svg> 4605</span> 4606 <span class="button__reset-label">Réinitialiser ce filtre</span> 4607 </button> 4608</div> 4609 </div> 4610 </div> 4611 </div> 4612</div> 4613</div> 4614 <div class="form__field form-loyer__field" data-component-name="loyer"></div> 4615 <div class="form__field form-loyersais__field" data-component-name="loyersais"></div> 4616 </div> 4617 <div class="line__structure section2 canHidden "> 4618 <div class="form__field form-surface__field" data-component-name="surface"> 4619<div class="formRange__container range " data-search-component="surface" data-search-field-type="range" data-min="0" 4620 data-max="400" data-search-label="Surface"> 4621 <div class="formRange__structure"> 4622 <label for="main_popin__surface__0" 4623 class="formRange__label">Surface </label> 4624 <div class="range__input" tabindex="0" data-steps="" data-id="price"> 4625 <div class="formRange__content range__summary"> 4626 Surface 4627 </div> 4628 <div class="range__plus"></div> 4629 <div class="range__content"> 4630 <div class="range__slider"></div> 4631 <div class="range__preview"> 4632 <div class="range__highlight"> 4633 <span class="range__text">Mini</span> 4634 <input name="surface[min]" type="number" value="0" class="range__input range__input-min" data-field="surface[min]"> 4635 <input type="hidden" name="surface[rmin]" value="0" class="range__input-rmin"> 4636 <span class="range__unit">m²</span> 4637 </div> 4638 <div class="range__highlight"> 4639 <span class="range__text">Maxi</span> 4640 <input name="surface[max]" type="number" value="400" class="range__input range__input-max" data-field="surface[max]"> 4641 <input type="hidden" name="surface[rmax]" value="400" class="range__input-rmax"> 4642 <span class="range__unit">m²</span> 4643 </div> 4644 </div> 4645 <div class="formRange__reset-content"> 4646 <button type="reset" class="button__reset-button"> 4647 <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 4648 <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 4649 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 4650 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 4651 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"/> 4652</svg> 4653</span>
4654 <span class="button__reset-label">Réinitialiser ce filtre</span> 4655 </button> 4656</div> 4657 </div> 4658 </div> 4659 </div> 4660</div> 4661</div> 4662 </div> 4663 <div class="line__structure section3 canHidden hidden "> 4664 <div class="form__field form-surfaceterrain__field" data-component-name="surfaceterrain"></div> 4665 </div> 4666 </div> 4667 <div class="line__container line6__container"> 4668 <div class="line__structure section0 canHidden hidden "> 4669 <div class="form__field form-datedispo__field" data-component-name="datedispo"></div> 4670 </div> 4671 <div class="line__structure section1 canHidden hidden "> 4672 <div class="form__field form-dispositifsfiscaux__field" data-component-name="dispositifsfiscaux"></div> 4673 </div> 4674 <div class="line__structure section2 canHidden hidden "> 4675 <div class="form__field form-secteuractivite__field" data-component-name="secteuractivite"></div> 4676 </div> 4677 </div> 4678 <div class="line__container line7__container"> 4679 <div class="line__structure section0 canHidden "> 4680 <div class="form__field form-particularites__field" data-component-name="particularites"><div class="formCheckbox__container" data-search-component="particularites" data-search-field-type="checkbox-group"> 4681 <div class="formCheckbox__structure"> 4682 <p class="formCheckbox__label-checkbox">Particularites</p> 4683 <div class="formCheckbox__content"> 4684 <ul class="formCheckbox__list-content"> 4685 <li class="list-element"> 4686 <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_7" 4687 value="7" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 10 à 12 m"> 4688 <label class="checkbox-label" for="main_popin__particularites__0_7"> 4689 <span class="checkbox-span"></span> 4690 <span class="checkbox-text">Amarrage Port Grimaud 10 à 12 m</span> 4691 </label> 4692 </li> 4693 <li class="list-element"> 4694 <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_8" 4695 value="8" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 13 à 16 m"> 4696 <label class="checkbox-label" for="main_popin__particularites__0_8"> 4697 <span class="checkbox-span"></span> 4698 <span class="checkbox-text">Amarrage Port Grimaud 13 à 16 m</span> 4699 </label> 4700 </li> 4701 <li class="list-element"> 4702 <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_4" 4703 value="4" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 7 à 9 m"> 4704 <label class="checkbox-label" for="main_popin__particularites__0_4"> 4705 <span class="checkbox-span"></span> 4706 <span class="checkbox-text">Amarrage Port Grimaud 7 à 9 m</span> 4707 </label> 4708 </li> 4709 <li class="list-element"> 4710 <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_9" 4711 value="9" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 17 à 20 m"> 4712 <label class="checkbox-label" for="main_popin__particularites__0_9">
4713 <span class="checkbox-span"></span> 4714 <span class="checkbox-text">Amarrage Port Grimaud 17 Ã 20 m</span> 4715 </label> 4716 </li> 4717 </ul> 4718 </div> 4719 </div> 4720</div> 4721</div> 4722 </div> 4723 <div class="line__structure section1 canHidden hidden "> 4724 <div class="form__field form-equipements__field" data-component-name="equipements"></div> 4725 </div> 4726 <div class="line__structure section2 canHidden hidden "> 4727 <div class="form__field form-exposition__field" data-component-name="exposition"></div> 4728 </div> 4729 </div> 4730 <div class="line__container line8__container"> 4731 <div class="line__structure sectionParams"> 4732 <div class="line__title-element"> 4733 <p class="title-element">Afficher les biens</p> 4734 </div> 4735 </div> 4736 <div class="line__structure section0 canHidden "> 4737 <div class="form__field form-visitevirtuelle__field" data-component-name="visitevirtuelle"><div class="formSwitch__container" data-search-component="visitevirtuelle" data-search-field-type="checkbox-group"> 4738 <div class="formSwitch__structure"> 4739 <div class="formSwitch__content"> 4740 <input value="1" class="checkbox-input" type="checkbox" name="visitevirtuelle" id="main_popin__visitevirtuelle__0_visitevirtuelle" data-search-field="visitevirtuelle" data-search-label="Uniquement avec visite virtuelle"> 4741 <label class="checkbox-label" for="main_popin__visitevirtuelle__0_visitevirtuelle"><span class="switch-checkbox"></span> Uniquement avec visite virtuelle</label> 4742 </div> 4743 </div> 4744</div></div> 4745 </div> 4746 <div class="line__structure section1 canHidden hidden "> 4747 <div class="form__field form-internet__field" data-component-name="internet"></div> 4748 </div> 4749 <div class="line__structure section2 canHidden hidden "> 4750 <div class="form__field form-animauxaccepted__field" data-component-name="animauxaccepted"></div> 4751 </div> 4752 </div> 4753 4754 </div> 4755 <div class="form-estimate__container js_form_estimate"> 4756 <div class="form-estimate__structure"> 4757 <p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p> 4758 4759 4760 4761 4762 4763 4764<div class="form__field textfield form-estimate__input-content "> 4765 <input 4766 type="text" 4767 name="data[][adressebien]" 4768 class="textfield__input" 4769 id="f__adressebien" 4770 placeholder="Saisir votre adresse " 4771 data-label="champs texte" 4772 4773 4774 > 4775</div> 4776 4777 4778 4779 <div class="links-group "> 4780 <div class="links-group__wrapper flex "> 4781 4782 4783 4784 4785 4786 4787 <a 4788 href="/estimation?expand=estimation_pro_group#estimation-formulaires" 4789 class="links-group__link form-estimate__button cta-
4789primary" 4790 target="" 4791 title="Estimer votre bien " 4792 > 4793 <span class=" ">Estimer votre bien</span> 4794 </a> 4795 4796 4797 </div> 4798 </div> 4799 4800 </div> 4801</div> 4802 </div> 4803 <div class="formSubmit__container"> 4804 <div class="formSubmit__structure"> 4805 <button class="js_submit_main_form button-submit__item link-email__element links-group__link button" type="button"> 4806 <span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"> 4807 <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"/> 4808</svg> 4809</span> 4810 <span class="submit__label js_ajax_counter">Voir les <span>59</span> annonces</span> 4811 </button> 4812 <button class="button-reset__item js_reset_global_form" type="button"> 4813 <span class="button-reset__item-icon"><svg class="button-reset__item-icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9"> 4814 <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 4815 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 4816 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 4817 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"/> 4818</svg> 4819</span> 4820 <span class="submit__content">Réinitialiser</span> 4821 </button> 4822 </div> 4823 </div> 4824 <input type="hidden" id="allow_fields_form_full" name="allow_fields" value="offredem,type,localisation,prices,surface,visitevirtuelle,particularites,reference"> 4825 </form> 4826 <div class="formReference__container"> 4827 <div class="formReference__structure"> 4828 <label class="label__item">Rechercher par référence</label> 4829 <form class="formReference__content" action="/nos-biens/xdpezdofyyytkyf3/1" method="GET"> 4830 <div class="form__content"> 4831 <input class="input__item" type="text" name="reference" id="reference" required placeholder="Saisir la référence / N° de dossier"> 4832 <input type="hidden" name="allow_fields" value="reference"> 4833 </div> 4834 <button class="button_item" type="submit">OK</button> 4835 </form> 4836 </div> 4837</div> <button class="modal__focus-trap"></button> 4838 </div> 4839 </div> 4840 </div> 4841 <div class="modal__background"></div> 4842 </div> 4843 <style> 4844 input[type="date" i]::-webkit-calendar-picker-indicator{ 4845 display:none 4846 } 4847 input::-webkit-date-and-time-value { 4848 text-align: left; 4849 } 4850 </style>
vendor: 67 bytes, lines 4850-4856
4850 4851 4852 4853 4854 4855 4856<script src="https://www.google.com/recaptcha/api.js?render=
48566LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU
vendor: 12 bytes, line 4856
4856"></script>
4857<style>.grecaptcha-badge { visibility: hidden;}</style> 4858
4859<script> 4860grecaptcha.ready(function() { 4861 grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: ""}).then(function(token) {}); 4862 });</script>
4862 4863 4864 4865</body> 4866 4867</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.