PageSourceSearch

https://www.port-grimaud-immobilier.fr/vente/appartement/1

html port-grimaud-immobilier.fr collected 2026-10-03 02:47:09 UTC 522,294 bytes, 8,702 lines download raw bytes

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>Vente d'appartements | 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/vente/appartement/1" >
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="Vente d'appartements | 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="Vente d'appartements | 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--property-list " data-modal-target="main-message">
109
110
111
112
113                                                
114
115
116
117
118    
119
120
121<header class="header header header--vinner " id="">
122
123<div class="header__container">
124
125    <div class="header__decorate ">
126
127    </div>
128
129    <div class="header__wrapper">
130
131        <div class="header__estimate">
132
133        </div>
134
135        <div class="header__topbar">
136            
137                                                                            
138            
139                
140<div class="topbar">
141    <div class="topbar__wrapper flex justify-between p-4">
142                                                            <div class="js-topbar-content topbar__content " data-key="1">
143                                    </div>
144                                                                <div class="js-topbar-content topbar__content " data-key="2">
145                                    </div>
146                                                                <div class="js-topbar-content topbar__content justify-self-end flex justify-center items-center" data-key="3">
147                    
148
149                        
150                        
151                                                    <div class="rating" data-ismovable="true" data-destination="bottom" data-base="3" data-order="0">
152
153    
154        
155
156    
157</div>
158                        
159                    
160
161                        
162                        
163                                                        <div class="selection flex" data-base="3" data-order="1">
164        <a href="/selection" class="selection-icon" data-title=" bien(s) sélectionné(s)">
165            <div class="selection-icon__badge js-selection-count">0</div>
166            <div class="selection-icon__icon">
167                <svg xmlns="http://www.w3.org/2000/svg" class="" viewBox="0 0 150 150">
168        <path d="M75 137a13 13 0 01-8.6-3.23c-5.12-4.47-10-8.66-14.38-12.37-13-11.1-24.18-20.61-32.15-30.22C10.42 79.77 6 68.82 6 56.71a45.24 45.24 0 0111.55-30.86A39.67 39.67 0 0147 13a37.39 37.39 0 0123.4 8.05 43.22 43.22 0 014.6 4.11 43.22 43.22 0 014.6-4.11A37.41 37.41 0 01103 13a39.69 39.69 0 0129.49 12.84A45.24 45.24 0 01144 56.71c0 12.1-4.4 23.06-13.86 34.47-8 9.63-19.18 19.17-32.14 30.22l-.87.74c-4.13 3.52-8.74 7.46-13.52 11.63A13 13 0 0175 137zM47 24.27a28.51 28.51 0 00-21.2 9.22 34 34 0 00-8.56 23.22c0 9.33 3.58 18 11.28 27.27 7.33 8.86 18.15 18.09 30.68 28.77 4.46 3.8 9.42 8 14.57 12.53a1.87 1.87 0 002.38 0c4.8-4.2 9.45-8.17 13.61-11.71l.87-.75c12.57-10.71 23.42-19.95 30.78-28.83 7.68-9.28 11.27-17.95 11.27-27.28a34 34 0 00-8.56-23.22A28.51 28.51 0 00103 24.27 26.4 26.4 0 0086.49 30a35.24 35.24 0 00-6.92 7.25 5.65 5.65 0 01-4.57 2.3 5.65 5.65 0 01-4.57-2.33A34.76 34.76 0 0063.5 30 26.34 26.34 0 0047 24.27z"/>
169</svg>
170
171            </div>
172        </a>
173    </div>
174
175                        
176                    
177
178                        
179                        
180                                                    
181
182    <div class="lang" data-base="3" data-order="2">
183        <div class="lang-switch ">
184            <form method="post" action="">
185                                <select class="js-select js-select--light lang__select  "  name="lang" id="lang-805067648" required>
186                                            <option value="fr" class="lang-switch__option lang-switch__option--fr" data-action="//www.port-grimaud-immobilier.fr/vente/appartement/1" selected>
187                            <span>fr</span>
188                        </option>
189                                            <option value="en" class="lang-switch__option lang-switch__option--en" data-action="//www.port-grimaud-immobilier.fr/vente/appartement/1" >
190                            <span>en</span>
191                        </option>
192                                    </select>
193            </form>
194        </div>
195    </div>
196
197                        
198                                    </div>
199                        </div>
200</div>
201
202
203        </div>
204
205
206        <div class="header__main">
207            <div class="header__logo logo">
208                <a class="logo__link" href="/">
209                    <img class="logo__source " src="/images/logoSite.png" alt="">
210                </a>
211            </div>
212
213            <div class="header__nav-toggle">
214                <button class="global-button nav-toggle" id="nav-toggle" aria-label="Ouvrir le menu">
215                                            <span class="nav-toggle__label">Menu</span>
216                                        <span><span class="nav-toggle__lines"></span></span>
217                </button>
218            </div>
219
220            <div class="header__nav">
221                
222                    
223
224
225
226<!-- [BEGIN] Menu -->
227<nav aria-label="Navigation principale" class="main-nav" id="main-nav" tabindex="-1">
228    <div class="main-nav__topbar">
229        <div class="js-topbar-destination-top main-nav__components">
230
231        </div>
232        <button aria-label="Fermer" class="main-nav__close">
233            <span class="main-nav__close-text">Fermer</span>
234                        <svg class="main-nav__close-icon" width="9.679" height="9.679" viewBox="0 0 9.679 9.679">
235        <g transform="translate(-269.25 -5983.75)">
236        <path d="M9,17.929a.75.75,0,0,1-.53-1.28L16.648,8.47A.75.75,0,0,1,17.709,9.53L9.53,17.709A.748.748,0,0,1,9,17.929Z" transform="translate(261 5975.5)" />
237        <path d="M17.179,17.929a.748.748,0,0,1-.53-.22L8.47,9.53A.75.75,0,0,1,9.53,8.47l8.179,8.179a.75.75,0,0,1-.53,1.28Z" transform="translate(261 5975.5)" />
238    </g>
239</svg>        </button>
240    </div>
241
242    <div class="main-nav__wrapper">
243        <div class="main-nav__navigation">
244            <ul class="main-nav__menu menu">
245                                        
246    <li class="menu__item  ">
247    <div class="menu__item-header">
248                    <a
249                                            href="/"
250                                        class="menu__link "
251                    target=""
252                                                    >
253                Accueil                                            </a>
254            </div>
255    </li>                                        
256    <li class="menu__item  ">
257    <div class="menu__item-header">
258                    <a
259                                            href="/vente/maison-villa/1"
260                                        class="menu__link "
261                    target=""
262                                                    >
263                MAISONS                                            </a>
264            </div>
265    </li>                                        
266    <li class="menu__item  menu__item--active">
267    <div class="menu__item-header">
268                    <a
269                                            href="/vente/appartement/1"
270                                        class="menu__link menu__link--active"
271                    target=""
272                                                    >
273                APPARTEMENTS                                            </a>
274            </div>
275    </li>                                        
276    <li class="menu__item  ">
277    <div class="menu__item-header">
278                    <a
279                                            href="/location/1"
280                                        class="menu__link "
281                    target=""
282                                                    >
283                LOUER                                            </a>
284            </div>
285    </li>                                        
286    <li class="menu__item  ">
287    <div class="menu__item-header">
288                    <a
289                                            href="/estimation"
290                                        class="menu__link "
291                    target=""
292                                                    >
293                ESTIMER                                            </a>
294            </div>
295    </li>                                        
296    <li class="menu__item  ">
297    <div class="menu__item-header">
298                    <a
299                                            href="/mon-agence"
300                                        class="menu__link "
301                    target=""
302                                                    >
303                MON AGENCE                                            </a>
304            </div>
305    </li>                                        
306    <li class="menu__item  ">
307    <div class="menu__item-header">
308                    <a
309                                            href="/ma-newsletter"
310                                        class="menu__link "
311                    target=""
312                                                    >
313                MA NEWSLETTER                                            </a>
314            </div>
315    </li>                                        
316    <li class="menu__item  ">
317    <div class="menu__item-header">
318                    <a
319                                            href="/contact"
320                                        class="menu__link "
321                    target=""
322                                                    >
323                Contact                                            </a>
324            </div>
325    </li>                            </ul>
326        </div>
327            </div>
328
329    <div class="js-topbar-destination-bottom main-nav__footer">
330
331    </div>
332
333</nav>
334<!-- [END] Menu -->
335                
336            </div>
337        </div>
338
339
340    </div>
341
342</div>
343</header>
344    
345
346<div data-scroll>
347    <div class="body__wrapper">
348
349        
350                            
351
352<main id="main" class="page-properties-list-v2 main">
353    <div class="main__wrapper">
354
355        
356                                <div class="form-search-filter__container search_form_inner ">
357        <form method="post" action="/nos-biens/xdp85dnbbmbdyfyf793pcok419q4wj5odfbgtga9bunnjjdjggkp3zjxomwcp5qcz15s8np3joka8zntpetyagndtbo4co6k7ayoda31ax36k61nnqx6ojxie4o3yuzmhuq9asakauokzdeccux4um7bt6k5fxwi87649go1hb35gaiowpxatppiurgp5smzfuxsxhie5ejzc1b9xw/1"  data-short-label="true" class="form-search-filter list-annonces-form js-form-search-filter open"
358              id="js-main">
359            <div class="formLine__container">
360                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
361
362
363                        <div class="line__container line1__container">
364            <div class="line__container__structure">
365                                    <div class="line__structure section0 canHidden ">
366                                                                                    <div class="form__field form-offredem__field" data-component-name="offredem">
367
368
369
370                                                                                                                        
371                                                
372
373                                    
374
375                                                                                                                                    
376
377                                                            
378
379                                                                                    
380
381                                                                                                                                                            
382
383                                                                        
384
385<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio">
386    <div class="form__structure">
387        <ul class="form__content">
388                            <li class="list-elements__structure js_change_form_parent">
389                    <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">
390    <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)"/>
391</svg>
392</span></span>
393                    <ul class="elements__content">
394                                                                                    <li class="item-element">
395                                    <input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_0"
396                                           value="0" checked="checked"                                           data-search-field="offredem"
397                                           data-search-id="offredem0"
398                                           data-search-label="De l'ancien"
399                                    >
400                                    <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">
401                                        <span class="radio__item-span"></span>
402                                        <span class="radio__item-text">De l'ancien</span>
403                                    </label>
404                                </li>
405                                                                                                                                                                    <li class="item-element">
406                                    <input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_10"
407                                           value="10"                                            data-search-field="offredem"
408                                           data-search-id="offredem10"
409                                           data-search-label="De l'immo pro"
410                                    >
411                                    <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">
412                                        <span class="radio__item-span"></span>
413                                        <span class="radio__item-text">De l'immo pro</span>
414                                    </label>
415                                </li>
416                                                                                                                                                                                                                                    </ul>
417                </li>
418                                    <li class="list-elements__structure">
419                <button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button>
420            </li>
421        </ul>
422    </div>
423    <div class="link-email__content">
424                <a href="/alerte-email" class="link-email__element links-group__link  button">
425            <span class="link-email__content-label">Créez votre alerte e-mail</span>
426            <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">
427        <g transform="translate(-4.25 -4.25)">
428        <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)"/>
429        <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)"/>
430    </g>
431</svg>
432</span>
433        </a>
434    </div>
435</div>
436</div>
437                                                                        </div>
438                            </div>
439                    </div>
440                    <div class="line__container line2__container">
441            <div class="line__container__structure">
442                                    <div class="line__structure section0 canHidden ">
443                                                                                    <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">
444    <div class="formSelect__structure">
445        <label class="label-element" for="main__type__0">Type de bien</label>
446        <div class="formSelect__content">
447            <select multiple name="type[]" id="main__type__0" class="select__input js-select-search" data-field="type[]">
448                                    <option value="2" data-text="Ap
448partement"  selected="selected" class="">
449                        Appartement
450                    </option>
451                                    <option value="20" data-text="Autre"  class="">
452                        Autre
453                    </option>
454                                    <option value="1" data-text="Maison"  class="">
455                        Maison
456                    </option>
457                                    <option value="26" data-text="Rez de jardin"  class="">
458                        Rez de jardin
459                    </option>
460                            </select>
461        </div>
462    </div>
463</div>
464</div>
465                                                                                                                <div class="form__field form-commerce__field" data-component-name="commerce"></div>
466                                                                        </div>
467                                    <div class="line__structure section1 canHidden ">
468                                                                                    <div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation"
469     data-search-field-type="localizator">
470    <div class="formSelect__structure">
471        <div class="formSelect__content">
472            <div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0"
473                 data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch"
474                 data-field="localisation[loc][]"
475                                 >
476                <div class="localizator__summary">
477                    <div class="localizator__values">
478                        <div class="localizator__value localizator__value--count"></div>
479                        <div class="localizator__hidden"></div>
480                    </div>
481                </div>
482                <div class="localizator__content">
483                    <div class="localizator__input textfield">
484                        <input class="textfield__input" type="text" spellcheck="false"
485                               placeholder="Localisation">
486                    </div>
487                    <div class="ss-add"><span class="ss-plus"></span></div>
488                    <div class="localizator__search">
489                        <div class="localizator__select">
490                            <select class="js-select js-select--custom js-select--main" multiple="multiple">
491                                                            </select>
492                        </div>
493                    </div>
494
495                    <div class="localizator__values-container">
496                        <div class="localizator__values">
497
498                        </div>
499                        <div class="localizator__extra">
500                            <div class="radios">
501                                <fieldset class="radios__fieldset">
502                                    <legend class="radios__legend">Dans un rayon de</legend>
503                                    <ul class="radios__group">
504                                                                                    <li class="radios__item">
505                                                <div class="radio">
506                                                    
507                                                    <input
508                                                            class="input_radio_element"
509                                                            type="radio"
510                                                            name="localisation[distance]"
511                                                            value="5"
512                                                            id="main__localisation__0_distance_5"
513                                                                                                                        data-field="localisation[distance]"
514                                                            data-search-label="autour de 5 km"
515                                                    />
516                                                    <label class="label_radio_element" for="main__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label>
517                                                </div>
518                                            </li>
519                                                                                    <li class="radios__item">
520                                                <div class="radio">
521                                                    
522                                                    <input
523                                                            class="input_radio_element"
524                                                            type="radio"
525                                                            name="localisation[distance]"
526                                                            value="10"
527                                                            id="main__localisation__0_distance_10"
528                                                                                                                        data-field="localisation[distance]"
529                                                            data-search-label="autour de 10 km"
530                                                    />
531                                                    <label class="label_radio_element" for="main__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label>
532                                                </div>
533                                            </li>
534                                                                                    <li class="radios__item">
535                                                <div class="radio">
536                                                    
537                                                    <input
538                                                            class="input_radio_element"
539                                                            type="radio"
540                                                            name="localisation[distance]"
541                                                            value="15"
542                                                            id="main__localisation__0_distance_15"
543                                                                                                                        data-field="localisation[distance]"
544                                                            data-search-label="autour de 15 km"
545                                                    />
546                                                    <label class="label_radio_element" for="main__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label>
547                                                </div>
548                                            </li>
549                                                                                    <li class="radios__item">
550                                                <div class="radio">
551                                                    
552                                                    <input
553                                                            class="input_radio_element"
554                                                            type="radio"
555                                                            name="localisation[distance]"
556                                                            value="20"
557                                                            id="main__localisation__0_distance_20"
558                                                                                                                        data-field="localisation[distance]"
559                                                            data-search-label="autour de 20 km"
560                                                    />
561                                                    <label class="label_radio_element" for="main__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label>
562                                                </div>
563                                            </li>
564                                                                                    <li class="radios__item">
565                                                <div class="radio">
566                                                    
567                                                    <input
568                                                            class="input_radio_element"
569                                                            type="radio"
570                                                            name="localisation[distance]"
571                                                            value="25"
572                                                            id="main__localisation__0_distance_25"
573                                                                                                                        data-field="localisation[distance]"
574                                                            data-search-label="autour de 25 km"
575                                                    />
576                                                    <label class="label_radio_element" for="main__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label>
577                                                </div>
578                                            </li>
579                                                                                    <li class="radios__item">
580                                                <div class="radio">
581                                                    
582                                                    <input
583                                                            class="input_radio_element"
584                                                            type="radio"
585                                                            name="localisation[distance]"
586                                                            value="30"
587                                                            id="main__localisation__0_distance_30"
588                                                                                                                        data-field="localisation[distance]"
589                                                            data-search-label="autour de 30 km"
590                                                    />
591                                                    <label class="label_radio_element" for="main__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label>
592                                                </div>
593                                            </li>
594                                                                            </ul>
595                                </fieldset>
596                            </div>
597                        </div>
598                    </div>
599                </div>
600                <div class="localizator__plus"></div>
601            </div>
602        </div>
603    </div>
604</div>
605
606
607
608</div>
609                                                                        </div>
610                                    <div class="line__structure section2 canHidden ">
611                                                                                    <div class="form__field form-prices__field" data-component-name="prices">
612<div class="formRange__container range " data-search-component="prices" data-search-field-type="range" data-min="225000"
613     data-max="1070000" data-search-label="Budget">
614    <div class="formRange__structure">
615        <label for="main__prices__0"
616               class="formRange__label">Budget </label>
617        <div class="range__input" tabindex="0" data-steps="" data-id="price">
618            <div class="formRange__content range__summary">
619                Budget
620            </div>
621            <div class="range__plus"></div>
622            <div class="range__content">
623                <div class="range__slider"></div>
624                <div class="range__preview">
625                    <div class="range__highlight">
626                        <span class="range__text">Mini</span>
627                        <input name="prices[min]" type="number" value="225000" class="range__input range__input-min" data-field="prices[min]">
628                        <input type="hidden" name="prices[rmin]" value="225000" class="range__input-rmin">
629                        <span class="range__unit">€</span>
630                    </div>
631                    <div class="range__highlight">
632                        <span class="range__text">Maxi</span>
633                        <input name="prices[max]" type="number" value="1070000" class="range__input range__input-max" data-field="prices[max]">
634                        <input type="hidden" name="prices[rmax]" value="1070000" class="range__input-rmax">
635                        <span class="range__unit">€</span>
636                    </div>
637                </div>
638                <div class="formRange__reset-content">
639    <button type="reset" class="button__reset-button">
640                <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9">
641        <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
642	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
643	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
644	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"/>
645</svg>
646</span>
647        <span class="button__reset-label">Réinitialiser ce filtre</span>
648    </button>
649</div>
650            </div>
651        </div>
652    </div>
653</div>
654</div>
655                                                                                                                <div class="form__field form-loyer__field" data-component-name="loyer"></div>
656                                                                        </div>
657                                    <div class="line__structure section3 canHidden hidden">
658                                                                                    <div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div>
659                                                                        </div>
660                                    <div class="line__structure section4 canHidden hidden">
661                                                                                    <div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div>
662                                                                        </div>
663                            </div>
664                            <div class="button_Content">
665                                        <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"
666                            aria-label="Ouvrir le formulaire de recherche">
667                        <span class="search__icon"><svg xmlns="http://www.w3.org/2000/svg" width="16.196" height="10.806" viewB
667ox="0 0 16.196 10.806" class="">
668  <g transform="translate(-1158.48 -6877.696)">
669    <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)"/>
670    <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)"/>
671    <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)"/>
672  </g>
673</svg>
674</span>
675                        <span class="search__label">Filtrer</span>
676                    </button>
677                    <button type="button" class="js_submit_main_form submit_button_item link-email__element links-group__link button">
678                        <span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
679        <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"/>
680</svg>
681</span>
682                                                <span class="submit__label js_ajax_counter">Voir les <span>31</span> annonces</span>
683                    </button>
684                </div>
685                    </div>
686    
687                <div class="line__container line3__container">
688                    <div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble">
689    <div class="formBubble__structure">
690        <ul class="formBubble__content"></ul>
691    </div>
692    <button type="button" class="button-more__element js_button-more__element"></button>
693</div>                    <button type="reset" class="reset_button_item js_reset_global_form">
694                                                <span class="reset__icon"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9">
695        <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
696	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
697	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
698	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"/>
699</svg>
700</span>
701                        <span class="reset__label">Réinitialiser</span>
702                    </button>
703                </div>
704
705                <div class="form-estimate__container js_form_estimate">
706    <div class="form-estimate__structure">
707        <p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p>
708                                
709
710                                                
711    
712
713
714<div   class="form__field textfield form-estimate__input-content ">
715        <input
716            type="text"
717                        name="data[][adressebien]"
718            class="textfield__input"
719            id="f__adressebien"
720                        placeholder="Saisir votre adresse "
721            data-label="champs texte"
722            
723                            
724                                >
725</div>
726        
727
728                                                            
729    <div class="links-group ">
730        <div class="links-group__wrapper flex ">
731                                                                                
732                
733                                                    
734                
735                                                                
736                                                    
737                                            <a
738                                                            href="/estimation?expand=estimation_pro_group#estimation-formulaires"
739                                                        class="links-group__link  form-estimate__button cta-primary"
740                            target=""
741                            title="Estimer votre bien "
742                        >
743                            <span class=" ">Estimer votre bien</span>
744                                                    </a>
745                    
746                
747                    </div>
748    </div>
749
750    </div>
751</div>
752            </div>
753            <input type="hidden" name="allow_fields" value="offredem,type,localisation,prices,reference">
754            <div class="loader_container"></div>
755        </form>
756            </div>
757
758            
759        
760                            <div class="main__page-heading">
761    
762                    
763
764
765<div id="" class="breadcrumb px-4 my-2 ">
766    <div class="breadcrumb__wrapper  container mx-auto lg:max-w-[80rem] ">
767        <ol class="breadcrumb__items flex flex-wrap">
768                                                                                                    <li class="breadcrumb__item px-3 py-2"><a href="/" class="breadcrumb__link" >Accueil</a></li>
769                                                                                                                                    <li class="breadcrumb__item flex items-center px-3 py-2"><svg xmlns="http://www.w3.org/2000/svg" class="breadcrumb__item-drawing mr-1" width="5.756" height="10.008" viewBox="0 0 5.756 10.008">
770    <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)"/>
771</svg>
772 <a href="/vente/1" class="breadcrumb__link" >Vente</a></li>
773                                                                                                        <li class="breadcrumb__item breadcrumb__item--active flex items-center px-3 py-2"><svg xmlns="http://www.w3.org/2000/svg" class="breadcrumb__item-drawing mr-1" width="5.756" height="10.008" viewBox="0 0 5.756 10.008">
774    <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)"/>
775</svg>
776 Appartement</li>
777                                                        </ol>
778    </div>
779</div>
780        
781    
782                    
783                                                                                
784
785
786<div id="" class="title-v1  ">
787        </div>
788
789        
790    </div>
791            
792        
793                            
794                                                                                                                                                                                                                                                                                    
795
796
797
798    
799
800    
801                
802            
803            
804                
805                
806                
807            
808            
809                
810    
811        
812    
813        
814    
815    
816    
817            
818            
819                
820            
821    
822    
823                
824            
825            
826                
827                
828                
829            
830            
831                
832    
833        
834    
835        
836    
837        
838    
839    
840    
841            
842            
843                
844            
845
846    
847
848    
849            
850                
851            
852            
853            
854                
855    
856
857    
858            
859                
860            
861            
862            
863                
864    
865                
866            
867            
868            
869            
870                
871                
872
873
874
875
876<div class="properties-list-v2  ">
877    <div class="properties-list-v2__container">
878
879                    <div class="properties-list-v2__list mx-auto lg:max-w-[81rem] px-4">
880
881                                                                                                                                                                                                                                                                                                                                                                                            
882
883
884<div class="sort w-full js-list-filter md:pb-6 flex justify-between flex-col md:flex-row md:items-center">
885    <h1 class="sort__title">
886        
887    </h1>
888
889    <div class="sort-filter relative">
890        <form method="get" class="sort-filter__form py-2" action="/nos-biens/xdp85dnbbmbdyfyf793pcok419q4wj5odfbgtga9bunnjjdjggkp3zjxomwcp5qcz15s8np3joka8zntpetyagndtbo4co6k7ayoda31ax36k61nnqx6ojxie4o3yuzmhuq9asakauokzdeccux4um7bt6k5fxwi87649go1hb35gaiowpxatppiurgp5smzfuxsxhie5ejzc1b9xw/1">
891            <div class="sort-filter__select flex items-center justify-end">
892                <span class="sort-filter__label mr-2">Trier par</span>
893                <div class="sort-filter__label-value cta-secondary">
894                    <span class="sort-filter__value cta-secondary__text">
895                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </span>
896                                        <span class="cta-secondary__text"><svg xmlns="http://www.w3.org/2000/svg" class="icon ml-2" width="5.756" height="10.008" viewBox="0 0 5.756 10.008">
897        <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)"/>
898</svg>
899
900</span>
901                </div>
902            </div>
903            <input id="sortByType" name="sortby[type]" value="annonce.prix" type="hidden">
904            <input id="sortByDir" name="sortby[dir]" value="DESC" type="hidden">
905            <input type="hidden" name="allow_fields" value="sortby">
906        </form>
907
908        <ul class="sort-filter__items absolute flex flex-col p-4">
909                                                <li data-value="prix"
910                        data-sort="type"
911                        data-dir="ASC"
912                        class="sort-filter__item pb-4 ">
913                        Prix croissant
914                    </li>
915                                                                <li data-value="prix"
916                        data-sort="type" data-dir="DESC"
917                        class="sort-filter__item pb-4 ">
918                        Prix décroissant
919                    </li>
920                                                                <li data-value="dateenr"
921                        data-sort="type"
922                        data-dir="ASC"
923                        class="sort-filter__item pb-4 ">
924                        Les moins récentes
925                    </li>
926                                                                <li data-value="dateenr"
927                        data-sort="type" data-dir="DESC"
928                        class="sort-filter__item pb-4 ">
929                        Les plus récentes
930                    </li>
931                                                                <li data-value="surfappart"
932                        data-sort="type"
933                        data-dir="ASC"
934                        class="sort-filter__item pb-4 ">
935                        Surface croissant
936                    </li>
937                                                                <li data-value="surfappart"
938                        data-sort="type" data-dir="DESC"
939                        class="sort-filter__item pb-4 ">
940                        Surface décroissant
941                    </li>
942                                    </ul>
943    </div>
944</div>
945
946                
947                <div class="properties-list-v2__map">
948                                    </div>
949
950                <div class="properties-list-v2__items ">
951                    <div class="properties-list-v2__items-wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-3 gap-y-3">
952
953                                                                        
954                        
955                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
956                                    
957
958    
959                
960            
961            
962                
963                
964                
965            
966            
967                
968    
969        
970    
971        
972    
973    
974    
975            
976            
977                
978            
979    
980    
981                
982            
983            
984                
985                
986                
987            
988            
989                
990    
991        
992    
993        
994    
995        
996    
997    
998    
999            
1000            
1001                
1002            
1003
1004    
1005
1006    
1007            
1008                
1009            
1010            
1011            
1012                
1013    
1014
1015    
1016            
1017                
1018            
1019            
1020            
1021                
1022    
1023                
1024            
1025            
1026            
1027            
1028                
1029                
1030
1031
1032
1033
1034
1035                
1036<article class="item h-full   lg:h-[40rem] group relative">
1037    <div class="item__container h-full flex flex-col flex-col">
1038        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
1039            <div class="banner absolute top-3 left-3 mr-12 z-10">
1040    <div class="banner__status--text">
1041        <div class="banner__status--wrap flex flex-wrap  ">
1042                            
1043                                                                                                                                    
1044                                                                    </div>
1045    </div>
1046</div>
1047
1048            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
1049                    data-add-url="/i/selection/addbien?idbien=287"
1050                    data-remove-url="/i/selection/deletebien?idbien=287"
1051                    data-alt-text="">
1052                    <span class="selection-manager__icon">
1053                                                <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">
1054        <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>
1055    <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>
1056</svg>
1057                    </span>
1058                <span class="selection-manager__text js-selection-text"></span>
1059            </button>
1060            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
1061                <div class="item__media-swiper h-full js-propertiesMedia-list"
1062                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
1063                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
1064                        
1065
1066                                                    
1067                            <div class="swiper-slide">
1068                                <picture data-size="414x527" class="media-js">
1069                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_0b654ab6ae5164b2820544b1e7ff2943.png" media="(min-width:768px)" />
1070                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_0b654ab6ae5164b2820544b1e7ff2943.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1071                                </picture>
1072                            </div>
1073                                                                                
1074                            <div class="swiper-slide">
1075                                <picture data-size="414x527" class="media-js">
1076                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_7761a628efded6b8a66d601229b3ecae.png" media="(min-width:768px)" />
1077                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_7761a628efded6b8a66d601229b3ecae.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1078                                </picture>
1079                            </div>
1080                                                                                
1081                            <div class="swiper-slide">
1082                                <picture data-size="414x527" class="media-js">
1083                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_da5eb729482e8aeb61159f2f1892b602.png" media="(min-width:768px)" />
1084                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/87e3000be8d8093e256cbec2bef6758b/photo_da5eb729482e8aeb61159f2f1892b602.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1085                                </picture>
1086                            </div>
1087                                                                                                    </div>
1088                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
1089                            <!-- If we need pagination buttons -->
1090                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
1091                        </div>
1092                                    </div>
1093            </div>
1094                    </div>
1095
1096        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
1097            <div class="item__block w-full">
1098                
1099                                                <div class="item__block--city">
1100                    
1101                                                                                
1102
1103
1104<div id="" class="title-v1  ">
1105            <span class="title-v1__part1">Port grimaud (83310)</span>
1106        </div>
1107
1108                </div>
1109
1110                
1111                <div class="item__title text-center xl:text-center">
1112                    <p class="item__block--title line-clamp-3">
1113                        Appartement
1114                                                                                                                                                                                                                                                                                                                        4 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                          77  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
1115                </div>
1116
1117                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
1118                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
1119                                                                        
1120                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
1121                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1122 
1123<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
1124  <g>
1125    <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"/>
1126    <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"/>
1127    <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"/>
1128    <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"/>
1129    <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"/>
1130    <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"/>
1131    <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"/>
1132  </g>
1133</svg>
1134
1135                                                                    <span class="option__number px-2.5 py-1 rounded-full">
1136                                                                                                                                    2
1137                                                                                                                                                                    </span>
1138                                                            </div>
1139                                                                        
1140                            
1141                                                                                                    
1142                            
1143                                                                                                    
1144                            
1145                                                                                                    
1146                            
1147                                                                                                    
1148                            
1149                                                                                                    
1150                            
1151                                                        
1152                                                                            
1153                                            
1154                            
1155                                                                                                    
1156                                                                                                                                    
1157                    </div>
1158                </div>
1159
1160                <div class="item__price my-2">
1161                        
1162            1 070 000 €
1163    
1164    
1165
1166                </div>
1167
1168                
1169                                    <div class="item__links flex justify-center self-center lg:self-ce
1169nter pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
1170                        <div class="links-group">
1171                            <div class="links-group__wrapper">
1172                                                                        
1173    <div class="links-group ">
1174        <div class="links-group__wrapper flex ">
1175                                                                                
1176                                                    
1177                                                    
1178                
1179                                                                
1180                                                    
1181                                            <a
1182                                                            href="/vente/25-port-grimaud/appartement/287-"
1183                                                        class="links-group__link links-group__link--drawing cta-secondary"
1184                            target=""
1185                            title="Voir le bien "
1186                        >
1187                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
1188                                                            <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">
1189        <g transform="translate(-4.25 -4.25)">
1190        <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)"/>
1191        <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)"/>
1192    </g>
1193</svg>
1194
1195                                                    </a>
1196                    
1197                
1198                    </div>
1199    </div>
1200
1201                                                            </div>
1202                        </div>
1203                    </div>
1204                
1205            </div>
1206
1207
1208
1209
1210        </div>
1211
1212    </div>
1213</article>
1214
1215                            </div>
1216
1217                            
1218                        
1219                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
1220                                    
1221
1222    
1223                
1224            
1225            
1226                
1227                
1228                
1229            
1230            
1231                
1232    
1233        
1234    
1235        
1236    
1237    
1238    
1239            
1240            
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<article class="item h-full   lg:h-[40rem] group relative">
1301    <div class="item__container h-full flex flex-col flex-col">
1302        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
1303            <div class="banner absolute top-3 left-3 mr-12 z-10">
1304    <div class="banner__status--text">
1305        <div class="banner__status--wrap flex flex-wrap  ">
1306                            
1307                                                                                                                                    
1308                                                                    </div>
1309    </div>
1310</div>
1311
1312            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
1313                    data-add-url="/i/selection/addbien?idbien=302"
1314                    data-remove-url="/i/selection/deletebien?idbien=302"
1315                    data-alt-text="">
1316                    <span class="selection-manager__icon">
1317                                                <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">
1318        <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>
1319    <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>
1320</svg>
1321                    </span>
1322                <span class="selection-manager__text js-selection-text"></span>
1323            </button>
1324            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
1325                <div class="item__media-swiper h-full js-propertiesMedia-list"
1326                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
1327                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
1328                        
1329
1330                                                    
1331                            <div class="swiper-slide">
1332                                <picture data-size="414x527" class="media-js">
1333                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_bb9394f7d81dc84986bea976358fbd8e.png" media="(min-width:768px)" />
1334                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_bb9394f7d81dc84986bea976358fbd8e.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1335                                </picture>
1336                            </div>
1337                                                                                
1338                            <div class="swiper-slide">
1339                                <picture data-size="414x527" class="media-js">
1340                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_3164fbb3f5dc9efb6c320c8ac3ebeb74.png" media="(min-width:768px)" />
1341                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_3164fbb3f5dc9efb6c320c8ac3ebeb74.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1342                                </picture>
1343                            </div>
1344                                                                                
1345                            <div class="swiper-slide">
1346                                <picture data-size="414x527" class="media-js">
1347                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_82efa2c977af7af10ca4c1b83d9cc76a.png" media="(min-width:768px)" />
1348                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/afdff0aa02ba7cc597fa12cd4df94288/photo_82efa2c977af7af10ca4c1b83d9cc76a.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1349                                </picture>
1350                            </div>
1351                                                                                                    </div>
1352                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
1353                            <!-- If we need pagination buttons -->
1354                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
1355                        </div>
1356                                    </div>
1357            </div>
1358                    </div>
1359
1360        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
1361            <div class="item__block w-full">
1362                                                                            
1363                                                                                
1364
1365
1366<div id="" class="title-v1  ">
1367            <span class="title-v1__part1">Bel Appartement avec Terrasse sur les canaux</span>
1368        </div>
1369
1370                
1371                                                <div class="item__block--city">
1372                    
1373                                                                                
1374
1375
1376<div id="" class="title-v1  ">
1377            <span class="title-v1__part1">Port grimaud (83310)</span>
1378        </div>
1379
1380                </div>
1381
1382                
1383                <div class="item__title text-center xl:text-center">
1384                    <p class="item__block--title line-clamp-3">
1385                        Appartement
1386                                                                                                                                                                                                                                                                                                                        3 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                          63  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
1387                </div>
1388
1389                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
1390                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
1391                                                                        
1392                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
1393                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1394 
1395<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
1396  <g>
1397    <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"/>
1398    <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"/>
1399    <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"/>
1400    <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"/>
1401    <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"/>
1402    <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"/>
1403    <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"/>
1404  </g>
1405</svg>
1406
1407                                                                    <sp
1407an class="option__number px-2.5 py-1 rounded-full">
1408                                                                                                                                    2
1409                                                                                                                                                                    </span>
1410                                                            </div>
1411                                                                        
1412                            
1413                                                                                                    
1414                            
1415                                                                                                    
1416                            
1417                                                                                                    
1418                            
1419                                                                                                    
1420                            
1421                                                                                                    
1422                            
1423                                                        
1424                                                                            
1425                                            
1426                            
1427                                                                                                    
1428                                                                                                                                    
1429                    </div>
1430                </div>
1431
1432                <div class="item__price my-2">
1433                        
1434            750 000 €
1435    
1436    
1437
1438                </div>
1439
1440                
1441                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
1442                        <div class="links-group">
1443                            <div class="links-group__wrapper">
1444                                                                        
1445    <div class="links-group ">
1446        <div class="links-group__wrapper flex ">
1447                                                                                
1448                                                    
1449                                                    
1450                
1451                                                                
1452                                                    
1453                                            <a
1454                                                            href="/vente/25-port-grimaud/appartement/302-bel-appartement-avec-terrasse-sur-les-canaux"
1455                                                        class="links-group__link links-group__link--drawing cta-secondary"
1456                            target=""
1457                            title="Voir le bien Bel Appartement avec Terrasse sur les canaux"
1458                        >
1459                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
1460                                                            <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">
1461        <g transform="translate(-4.25 -4.25)">
1462        <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)"/>
1463        <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)"/>
1464    </g>
1465</svg>
1466
1467                                                    </a>
1468                    
1469                
1470                    </div>
1471    </div>
1472
1473                                                            </div>
1474                        </div>
1475                    </div>
1476                
1477            </div>
1478
1479
1480
1481
1482        </div>
1483
1484    </div>
1485</article>
1486
1487                            </div>
1488
1489                            
1490                        
1491                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
1492                                    
1493
1494    
1495                
1496            
1497            
1498                
1499                
1500                
1501            
1502            
1503                
1504    
1505        
1506    
1507        
1508    
1509    
1510    
1511            
1512            
1513                
1514            
1515    
1516    
1517                
1518            
1519            
1520                
1521                
1522                
1523            
1524            
1525                
1526    
1527        
1528    
1529        
1530    
1531        
1532    
1533    
1534    
1535            
1536            
1537                
1538            
1539
1540    
1541
1542    
1543            
1544                
1545            
1546            
1547            
1548                
1549    
1550
1551    
1552            
1553                
1554            
1555            
1556            
1557                
1558    
1559                
1560            
1561            
1562            
1563            
1564                
1565                
1566
1567
1568
1569
1570
1571                
1572<article class="item h-full   lg:h-[40rem] group relative">
1573    <div class="item__container h-full flex flex-col flex-col">
1574        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
1575            <div class="banner absolute top-3 left-3 mr-12 z-10">
1576    <div class="banner__status--text">
1577        <div class="banner__status--wrap flex flex-wrap  ">
1578                            
1579                                                                                                <div class="banner-item mr-2 mb-2 px-4  property-status property-status--exclusif">
1580                    <span
1581                        class="banner-item__text py-2 block property-status-content">Exclusivité</span>
1582                </div>
1583                                                                
1584                                                                    </div>
1585    </div>
1586</div>
1587
1588            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
1589                    data-add-url="/i/selection/addbien?idbien=297"
1590                    data-remove-url="/i/selection/deletebien?idbien=297"
1591                    data-alt-text="">
1592                    <span class="selection-manager__icon">
1593                                                <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">
1594        <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>
1595    <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>
1596</svg>
1597                    </span>
1598                <span class="selection-manager__text js-selection-text"></span>
1599            </button>
1600            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
1601                <div class="item__media-swiper h-full js-propertiesMedia-list"
1602                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
1603                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
1604                        
1605
1606                                                    
1607                            <div class="swiper-slide">
1608                                <picture data-size="414x527" class="media-js">
1609                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_7e5cc6d07a62cff119508e604d6021f6.png" media="(min-width:768px)" />
1610                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_7e5cc6d07a62cff119508e604d6021f6.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1611                                </picture>
1612                            </div>
1613                                                                                
1614                            <div class="swiper-slide">
1615                                <picture data-size="414x527" class="media-js">
1616                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_771fc46dca08a9f17064788393e1b2ba.png" media="(min-width:768px)" />
1617                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_771fc46dca08a9f17064788393e1b2ba.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1618                                </picture>
1619                            </div>
1620                                                                                
1621                            <div class="swiper-slide">
1622                                <picture data-size="414x527" class="media-js">
1623                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_2688b7c76db3f4b91c18d8059bbf494d.png" media="(min-width:768px)" />
1624                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/e1f66c19a21ad56357d19dcba41d4599/photo_2688b7c76db3f4b91c18d8059bbf494d.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1625                                </picture>
1626                            </div>
1627                                                                                                    </div>
1628                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
1629                            <!-- If we need pagination buttons -->
1630                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
1631                        </div>
1632                                    </div>
1633            </div>
1634                    </div>
1635
1636        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
1637            <div class="item__block w-full">
1638                                                                            
1639                                                                                
1640
1641
1642<div id="" class="title-v1  ">
1643            <span class="title-v1__part1">Appartement, 35m2, 2 pièces </span>
1644        </div>
1645
1646                
1647                                                <div class="item__block--city">
1648                    
1649                                                                                
1650
1651
1652<div id="" class="title-v1  ">
1653            <span class="title-v1__part1">Port grimaud (83310)</span>
1654        </div>
1655
1656                </div>
1657
1658                
1659                <div class="item__title text-center xl:text-center">
1660                    <p class="item__block--title line-clamp-3">
1661                        Appartement
1662                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          35.82  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
1663                </div>
1664
1665                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
1666                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
1667                                                                        
1668                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
1669                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1670 
1671<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
1672  <g>
1673    <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"/>
1674    <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"/>
1675    <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"/>
1676    <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"/>
1677    <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"/>
1678    <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"/>
1679    <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"/>
1680  </g>
1681</svg>
1682
1683                                                                    <sp
1683an class="option__number px-2.5 py-1 rounded-full">
1684                                                                                                                                    1
1685                                                                                                                                                                    </span>
1686                                                            </div>
1687                                                                        
1688                            
1689                                                                                                    
1690                            
1691                                                                                                    
1692                            
1693                                                                                                    
1694                            
1695                                                                                                    
1696                            
1697                                                                                                    
1698                            
1699                                                        
1700                                                                            
1701                                            
1702                            
1703                                                                                                    
1704                                                                                                                                    
1705                    </div>
1706                </div>
1707
1708                <div class="item__price my-2">
1709                        
1710            575 000 €
1711    
1712    
1713
1714                </div>
1715
1716                
1717                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
1718                        <div class="links-group">
1719                            <div class="links-group__wrapper">
1720                                                                        
1721    <div class="links-group ">
1722        <div class="links-group__wrapper flex ">
1723                                                                                
1724                                                    
1725                                                    
1726                
1727                                                                
1728                                                    
1729                                            <a
1730                                                            href="/vente/25-port-grimaud/appartement/297-appartement-35m2-2-pieces"
1731                                                        class="links-group__link links-group__link--drawing cta-secondary"
1732                            target=""
1733                            title="Voir le bien Appartement, 35m2, 2 pièces "
1734                        >
1735                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
1736                                                            <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">
1737        <g transform="translate(-4.25 -4.25)">
1738        <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)"/>
1739        <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)"/>
1740    </g>
1741</svg>
1742
1743                                                    </a>
1744                    
1745                
1746                    </div>
1747    </div>
1748
1749                                                            </div>
1750                        </div>
1751                    </div>
1752                
1753            </div>
1754
1755
1756
1757
1758        </div>
1759
1760    </div>
1761</article>
1762
1763                            </div>
1764
1765                            
1766                        
1767                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
1768                                    
1769
1770    
1771                
1772            
1773            
1774                
1775                
1776                
1777            
1778            
1779                
1780    
1781        
1782    
1783        
1784    
1785    
1786    
1787            
1788            
1789                
1790            
1791    
1792    
1793                
1794            
1795            
1796                
1797                
1798                
1799            
1800            
1801                
1802    
1803        
1804    
1805        
1806    
1807        
1808    
1809    
1810    
1811            
1812            
1813                
1814            
1815
1816    
1817
1818    
1819            
1820                
1821            
1822            
1823            
1824                
1825    
1826
1827    
1828            
1829                
1830            
1831            
1832            
1833                
1834    
1835                
1836            
1837            
1838            
1839            
1840                
1841                
1842
1843
1844
1845
1846
1847                
1848<article class="item h-full   lg:h-[40rem] group relative">
1849    <div class="item__container h-full flex flex-col flex-col">
1850        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
1851            <div class="banner absolute top-3 left-3 mr-12 z-10">
1852    <div class="banner__status--text">
1853        <div class="banner__status--wrap flex flex-wrap  ">
1854                            
1855                                                                                                                                    
1856                                                                    </div>
1857    </div>
1858</div>
1859
1860            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
1861                    data-add-url="/i/selection/addbien?idbien=393"
1862                    data-remove-url="/i/selection/deletebien?idbien=393"
1863                    data-alt-text="">
1864                    <span class="selection-manager__icon">
1865                                                <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">
1866        <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>
1867    <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>
1868</svg>
1869                    </span>
1870                <span class="selection-manager__text js-selection-text"></span>
1871            </button>
1872            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
1873                <div class="item__media-swiper h-full js-propertiesMedia-list"
1874                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
1875                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
1876                        
1877
1878                                                    
1879                            <div class="swiper-slide">
1880                                <picture data-size="414x527" class="media-js">
1881                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_d5e1157e2ccda4cf514ee322676f1fed.jpg" media="(min-width:768px)" />
1882                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_d5e1157e2ccda4cf514ee322676f1fed.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1883                                </picture>
1884                            </div>
1885                                                                                
1886                            <div class="swiper-slide">
1887                                <picture data-size="414x527" class="media-js">
1888                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_93a13cc3f1b94ab1bef45df5cdc8d025.jpg" media="(min-width:768px)" />
1889                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_93a13cc3f1b94ab1bef45df5cdc8d025.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1890                                </picture>
1891                            </div>
1892                                                                                
1893                            <div class="swiper-slide">
1894                                <picture data-size="414x527" class="media-js">
1895                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_86bea0399e170347f9df7ff68281363f.jpg" media="(min-width:768px)" />
1896                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/79b2aa15f0e4bccee917012c8a869eed/photo_86bea0399e170347f9df7ff68281363f.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
1897                                </picture>
1898                            </div>
1899                                                                                                    </div>
1900                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
1901                            <!-- If we need pagination buttons -->
1902                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
1903                        </div>
1904                                    </div>
1905            </div>
1906                    </div>
1907
1908        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
1909            <div class="item__block w-full">
1910                                                                            
1911                                                                                
1912
1913
1914<div id="" class="title-v1  ">
1915            <span class="title-v1__part1">Bel Appartement entierement rénové</span>
1916        </div>
1917
1918                
1919                                                <div class="item__block--city">
1920                    
1921                                                                                
1922
1923
1924<div id="" class="title-v1  ">
1925            <span class="title-v1__part1">Port grimaud (83310)</span>
1926        </div>
1927
1928                </div>
1929
1930                
1931                <div class="item__title text-center xl:text-center">
1932                    <p class="item__block--title line-clamp-3">
1933                        Appartement
1934                                                                                                                                                                                                                                                                                                                        3 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </p>
1935                </div>
1936
1937                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
1938                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
1939                                                                        
1940                                                                                                    
1941                            
1942                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
1943                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1944  
1945<g transform="translate(2 2)">
1946    <g>
1947      <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"/>
1948      <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"/>
1949      <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"/>
1950      <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"/>
1951      <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"/>
1952      <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"/>
1953      <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"/>
1954      <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"/>
1955      <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"/>
1956      <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"/>
1957    </g>
1958  </g>
1959  <rect width="24" height="24" fill="none"/>
1960</svg>
1961
1962                                                                    <sp
1962an class="option__number px-2.5 py-1 rounded-full">
1963                                                                                                                                    1
1964                                                                                                                                                                    </span>
1965                                                            </div>
1966                                                                        
1967                            
1968                                                                                                    
1969                            
1970                                                                                                    
1971                            
1972                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
1973                                <svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1974 
1975<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/>
1976  <g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)">
1977    <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"/>
1978    <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"/>
1979    <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"/>
1980    <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"/>
1981    <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"/>
1982  </g>
1983</svg>
1984
1985                                                                    <span class="option__number px-2.5 py-1 rounded-full">
1986                                                                                                                                    Ascenseur                                                                                                                                                                    </span>
1987                                                            </div>
1988                                                                        
1989                            
1990                                                                                                    
1991                            
1992                                                        
1993                                                                            
1994                                            
1995                            
1996                                                                                                    
1997                                                                                                                                    
1998                    </div>
1999                </div>
2000
2001                <div class="item__price my-2">
2002                        
2003            565 000 €
2004    
2005    
2006
2007                </div>
2008
2009                
2010                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
2011                        <div class="links-group">
2012                            <div class="links-group__wrapper">
2013                                                                        
2014    <div class="links-group ">
2015        <div class="links-group__wrapper flex ">
2016                                                                                
2017                                                    
2018                                                    
2019                
2020                                                                
2021                                                    
2022                                            <a
2023                                                            href="/vente/25-port-grimaud/appartement/393-bel-appartement-entierement-renove"
2024                                                        class="links-group__link links-group__link--drawing cta-secondary"
2025                            target=""
2026                            title="Voir le bien Bel Appartement entierement rénové"
2027                        >
2028                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
2029                                                            <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">
2030        <g transform="translate(-4.25 -4.25)">
2031        <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)"/>
2032        <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)"/>
2033    </g>
2034</svg>
2035
2036                                                    </a>
2037                    
2038                
2039                    </div>
2040    </div>
2041
2042                                                            </div>
2043                        </div>
2044                    </div>
2045                
2046            </div>
2047
2048
2049
2050
2051        </div>
2052
2053    </div>
2054</article>
2055
2056                            </div>
2057
2058                            
2059                        
2060                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
2061                                    
2062
2063    
2064                
2065            
2066            
2067                
2068                
2069                
2070            
2071            
2072                
2073    
2074        
2075    
2076        
2077    
2078    
2079    
2080            
2081            
2082                
2083            
2084    
2085    
2086                
2087            
2088            
2089                
2090                
2091                
2092            
2093            
2094                
2095    
2096        
2097    
2098        
2099    
2100        
2101    
2102    
2103    
2104            
2105            
2106                
2107            
2108
2109    
2110
2111    
2112            
2113                
2114            
2115            
2116            
2117                
2118    
2119
2120    
2121            
2122                
2123            
2124            
2125            
2126                
2127    
2128                
2129            
2130            
2131            
2132            
2133                
2134                
2135
2136
2137
2138
2139
2140                
2141<article class="item h-full   lg:h-[40rem] group relative">
2142    <div class="item__container h-full flex flex-col flex-col">
2143        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
2144            <div class="banner absolute top-3 left-3 mr-12 z-10">
2145    <div class="banner__status--text">
2146        <div class="banner__status--wrap flex flex-wrap  ">
2147                            
2148                                            <div
2149                            class="banner-item mr-2 mb-2 px-4  property-status property-status--4 property-status--under--commitment">
2150                            <span
2151                                class="banner-item__text py-2 block property-status-content">Sous-compromis</span>
2152                        </div>
2153                                                                                                <div class="banner-item mr-2 mb-2 px-4  property-status property-status--exclusif">
2154                    <span
2155                        class="banner-item__text py-2 block property-status-content">Exclusivité</span>
2156                </div>
2157                                                                
2158                                                                    </div>
2159    </div>
2160</div>
2161
2162            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
2163                    data-add-url="/i/selection/addbien?idbien=98"
2164                    data-remove-url="/i/selection/deletebien?idbien=98"
2165                    data-alt-text="">
2166                    <span class="selection-manager__icon">
2167                                                <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">
2168        <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
2168-.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>
2169    <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>
2170</svg>
2171                    </span>
2172                <span class="selection-manager__text js-selection-text"></span>
2173            </button>
2174            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
2175                <div class="item__media-swiper h-full js-propertiesMedia-list"
2176                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
2177                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
2178                        
2179
2180                                                    
2181                            <div class="swiper-slide">
2182                                <picture data-size="414x527" class="media-js">
2183                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_871b74e9e213c9084dde2cf6249b7fc4.png" media="(min-width:768px)" />
2184                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_871b74e9e213c9084dde2cf6249b7fc4.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2185                                </picture>
2186                            </div>
2187                                                                                
2188                            <div class="swiper-slide">
2189                                <picture data-size="414x527" class="media-js">
2190                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_6446af16fa0e3c0aaede51e02b8f8250.png" media="(min-width:768px)" />
2191                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_6446af16fa0e3c0aaede51e02b8f8250.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2192                                </picture>
2193                            </div>
2194                                                                                
2195                            <div class="swiper-slide">
2196                                <picture data-size="414x527" class="media-js">
2197                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_6888dccb5034bf5bcdb4bd4d127599e2.png" media="(min-width:768px)" />
2198                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ed992bc2d7c7ab658d174118785eb8c1/photo_6888dccb5034bf5bcdb4bd4d127599e2.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2199                                </picture>
2200                            </div>
2201                                                                                                    </div>
2202                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
2203                            <!-- If we need pagination buttons -->
2204                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
2205                        </div>
2206                                    </div>
2207            </div>
2208                    </div>
2209
2210        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
2211            <div class="item__block w-full">
2212                
2213                                                <div class="item__block--city">
2214                    
2215                                                                                
2216
2217
2218<div id="" class="title-v1  ">
2219            <span class="title-v1__part1">Port grimaud (83310)</span>
2220        </div>
2221
2222                </div>
2223
2224                
2225                <div class="item__title text-center xl:text-center">
2226                    <p class="item__block--title line-clamp-3">
2227                        Appartement
2228                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          49  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
2229                </div>
2230
2231                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
2232                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
2233                                                                        
2234                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
2235                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2236 
2237<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
2238  <g>
2239    <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"/>
2240    <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"/>
2241    <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"/>
2242    <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"/>
2243    <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"/>
2244    <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"/>
2245    <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"/>
2246  </g>
2247</svg>
2248
2249                                                                    <span class="option__number px-2.5 py-1 rounded-full">
2250                                                                                                                                    1
2251                                                                                                                                                                    </span>
2252                                                            </div>
2253                                                                        
2254                            
2255                                                                                                    
2256                            
2257                                                                                                    
2258                            
2259                                                                                                    
2260                            
2261                                                                                                    
2262                            
2263                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
2264                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2265  
2266<rect width="24" height="24" fill="none"/>
2267  <g transform="translate(1.114 1.409)">
2268    <g>
2269      <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"/>
2270    </g>
2271    <g transform="translate(3.136 5.015)">
2272      <g >
2273        <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"/>
2274        <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"/>
2275        <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"/>
2276        <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"/>
2277        <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"/>
2278        <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"/>
2279      </g>
2280    </g>
2281  </g>
2282</svg>
2283
2284                                                                    <sp
2284an class="option__number px-2.5 py-1 rounded-full">
2285                                                                                                                                    1
2286                                                                                                                                                                    </span>
2287                                                            </div>
2288                                                                        
2289                            
2290                                                        
2291                                                                            
2292                                            
2293                            
2294                                                                                                    
2295                                                                                                                                    
2296                    </div>
2297                </div>
2298
2299                <div class="item__price my-2">
2300                        
2301            545 000 €
2302    
2303    
2304
2305                </div>
2306
2307                
2308                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
2309                        <div class="links-group">
2310                            <div class="links-group__wrapper">
2311                                                                        
2312    <div class="links-group ">
2313        <div class="links-group__wrapper flex ">
2314                                                                                
2315                                                    
2316                                                    
2317                
2318                                                                
2319                                                    
2320                                            <a
2321                                                            href="/vente/25-port-grimaud/appartement/98-"
2322                                                        class="links-group__link links-group__link--drawing cta-secondary"
2323                            target=""
2324                            title="Voir le bien "
2325                        >
2326                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
2327                                                            <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">
2328        <g transform="translate(-4.25 -4.25)">
2329        <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)"/>
2330        <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)"/>
2331    </g>
2332</svg>
2333
2334                                                    </a>
2335                    
2336                
2337                    </div>
2338    </div>
2339
2340                                                            </div>
2341                        </div>
2342                    </div>
2343                
2344            </div>
2345
2346
2347
2348
2349        </div>
2350
2351    </div>
2352</article>
2353
2354                            </div>
2355
2356                            
2357                        
2358                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
2359                                    
2360
2361    
2362                
2363            
2364            
2365                
2366                
2367                
2368            
2369            
2370                
2371    
2372        
2373    
2374        
2375    
2376    
2377    
2378            
2379            
2380                
2381            
2382    
2383    
2384                
2385            
2386            
2387                
2388                
2389                
2390            
2391            
2392                
2393    
2394        
2395    
2396        
2397    
2398        
2399    
2400    
2401    
2402            
2403            
2404                
2405            
2406
2407    
2408
2409    
2410            
2411                
2412            
2413            
2414            
2415                
2416    
2417
2418    
2419            
2420                
2421            
2422            
2423            
2424                
2425    
2426                
2427            
2428            
2429            
2430            
2431                
2432                
2433
2434
2435
2436
2437
2438                
2439<article class="item h-full   lg:h-[40rem] group relative">
2440    <div class="item__container h-full flex flex-col flex-col">
2441        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
2442            <div class="banner absolute top-3 left-3 mr-12 z-10">
2443    <div class="banner__status--text">
2444        <div class="banner__status--wrap flex flex-wrap  ">
2445                            
2446                                                                                                <div class="banner-item mr-2 mb-2 px-4  property-status property-status--exclusif">
2447                    <span
2448                        class="banner-item__text py-2 block property-status-content">Exclusivité</span>
2449                </div>
2450                                                                
2451                                                                    </div>
2452    </div>
2453</div>
2454
2455            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
2456                    data-add-url="/i/selection/addbien?idbien=398"
2457                    data-remove-url="/i/selection/deletebien?idbien=398"
2458                    data-alt-text="">
2459                    <span class="selection-manager__icon">
2460                                                <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">
2461        <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>
2462    <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>
2463</svg>
2464                    </span>
2465                <span class="selection-manager__text js-selection-text"></span>
2466            </button>
2467            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
2468                <div class="item__media-swiper h-full js-propertiesMedia-list"
2469                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
2470                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
2471                        
2472
2473                                                    
2474                            <div class="swiper-slide">
2475                                <picture data-size="414x527" class="media-js">
2476                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_aeb19dd7b8b6a13fe5d72dcbb136a058.jpg" media="(min-width:768px)" />
2477                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_aeb19dd7b8b6a13fe5d72dcbb136a058.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2478                                </picture>
2479                            </div>
2480                                                                                
2481                            <div class="swiper-slide">
2482                                <picture data-size="414x527" class="media-js">
2483                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_e8b8f47dda217994da011902be549afa.jpg" media="(min-width:768px)" />
2484                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_e8b8f47dda217994da011902be549afa.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2485                                </picture>
2486                            </div>
2487                                                                                
2488                            <div class="swiper-slide">
2489                                <picture data-size="414x527" class="media-js">
2490                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_664ae45b799fb52233c1670088dd8a46.jpg" media="(min-width:768px)" />
2491                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/345125e35be7e7b4059a6f17a3e02541/photo_664ae45b799fb52233c1670088dd8a46.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2492                                </picture>
2493                            </div>
2494                                                                                                    </div>
2495                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
2496                            <!-- If we need pagination buttons -->
2497                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
2498                        </div>
2499                                    </div>
2500            </div>
2501                    </div>
2502
2503        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
2504            <div class="item__block w-full">
2505                                                                            
2506                                                                                
2507
2508
2509<div id="" class="title-v1  ">
2510            <span class="title-v1__part1">APPARTEMENT D'ANGLE AU REZ-DE-CHAUSSEE</span>
2511        </div>
2512
2513                
2514                                                <div class="item__block--city">
2515                    
2516                                                                                
2517
2518
2519<div id="" class="title-v1  ">
2520            <span class="title-v1__part1">Port grimaud (83310)</span>
2521        </div>
2522
2523                </div>
2524
2525                
2526                <div class="item__title text-center xl:text-center">
2527                    <p class="item__block--title line-clamp-3">
2528                        Appartement
2529                                                                                                                                                                                                                                                                                                                        3 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </p>
2530                </div>
2531
2532                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
2533                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
2534                                                                        
2535                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
2536                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2537 
2538<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
2539  <g>
2540    <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"/>
2541    <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"/>
2542    <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"/>
2543    <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"/>
2544    <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"/>
2545    <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"/>
2546    <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"/>
2547  </g>
2548</svg>
2549
2550                                                                    <span class="option__number px-2.5 py-1 rounded-full">
2551                                                                                                                                    1
2552                                                                                                                                                                    </span>
2553                                                            </div>
2554                                                                        
2555                            
2556                                                                                                    
2557                            
2558                                                                                                    
2559                            
2560                                                                                                    
2561                            
2562                                                                                                    
2563                            
2564                                                                                                    
2565                            
2566                                                        
2567                                                                            
2568                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
2569                                <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">
2570   
2571<defs>
2572    <clipPath>
2573      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
2574    </clipPath>
2575  </defs>
2576  <rect width="24" height="24" fill="none"/>
2577  <g transform="translate(1.114 1.409)">
2578    <g transform="translate(3.136 5.015)">
2579      <g>
2580        <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"/>
2581        <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"/>
2582        <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"/>
2583        <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"/>
2584        <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"/>
2585        <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"/>
2586      </g>
2587    </g>
2588    <g transform="translate(0 18.591)">
2589      <g clip-path="url(#clip-path-parking)">
2590        <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"/>
2591      </g>
2592    </g>
2593  </g>
2594</svg>
2595
2596                                                                    <sp
2596an class="option__number px-2.5 py-1 rounded-full">
2597                                        1
2598                                    </span>
2599                                                            </div>
2600                                                                        
2601                            
2602                                                                                                    
2603                                                                                                                                    
2604                    </div>
2605                </div>
2606
2607                <div class="item__price my-2">
2608                        
2609            516 000 €
2610    
2611    
2612
2613                </div>
2614
2615                
2616                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
2617                        <div class="links-group">
2618                            <div class="links-group__wrapper">
2619                                                                        
2620    <div class="links-group ">
2621        <div class="links-group__wrapper flex ">
2622                                                                                
2623                                                    
2624                                                    
2625                
2626                                                                
2627                                                    
2628                                            <a
2629                                                            href="/vente/25-port-grimaud/appartement/398-appartement-d-angle-au-rez-de-chaussee"
2630                                                        class="links-group__link links-group__link--drawing cta-secondary"
2631                            target=""
2632                            title="Voir le bien APPARTEMENT D'ANGLE AU REZ-DE-CHAUSSEE"
2633                        >
2634                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
2635                                                            <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">
2636        <g transform="translate(-4.25 -4.25)">
2637        <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)"/>
2638        <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)"/>
2639    </g>
2640</svg>
2641
2642                                                    </a>
2643                    
2644                
2645                    </div>
2646    </div>
2647
2648                                                            </div>
2649                        </div>
2650                    </div>
2651                
2652            </div>
2653
2654
2655
2656
2657        </div>
2658
2659    </div>
2660</article>
2661
2662                            </div>
2663
2664                            
2665                        
2666                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
2667                                    
2668
2669    
2670                
2671            
2672            
2673                
2674                
2675                
2676            
2677            
2678                
2679    
2680        
2681    
2682        
2683    
2684    
2685    
2686            
2687            
2688                
2689            
2690    
2691    
2692                
2693            
2694            
2695                
2696                
2697                
2698            
2699            
2700                
2701    
2702        
2703    
2704        
2705    
2706        
2707    
2708    
2709    
2710            
2711            
2712                
2713            
2714
2715    
2716
2717    
2718            
2719                
2720            
2721            
2722            
2723                
2724    
2725
2726    
2727            
2728                
2729            
2730            
2731            
2732                
2733    
2734                
2735            
2736            
2737            
2738            
2739                
2740                
2741
2742
2743
2744
2745
2746                
2747<article class="item h-full   lg:h-[40rem] group relative">
2748    <div class="item__container h-full flex flex-col flex-col">
2749        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
2750            <div class="banner absolute top-3 left-3 mr-12 z-10">
2751    <div class="banner__status--text">
2752        <div class="banner__status--wrap flex flex-wrap  ">
2753                            
2754                                                                                                                                    
2755                                                                    </div>
2756    </div>
2757</div>
2758
2759            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
2760                    data-add-url="/i/selection/addbien?idbien=16"
2761                    data-remove-url="/i/selection/deletebien?idbien=16"
2762                    data-alt-text="">
2763                    <span class="selection-manager__icon">
2764                                                <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">
2765        <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>
2766    <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>
2767</svg>
2768                    </span>
2769                <span class="selection-manager__text js-selection-text"></span>
2770            </button>
2771            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
2772                <div class="item__media-swiper h-full js-propertiesMedia-list"
2773                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
2774                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
2775                        
2776
2777                                                    
2778                            <div class="swiper-slide">
2779                                <picture data-size="414x527" class="media-js">
2780                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_22655f61b559e21f1430417d0f026c54.png" media="(min-width:768px)" />
2781                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_22655f61b559e21f1430417d0f026c54.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2782                                </picture>
2783                            </div>
2784                                                                                
2785                            <div class="swiper-slide">
2786                                <picture data-size="414x527" class="media-js">
2787                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_b2fa2f8d278a5e6ef37ef521bcf5194d.png" media="(min-width:768px)" />
2788                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_b2fa2f8d278a5e6ef37ef521bcf5194d.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2789                                </picture>
2790                            </div>
2791                                                                                
2792                            <div class="swiper-slide">
2793                                <picture data-size="414x527" class="media-js">
2794                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_007956d0ec422573897ccce062378ba4.png" media="(min-width:768px)" />
2795                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/384dabfa3d082788c6d996fb941b2707/photo_007956d0ec422573897ccce062378ba4.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
2796                                </picture>
2797                            </div>
2798                                                                                                    </div>
2799                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
2800                            <!-- If we need pagination buttons -->
2801                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
2802                        </div>
2803                                    </div>
2804            </div>
2805                    </div>
2806
2807        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
2808            <div class="item__block w-full">
2809                
2810                                                <div class="item__block--city">
2811                    
2812                                                                                
2813
2814
2815<div id="" class="title-v1  ">
2816            <span class="title-v1__part1">Port grimaud (83310)</span>
2817        </div>
2818
2819                </div>
2820
2821                
2822                <div class="item__title text-center xl:text-center">
2823                    <p class="item__block--title line-clamp-3">
2824                        Appartement
2825                                                                                                                                                                                                                                                                                                                        3 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </p>
2826                </div>
2827
2828                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
2829                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
2830                                                                        
2831                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
2832                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2833 
2834<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
2835  <g>
2836    <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"/>
2837    <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"/>
2838    <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"/>
2839    <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"/>
2840    <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"/>
2841    <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"/>
2842    <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"/>
2843  </g>
2844</svg>
2845
2846                                                                    <span class="option__number px-2.5 py-1 rounded-full">
2847                                                                                                                                    1
2848                                                                                                                                                                    </span>
2849                                                            </div>
2850                                                                        
2851                            
2852                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
2853                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2854  
2855<g transform="translate(2 2)">
2856    <g>
2857      <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"/>
2858      <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"/>
2859      <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"/>
2860      <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"/>
2861      <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"/>
2862      <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"/>
2863      <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"/>
2864      <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"/>
2865      <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"/>
2866      <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"/>
2867    </g>
2868  </g>
2869  <rect width="24" height="24" fill="none"/>
2870</svg>
2871
2872                                                                    <span class="option__number px-2.5 py-1 rounded-full">
2873                                                                                                                                    1
2874                                                                                                                                                                    </span>
2875                                                            </div>
2876                                                                        
2877                            
2878                                                                                                    
2879                            
2880                                                                                                    
2881                            
2882                                                                                                    
2883                            
2884                                                                                                    
2885                            
2886                                                        
2887                                                                            
2888                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
2889                                <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">
2890   
2891<defs>
2892    <clipPath>
2893      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
2894    </clipPath>
2895  </defs>
2896  <rect width="24" height="24" fill="none"/>
2897  <g transform="translate(1.114 1.409)">
2898    <g transform="translate(3.136 5.015)">
2899      <g>
2900        <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"/>
2901        <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"/>
2902        <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"/>
2903        <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"/>
2904        <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"/>
2905        <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"/>
2906      </g>
2907    </g>
2908    <g transform="translate(0 18.591)">
2909      <g clip-path="url(#clip-path-parking)">
2910        <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"/>
2911      </g>
2912    </g>
2913  </g>
2914</svg>
2915
2916                                                                    <sp
2916an class="option__number px-2.5 py-1 rounded-full">
2917                                        4
2918                                    </span>
2919                                                            </div>
2920                                                                        
2921                            
2922                                                                                                                                    
2923                    </div>
2924                </div>
2925
2926                <div class="item__price my-2">
2927                        
2928            498 000 €
2929    
2930    
2931
2932                </div>
2933
2934                
2935                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
2936                        <div class="links-group">
2937                            <div class="links-group__wrapper">
2938                                                                        
2939    <div class="links-group ">
2940        <div class="links-group__wrapper flex ">
2941                                                                                
2942                                                    
2943                                                    
2944                
2945                                                                
2946                                                    
2947                                            <a
2948                                                            href="/vente/25-port-grimaud/appartement/16-"
2949                                                        class="links-group__link links-group__link--drawing cta-secondary"
2950                            target=""
2951                            title="Voir le bien "
2952                        >
2953                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
2954                                                            <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">
2955        <g transform="translate(-4.25 -4.25)">
2956        <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)"/>
2957        <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)"/>
2958    </g>
2959</svg>
2960
2961                                                    </a>
2962                    
2963                
2964                    </div>
2965    </div>
2966
2967                                                            </div>
2968                        </div>
2969                    </div>
2970                
2971            </div>
2972
2973
2974
2975
2976        </div>
2977
2978    </div>
2979</article>
2980
2981                            </div>
2982
2983                            
2984                        
2985                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
2986                                    
2987
2988    
2989                
2990            
2991            
2992                
2993                
2994                
2995            
2996            
2997                
2998    
2999        
3000    
3001        
3002    
3003    
3004    
3005            
3006            
3007                
3008            
3009    
3010    
3011                
3012            
3013            
3014                
3015                
3016                
3017            
3018            
3019                
3020    
3021        
3022    
3023        
3024    
3025        
3026    
3027    
3028    
3029            
3030            
3031                
3032            
3033
3034    
3035
3036    
3037            
3038                
3039            
3040            
3041            
3042                
3043    
3044
3045    
3046            
3047                
3048            
3049            
3050            
3051                
3052    
3053                
3054            
3055            
3056            
3057            
3058                
3059                
3060
3061
3062
3063
3064
3065                
3066<article class="item h-full   lg:h-[40rem] group relative">
3067    <div class="item__container h-full flex flex-col flex-col">
3068        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
3069            <div class="banner absolute top-3 left-3 mr-12 z-10">
3070    <div class="banner__status--text">
3071        <div class="banner__status--wrap flex flex-wrap  ">
3072                            
3073                                            <div
3074                            class="banner-item mr-2 mb-2 px-4  property-status property-status--4 property-status--under--commitment">
3075                            <span
3076                                class="banner-item__text py-2 block property-status-content">Sous-compromis</span>
3077                        </div>
3078                                                                                                                                    
3079                                                                    </div>
3080    </div>
3081</div>
3082
3083            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
3084                    data-add-url="/i/selection/addbien?idbien=109"
3085                    data-remove-url="/i/selection/deletebien?idbien=109"
3086                    data-alt-text="">
3087                    <span class="selection-manager__icon">
3088                                                <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">
3089        <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>
3090    <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>
3091</svg>
3092                    </span>
3093                <span class="selection-manager__text js-selection-text"></span>
3094            </button>
3095            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
3096                <div class="item__media-swiper h-full js-propertiesMedia-list"
3097                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
3098                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
3099                        
3100
3101                                                    
3102                            <div class="swiper-slide">
3103                                <picture data-size="414x527" class="media-js">
3104                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_930232b383297e5f870382241c451bc9.png" media="(min-width:768px)" />
3105                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_930232b383297e5f870382241c451bc9.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3106                                </picture>
3107                            </div>
3108                                                                                
3109                            <div class="swiper-slide">
3110                                <picture data-size="414x527" class="media-js">
3111                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_7433e49e46817c2e15e0de9be94d58ff.png" media="(min-width:768px)" />
3112                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_7433e49e46817c2e15e0de9be94d58ff.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3113                                </picture>
3114                            </div>
3115                                                                                
3116                            <div class="swiper-slide">
3117                                <picture data-size="414x527" class="media-js">
3118                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_7c9ffdc2f3ff2f59472b4f292bc38f7c.png" media="(min-width:768px)" />
3119                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/6c5b0c1aef744199ca2a26e7e13d3f50/photo_7c9ffdc2f3ff2f59472b4f292bc38f7c.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3120                                </picture>
3121                            </div>
3122                                                                                                    </div>
3123                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
3124                            <!-- If we need pagination buttons -->
3125                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
3126                        </div>
3127                                    </div>
3128            </div>
3129                    </div>
3130
3131        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
3132            <div class="item__block w-full">
3133                
3134                                                <div class="item__block--city">
3135                    
3136                                                                                
3137
3138
3139<div id="" class="title-v1  ">
3140            <span class="title-v1__part1">Port grimaud (83310)</span>
3141        </div>
3142
3143                </div>
3144
3145                
3146                <div class="item__title text-center xl:text-center">
3147                    <p class="item__block--title line-clamp-3">
3148                        Appartement
3149                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          35  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
3150                </div>
3151
3152                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
3153                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
3154                                                                        
3155                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
3156                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3157 
3158<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
3159  <g>
3160    <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"/>
3161    <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"/>
3162    <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"/>
3163    <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"/>
3164    <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"/>
3165    <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"/>
3166    <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"/>
3167  </g>
3168</svg>
3169
3170                                                                    <span class="option__number px-2.5 py-1 rounded-full">
3171                                                                                                                                    1
3172                                                                                                                                                                    </span>
3173                                                            </div>
3174                                                                        
3175                            
3176                                                                                                    
3177                            
3178                                                                                                    
3179                            
3180                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
3181                                <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">
3182  
3183<defs>
3184    <clipPath id="clip-path-balcony">
3185      <rect width="21.771" height="21.5" fill="none"/>
3186    </clipPath>
3187  </defs>
3188  <rect width="24" height="24" fill="none"/>
3189  <g transform="translate(-1.229 -0.25)">
3190    <g transform="translate(2.229 1.25)">
3191      <g clip-path="url(#clip-path-balcony)">
3192        <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"/>
3193        <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"/>
3194        <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"/>
3195        <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"/>
3196        <line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
3197        <line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
3198        <line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
3199        <line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
3200        <line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
3201        <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"/>
3202        <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"/>
3203      </g>
3204    </g>
3205  </g>
3206</svg>
3207
3208                                                                    <sp
3208an class="option__number px-2.5 py-1 rounded-full">
3209                                                                                                                                    Balcon                                                                                                                                                                    </span>
3210                                                            </div>
3211                                                                        
3212                            
3213                                                                                                    
3214                            
3215                                                                                                    
3216                            
3217                                                        
3218                                                                            
3219                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
3220                                <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">
3221   
3222<defs>
3223    <clipPath>
3224      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
3225    </clipPath>
3226  </defs>
3227  <rect width="24" height="24" fill="none"/>
3228  <g transform="translate(1.114 1.409)">
3229    <g transform="translate(3.136 5.015)">
3230      <g>
3231        <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"/>
3232        <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"/>
3233        <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"/>
3234        <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"/>
3235        <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"/>
3236        <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"/>
3237      </g>
3238    </g>
3239    <g transform="translate(0 18.591)">
3240      <g clip-path="url(#clip-path-parking)">
3241        <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"/>
3242      </g>
3243    </g>
3244  </g>
3245</svg>
3246
3247                                                                    <span class="option__number px-2.5 py-1 rounded-full">
3248                                        1
3249                                    </span>
3250                                                            </div>
3251                                                                        
3252                            
3253                                                                                                                                    
3254                    </div>
3255                </div>
3256
3257                <div class="item__price my-2">
3258                        
3259            495 000 €
3260    
3261    
3262
3263                </div>
3264
3265                
3266                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
3267                        <div class="links-group">
3268                            <div class="links-group__wrapper">
3269                                                                        
3270    <div class="links-group ">
3271        <div class="links-group__wrapper flex ">
3272                                                                                
3273                                                    
3274                                                    
3275                
3276                                                                
3277                                                    
3278                                            <a
3279                                                            href="/vente/25-port-grimaud/appartement/109-"
3280                                                        class="links-group__link links-group__link--drawing cta-secondary"
3281                            target=""
3282                            title="Voir le bien "
3283                        >
3284                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
3285                                                            <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">
3286        <g transform="translate(-4.25 -4.25)">
3287        <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)"/>
3288        <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)"/>
3289    </g>
3290</svg>
3291
3292                                                    </a>
3293                    
3294                
3295                    </div>
3296    </div>
3297
3298                                                            </div>
3299                        </div>
3300                    </div>
3301                
3302            </div>
3303
3304
3305
3306
3307        </div>
3308
3309    </div>
3310</article>
3311
3312                            </div>
3313
3314                            
3315                        
3316                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
3317                                    
3318
3319    
3320                
3321            
3322            
3323                
3324                
3325                
3326            
3327            
3328                
3329    
3330        
3331    
3332        
3333    
3334    
3335    
3336            
3337            
3338                
3339            
3340    
3341    
3342                
3343            
3344            
3345                
3346                
3347                
3348            
3349            
3350                
3351    
3352        
3353    
3354        
3355    
3356        
3357    
3358    
3359    
3360            
3361            
3362                
3363            
3364
3365    
3366
3367    
3368            
3369                
3370            
3371            
3372            
3373                
3374    
3375
3376    
3377            
3378                
3379            
3380            
3381            
3382                
3383    
3384                
3385            
3386            
3387            
3388            
3389                
3390                
3391
3392
3393
3394
3395
3396                
3397<article class="item h-full   lg:h-[40rem] group relative">
3398    <div class="item__container h-full flex flex-col flex-col">
3399        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
3400            <div class="banner absolute top-3 left-3 mr-12 z-10">
3401    <div class="banner__status--text">
3402        <div class="banner__status--wrap flex flex-wrap  ">
3403                            
3404                                                                                                                                    
3405                                                                    </div>
3406    </div>
3407</div>
3408
3409            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
3410                    data-add-url="/i/selection/addbien?idbien=150"
3411                    data-remove-url="/i/selection/deletebien?idbien=150"
3412                    data-alt-text="">
3413                    <span class="selection-manager__icon">
3414                                                <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">
3415        <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>
3416    <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>
3417</svg>
3418                    </span>
3419                <span class="selection-manager__text js-selection-text"></span>
3420            </button>
3421            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
3422                <div class="item__media-swiper h-full js-propertiesMedia-list"
3423                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
3424                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
3425                        
3426
3427                                                    
3428                            <div class="swiper-slide">
3429                                <picture data-size="414x527" class="media-js">
3430                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_6da3ececea277959e7c8743af31f529c.png" media="(min-width:768px)" />
3431                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_6da3ececea277959e7c8743af31f529c.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3432                                </picture>
3433                            </div>
3434                                                                                
3435                            <div class="swiper-slide">
3436                                <picture data-size="414x527" class="media-js">
3437                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_677a4ac7061a9722f7c8cc98ce149435.png" media="(min-width:768px)" />
3438                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_677a4ac7061a9722f7c8cc98ce149435.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3439                                </picture>
3440                            </div>
3441                                                                                
3442                            <div class="swiper-slide">
3443                                <picture data-size="414x527" class="media-js">
3444                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_de7db42f83823060fc639bc453e9361b.png" media="(min-width:768px)" />
3445                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/71b799aad0c64d6f8bdf458c9a5caf53/photo_de7db42f83823060fc639bc453e9361b.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3446                                </picture>
3447                            </div>
3448                                                                                                    </div>
3449                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
3450                            <!-- If we need pagination buttons -->
3451                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
3452                        </div>
3453                                    </div>
3454            </div>
3455                    </div>
3456
3457        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
3458            <div class="item__block w-full">
3459                                                                            
3460                                                                                
3461
3462
3463<div id="" class="title-v1  ">
3464            <span class="title-v1__part1">Bel Appartement entierement rénové</span>
3465        </div>
3466
3467                
3468                                                <div class="item__block--city">
3469                    
3470                                                                                
3471
3472
3473<div id="" class="title-v1  ">
3474            <span class="title-v1__part1">Port grimaud (83310)</span>
3475        </div>
3476
3477                </div>
3478
3479                
3480                <div class="item__title text-center xl:text-center">
3481                    <p class="item__block--title line-clamp-3">
3482                        Appartement
3483                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          41  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
3484                </div>
3485
3486                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
3487                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
3488                                                                        
3489                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
3490                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3491 
3492<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
3493  <g>
3494    <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"/>
3495    <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"/>
3496    <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"/>
3497    <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"/>
3498    <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"/>
3499    <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"/>
3500    <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"/>
3501  </g>
3502</svg>
3503
3504                                                                    <span class="option__number px-2.5 py-1 rounded-full">
3505                                                                                                                                    1
3506                                                                                                                                                                    </span>
3507                                                            </div>
3508                                                                        
3509                            
3510                                                                                                    
3511                            
3512                                                                                                    
3513                            
3514                                                                                                    
3515                            
3516                                                                                                    
3517                            
3518                                                                                                    
3519                            
3520                                                        
3521                                                                            
3522                                            
3523                            
3524                                                                                                    
3525                                                                                                                                    
3526                    </div>
3527                </div>
3528
3529                <div class="item__price my-2">
3530                        
3531            490 000 €
3532    
3533    
3534
3535                </div>
3536
3537                
3538                                    <div class="item__links flex justify-center self-center lg:self-ce
3538nter pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
3539                        <div class="links-group">
3540                            <div class="links-group__wrapper">
3541                                                                        
3542    <div class="links-group ">
3543        <div class="links-group__wrapper flex ">
3544                                                                                
3545                                                    
3546                                                    
3547                
3548                                                                
3549                                                    
3550                                            <a
3551                                                            href="/vente/25-port-grimaud/appartement/150-bel-appartement-entierement-renove"
3552                                                        class="links-group__link links-group__link--drawing cta-secondary"
3553                            target=""
3554                            title="Voir le bien Bel Appartement entierement rénové"
3555                        >
3556                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
3557                                                            <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">
3558        <g transform="translate(-4.25 -4.25)">
3559        <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)"/>
3560        <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)"/>
3561    </g>
3562</svg>
3563
3564                                                    </a>
3565                    
3566                
3567                    </div>
3568    </div>
3569
3570                                                            </div>
3571                        </div>
3572                    </div>
3573                
3574            </div>
3575
3576
3577
3578
3579        </div>
3580
3581    </div>
3582</article>
3583
3584                            </div>
3585
3586                            
3587                        
3588                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
3589                                    
3590
3591    
3592                
3593            
3594            
3595                
3596                
3597                
3598            
3599            
3600                
3601    
3602        
3603    
3604        
3605    
3606    
3607    
3608            
3609            
3610                
3611            
3612    
3613    
3614                
3615            
3616            
3617                
3618                
3619                
3620            
3621            
3622                
3623    
3624        
3625    
3626        
3627    
3628        
3629    
3630    
3631    
3632            
3633            
3634                
3635            
3636
3637    
3638
3639    
3640            
3641                
3642            
3643            
3644            
3645                
3646    
3647
3648    
3649            
3650                
3651            
3652            
3653            
3654                
3655    
3656                
3657            
3658            
3659            
3660            
3661                
3662                
3663
3664
3665
3666
3667
3668                
3669<article class="item h-full   lg:h-[40rem] group relative">
3670    <div class="item__container h-full flex flex-col flex-col">
3671        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
3672            <div class="banner absolute top-3 left-3 mr-12 z-10">
3673    <div class="banner__status--text">
3674        <div class="banner__status--wrap flex flex-wrap  ">
3675                            
3676                                                                                                                                    
3677                                                                    </div>
3678    </div>
3679</div>
3680
3681            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
3682                    data-add-url="/i/selection/addbien?idbien=24"
3683                    data-remove-url="/i/selection/deletebien?idbien=24"
3684                    data-alt-text="">
3685                    <span class="selection-manager__icon">
3686                                                <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">
3687        <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>
3688    <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>
3689</svg>
3690                    </span>
3691                <span class="selection-manager__text js-selection-text"></span>
3692            </button>
3693            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
3694                <div class="item__media-swiper h-full js-propertiesMedia-list"
3695                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
3696                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
3697                        
3698
3699                                                    
3700                            <div class="swiper-slide">
3701                                <picture data-size="414x527" class="media-js">
3702                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_54e3b4d9dd6a65b7875c495de800bb25.png" media="(min-width:768px)" />
3703                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_54e3b4d9dd6a65b7875c495de800bb25.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3704                                </picture>
3705                            </div>
3706                                                                                
3707                            <div class="swiper-slide">
3708                                <picture data-size="414x527" class="media-js">
3709                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_73fad459f737d7df9882c55aaf833971.png" media="(min-width:768px)" />
3710                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_73fad459f737d7df9882c55aaf833971.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3711                                </picture>
3712                            </div>
3713                                                                                
3714                            <div class="swiper-slide">
3715                                <picture data-size="414x527" class="media-js">
3716                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_b6a4c71c3d6348ca76e2433305cc8210.png" media="(min-width:768px)" />
3717                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/0ed7fab96832e1415ac1a13afd130175/photo_b6a4c71c3d6348ca76e2433305cc8210.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3718                                </picture>
3719                            </div>
3720                                                                                                    </div>
3721                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
3722                            <!-- If we need pagination buttons -->
3723                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
3724                        </div>
3725                                    </div>
3726            </div>
3727                    </div>
3728
3729        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
3730            <div class="item__block w-full">
3731                
3732                                                <div class="item__block--city">
3733                    
3734                                                                                
3735
3736
3737<div id="" class="title-v1  ">
3738            <span class="title-v1__part1">Port grimaud (83310)</span>
3739        </div>
3740
3741                </div>
3742
3743                
3744                <div class="item__title text-center xl:text-center">
3745                    <p class="item__block--title line-clamp-3">
3746                        Appartement
3747                                                                                                                                                                                                                                                                                                                        3 pièce(s)                                                                                                                                                                                                          2 chambre(s)                                                                                                                                                                                                          60  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
3748                </div>
3749
3750                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
3751                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
3752                                                                        
3753                                                                                                    
3754                            
3755                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
3756                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
3757  
3758<g transform="translate(2 2)">
3759    <g>
3760      <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"/>
3761      <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"/>
3762      <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"/>
3763      <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"/>
3764      <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"/>
3765      <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"/>
3766      <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"/>
3767      <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"/>
3768      <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"/>
3769      <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"/>
3770    </g>
3771  </g>
3772  <rect width="24" height="24" fill="none"/>
3773</svg>
3774
3775                                                                    <sp
3775an class="option__number px-2.5 py-1 rounded-full">
3776                                                                                                                                    3
3777                                                                                                                                                                    </span>
3778                                                            </div>
3779                                                                        
3780                            
3781                                                                                                    
3782                            
3783                                                                                                    
3784                            
3785                                                                                                    
3786                            
3787                                                                                                    
3788                            
3789                                                        
3790                                                                            
3791                                            
3792                            
3793                                                                                                    
3794                                                                                                                                    
3795                    </div>
3796                </div>
3797
3798                <div class="item__price my-2">
3799                        
3800            465 000 €
3801    
3802    
3803
3804                </div>
3805
3806                
3807                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
3808                        <div class="links-group">
3809                            <div class="links-group__wrapper">
3810                                                                        
3811    <div class="links-group ">
3812        <div class="links-group__wrapper flex ">
3813                                                                                
3814                                                    
3815                                                    
3816                
3817                                                                
3818                                                    
3819                                            <a
3820                                                            href="/vente/25-port-grimaud/appartement/24-"
3821                                                        class="links-group__link links-group__link--drawing cta-secondary"
3822                            target=""
3823                            title="Voir le bien "
3824                        >
3825                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
3826                                                            <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">
3827        <g transform="translate(-4.25 -4.25)">
3828        <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)"/>
3829        <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)"/>
3830    </g>
3831</svg>
3832
3833                                                    </a>
3834                    
3835                
3836                    </div>
3837    </div>
3838
3839                                                            </div>
3840                        </div>
3841                    </div>
3842                
3843            </div>
3844
3845
3846
3847
3848        </div>
3849
3850    </div>
3851</article>
3852
3853                            </div>
3854
3855                            
3856                        
3857                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
3858                                    
3859
3860    
3861                
3862            
3863            
3864                
3865                
3866                
3867            
3868            
3869                
3870    
3871        
3872    
3873        
3874    
3875    
3876    
3877            
3878            
3879                
3880            
3881    
3882    
3883                
3884            
3885            
3886                
3887                
3888                
3889            
3890            
3891                
3892    
3893        
3894    
3895        
3896    
3897        
3898    
3899    
3900    
3901            
3902            
3903                
3904            
3905
3906    
3907
3908    
3909            
3910                
3911            
3912            
3913            
3914                
3915    
3916
3917    
3918            
3919                
3920            
3921            
3922            
3923                
3924    
3925                
3926            
3927            
3928            
3929            
3930                
3931                
3932
3933
3934
3935
3936
3937                
3938<article class="item h-full   lg:h-[40rem] group relative">
3939    <div class="item__container h-full flex flex-col flex-col">
3940        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
3941            <div class="banner absolute top-3 left-3 mr-12 z-10">
3942    <div class="banner__status--text">
3943        <div class="banner__status--wrap flex flex-wrap  ">
3944                            
3945                                                                                                                                    
3946                                                                    </div>
3947    </div>
3948</div>
3949
3950            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
3951                    data-add-url="/i/selection/addbien?idbien=397"
3952                    data-remove-url="/i/selection/deletebien?idbien=397"
3953                    data-alt-text="">
3954                    <span class="selection-manager__icon">
3955                                                <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">
3956        <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>
3957    <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>
3958</svg>
3959                    </span>
3960                <span class="selection-manager__text js-selection-text"></span>
3961            </button>
3962            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
3963                <div class="item__media-swiper h-full js-propertiesMedia-list"
3964                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
3965                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
3966                        
3967
3968                                                    
3969                            <div class="swiper-slide">
3970                                <picture data-size="414x527" class="media-js">
3971                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_48d3be5b152772a7ce9e830e80f00bff.jpg" media="(min-width:768px)" />
3972                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_48d3be5b152772a7ce9e830e80f00bff.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3973                                </picture>
3974                            </div>
3975                                                                                
3976                            <div class="swiper-slide">
3977                                <picture data-size="414x527" class="media-js">
3978                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_1b7ec103f96517c25f6d62887107445b.jpg" media="(min-width:768px)" />
3979                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_1b7ec103f96517c25f6d62887107445b.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3980                                </picture>
3981                            </div>
3982                                                                                
3983                            <div class="swiper-slide">
3984                                <picture data-size="414x527" class="media-js">
3985                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_0abe7e98d312406851bced3beb7b639c.jpg" media="(min-width:768px)" />
3986                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/af33ce9d33fbdba08aa5f6703336f875/photo_0abe7e98d312406851bced3beb7b639c.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
3987                                </picture>
3988                            </div>
3989                                                                                                    </div>
3990                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
3991                            <!-- If we need pagination buttons -->
3992                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
3993                        </div>
3994                                    </div>
3995            </div>
3996                    </div>
3997
3998        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
3999            <div class="item__block w-full">
4000                                                                            
4001                                                                                
4002
4003
4004<div id="" class="title-v1  ">
4005            <span class="title-v1__part1">APPARTEMENT AVEC AMARRAGE </span>
4006        </div>
4007
4008                
4009                                                <div class="item__block--city">
4010                    
4011                                                                                
4012
4013
4014<div id="" class="title-v1  ">
4015            <span class="title-v1__part1">Port grimaud (83310)</span>
4016        </div>
4017
4018                </div>
4019
4020                
4021                <div class="item__title text-center xl:text-center">
4022                    <p class="item__block--title line-clamp-3">
4023                        Appartement
4024                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          36.51  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
4025                </div>
4026
4027                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
4028                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
4029                                                                        
4030                                                                                                    
4031                            
4032                                                                                                    
4033                            
4034                                                                                                    
4035                            
4036                                                                                                    
4037                            
4038                                                                                                    
4039                            
4040                                                                                                    
4041                            
4042                                                        
4043                                                                            
4044                                            
4045                            
4046                                                                                                    
4047                                                                                                                                    
4048                    </div>
4049                </div>
4050
4051                <div class="item__price my-2">
4052                        
4053            449 000 €
4054    
4055    
4056
4057                </div>
4058
4059                
4060                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
4061                        <div class="links-group">
4062                            <div class="links-group__wrapper">
4063                                                                        
4064    <div class="links-group ">
4065        <div class="links-group__wrapper flex ">
4066                                                                                
4067                                                    
4068                                                    
4069                
4070                                                                
4071                                                    
4072                                            <a
4073                                                            href="/vente/25-port-grimaud/appartement/397-appartement-avec-amarrage"
4074                                                        class="links-group__link links-group__link--drawing cta-secondary"
4075                            target=""
4076                            title="Voir le bien APPARTEMENT AVEC AMARRAGE "
4077                        >
4078                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
4079                                                            <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">
4080        <g transform="translate(-4.25 -4.25)">
4081        <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)"/>
4082        <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)"/>
4083    </g>
4084</svg>
4085
4086                                                    </a>
4087                    
4088                
4089                    </div>
4090    </div>
4091
4092                                                            </div>
4093                        </div>
4094                    </div>
4095                
4096            </div>
4097
4098
4099
4100
4101        </div>
4102
4103    </div>
4104</article>
4105
4106                            </div>
4107
4108                            
4109                        
4110                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
4111                                    
4112
4113    
4114                
4115            
4116            
4117                
4118                
4119                
4120            
4121            
4122                
4123    
4124        
4125    
4126        
4127    
4128    
4129    
4130            
4131            
4132                
4133            
4134    
4135    
4136                
4137            
4138            
4139                
4140                
4141                
4142            
4143            
4144                
4145    
4146        
4147    
4148        
4149    
4150        
4151    
4152    
4153    
4154            
4155            
4156                
4157            
4158
4159    
4160
4161    
4162            
4163                
4164            
4165            
4166            
4167                
4168    
4169
4170    
4171            
4172                
4173            
4174            
4175            
4176                
4177    
4178                
4179            
4180            
4181            
4182            
4183                
4184                
4185
4186
4187
4188
4189
4190                
4191<article class="item h-full   lg:h-[40rem] group relative">
4192    <div class="item__container h-full flex flex-col flex-col">
4193        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
4194            <div class="banner absolute top-3 left-3 mr-12 z-10">
4195    <div class="banner__status--text">
4196        <div class="banner__status--wrap flex flex-wrap  ">
4197                            
4198                                                                                                                                    
4199                                                                    </div>
4200    </div>
4201</div>
4202
4203            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
4204                    data-add-url="/i/selection/addbien?idbien=84"
4205                    data-remove-url="/i/selection/deletebien?idbien=84"
4206                    data-alt-text="">
4207                    <span class="selection-manager__icon">
4208                                                <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">
4209        <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>
4210    <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>
4211</svg>
4212                    </span>
4213                <span class="selection-manager__text js-selection-text"></span>
4214            </button>
4215            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
4216                <div class="item__media-swiper h-full js-propertiesMedia-list"
4217                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
4218                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
4219                        
4220
4221                                                    
4222                            <div class="swiper-slide">
4223                                <picture data-size="414x527" class="media-js">
4224                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_0afe46e746f40de7339094491b8bafa8.png" media="(min-width:768px)" />
4225                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_0afe46e746f40de7339094491b8bafa8.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4226                                </picture>
4227                            </div>
4228                                                                                
4229                            <div class="swiper-slide">
4230                                <picture data-size="414x527" class="media-js">
4231                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_482917219fd4ee7129c215e6e728e13f.png" media="(min-width:768px)" />
4232                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_482917219fd4ee7129c215e6e728e13f.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4233                                </picture>
4234                            </div>
4235                                                                                
4236                            <div class="swiper-slide">
4237                                <picture data-size="414x527" class="media-js">
4238                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_74ec6b2e4a979032485517e9c52fdd7f.png" media="(min-width:768px)" />
4239                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/c8efa9845ce281803acc92e6d5a2c4b9/photo_74ec6b2e4a979032485517e9c52fdd7f.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4240                                </picture>
4241                            </div>
4242                                                                                                    </div>
4243                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
4244                            <!-- If we need pagination buttons -->
4245                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
4246                        </div>
4247                                    </div>
4248            </div>
4249                    </div>
4250
4251        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
4252            <div class="item__block w-full">
4253                
4254                                                <div class="item__block--city">
4255                    
4256                                                                                
4257
4258
4259<div id="" class="title-v1  ">
4260            <span class="title-v1__part1">Port grimaud (83310)</span>
4261        </div>
4262
4263                </div>
4264
4265                
4266                <div class="item__title text-center xl:text-center">
4267                    <p class="item__block--title line-clamp-3">
4268                        Appartement
4269                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          35.77  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
4270                </div>
4271
4272                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
4273                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
4274                                                                        
4275                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
4276                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
4277 
4278<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
4279  <g>
4280    <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"/>
4281    <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"/>
4282    <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"/>
4283    <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"/>
4284    <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"/>
4285    <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"/>
4286    <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"/>
4287  </g>
4288</svg>
4289
4290                                                                    <sp
4290an class="option__number px-2.5 py-1 rounded-full">
4291                                                                                                                                    1
4292                                                                                                                                                                    </span>
4293                                                            </div>
4294                                                                        
4295                            
4296                                                                                                    
4297                            
4298                                                                                                    
4299                            
4300                                                                                                    
4301                            
4302                                                                                                    
4303                            
4304                                                                                                    
4305                            
4306                                                        
4307                                                                            
4308                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
4309                                <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">
4310   
4311<defs>
4312    <clipPath>
4313      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
4314    </clipPath>
4315  </defs>
4316  <rect width="24" height="24" fill="none"/>
4317  <g transform="translate(1.114 1.409)">
4318    <g transform="translate(3.136 5.015)">
4319      <g>
4320        <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"/>
4321        <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"/>
4322        <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"/>
4323        <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"/>
4324        <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"/>
4325        <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"/>
4326      </g>
4327    </g>
4328    <g transform="translate(0 18.591)">
4329      <g clip-path="url(#clip-path-parking)">
4330        <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"/>
4331      </g>
4332    </g>
4333  </g>
4334</svg>
4335
4336                                                                    <span class="option__number px-2.5 py-1 rounded-full">
4337                                        1
4338                                    </span>
4339                                                            </div>
4340                                                                        
4341                            
4342                                                                                                    
4343                                                                                                                                    
4344                    </div>
4345                </div>
4346
4347                <div class="item__price my-2">
4348                        
4349            435 000 €
4350    
4351    
4352
4353                </div>
4354
4355                
4356                                    <div class="item__links flex justify-center self-center lg:self-ce
4356nter pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
4357                        <div class="links-group">
4358                            <div class="links-group__wrapper">
4359                                                                        
4360    <div class="links-group ">
4361        <div class="links-group__wrapper flex ">
4362                                                                                
4363                                                    
4364                                                    
4365                
4366                                                                
4367                                                    
4368                                            <a
4369                                                            href="/vente/25-port-grimaud/appartement/84-"
4370                                                        class="links-group__link links-group__link--drawing cta-secondary"
4371                            target=""
4372                            title="Voir le bien "
4373                        >
4374                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
4375                                                            <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">
4376        <g transform="translate(-4.25 -4.25)">
4377        <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)"/>
4378        <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)"/>
4379    </g>
4380</svg>
4381
4382                                                    </a>
4383                    
4384                
4385                    </div>
4386    </div>
4387
4388                                                            </div>
4389                        </div>
4390                    </div>
4391                
4392            </div>
4393
4394
4395
4396
4397        </div>
4398
4399    </div>
4400</article>
4401
4402                            </div>
4403
4404                            
4405                        
4406                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
4407                                    
4408
4409    
4410                
4411            
4412            
4413                
4414                
4415                
4416            
4417            
4418                
4419    
4420        
4421    
4422        
4423    
4424    
4425    
4426            
4427            
4428                
4429            
4430    
4431    
4432                
4433            
4434            
4435                
4436                
4437                
4438            
4439            
4440                
4441    
4442        
4443    
4444        
4445    
4446        
4447    
4448    
4449    
4450            
4451            
4452                
4453            
4454
4455    
4456
4457    
4458            
4459                
4460            
4461            
4462            
4463                
4464    
4465
4466    
4467            
4468                
4469            
4470            
4471            
4472                
4473    
4474                
4475            
4476            
4477            
4478            
4479                
4480                
4481
4482
4483
4484
4485
4486                
4487<article class="item h-full   lg:h-[40rem] group relative">
4488    <div class="item__container h-full flex flex-col flex-col">
4489        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
4490            <div class="banner absolute top-3 left-3 mr-12 z-10">
4491    <div class="banner__status--text">
4492        <div class="banner__status--wrap flex flex-wrap  ">
4493                            
4494                                                                                                                                    
4495                                                                    </div>
4496    </div>
4497</div>
4498
4499            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
4500                    data-add-url="/i/selection/addbien?idbien=153"
4501                    data-remove-url="/i/selection/deletebien?idbien=153"
4502                    data-alt-text="">
4503                    <span class="selection-manager__icon">
4504                                                <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">
4505        <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>
4506    <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>
4507</svg>
4508                    </span>
4509                <span class="selection-manager__text js-selection-text"></span>
4510            </button>
4511            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
4512                <div class="item__media-swiper h-full js-propertiesMedia-list"
4513                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
4514                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
4515                        
4516
4517                                                    
4518                            <div class="swiper-slide">
4519                                <picture data-size="414x527" class="media-js">
4520                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_50995c69064e67c94c26d5d00a71d97c.png" media="(min-width:768px)" />
4521                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_50995c69064e67c94c26d5d00a71d97c.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4522                                </picture>
4523                            </div>
4524                                                                                
4525                            <div class="swiper-slide">
4526                                <picture data-size="414x527" class="media-js">
4527                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_10c95f520ee9e91590ccda6f4e5912a7.png" media="(min-width:768px)" />
4528                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_10c95f520ee9e91590ccda6f4e5912a7.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4529                                </picture>
4530                            </div>
4531                                                                                
4532                            <div class="swiper-slide">
4533                                <picture data-size="414x527" class="media-js">
4534                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_a03a4075bdbb0440b586db568cc4f934.png" media="(min-width:768px)" />
4535                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9a1dbab32a418490fccf1f84302e74c/photo_a03a4075bdbb0440b586db568cc4f934.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4536                                </picture>
4537                            </div>
4538                                                                                                    </div>
4539                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
4540                            <!-- If we need pagination buttons -->
4541                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
4542                        </div>
4543                                    </div>
4544            </div>
4545                    </div>
4546
4547        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
4548            <div class="item__block w-full">
4549                                                                            
4550                                                                                
4551
4552
4553<div id="" class="title-v1  ">
4554            <span class="title-v1__part1">Bel Appartement avec Terrasse sur la Rivière</span>
4555        </div>
4556
4557                
4558                                                <div class="item__block--city">
4559                    
4560                                                                                
4561
4562
4563<div id="" class="title-v1  ">
4564            <span class="title-v1__part1">Port grimaud (83310)</span>
4565        </div>
4566
4567                </div>
4568
4569                
4570                <div class="item__title text-center xl:text-center">
4571                    <p class="item__block--title line-clamp-3">
4572                        Appartement
4573                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          33  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
4574                </div>
4575
4576                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
4577                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
4578                                                                        
4579                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
4580                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
4581 
4582<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
4583  <g>
4584    <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"/>
4585    <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"/>
4586    <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"/>
4587    <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"/>
4588    <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"/>
4589    <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"/>
4590    <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"/>
4591  </g>
4592</svg>
4593
4594                                                                    <sp
4594an class="option__number px-2.5 py-1 rounded-full">
4595                                                                                                                                    1
4596                                                                                                                                                                    </span>
4597                                                            </div>
4598                                                                        
4599                            
4600                                                                                                    
4601                            
4602                                                                                                    
4603                            
4604                                                                                                    
4605                            
4606                                                                                                    
4607                            
4608                                                                                                    
4609                            
4610                                                        
4611                                                                            
4612                                            
4613                            
4614                                                                                                    
4615                                                                                                                                    
4616                    </div>
4617                </div>
4618
4619                <div class="item__price my-2">
4620                        
4621            430 000 €
4622    
4623    
4624
4625                </div>
4626
4627                
4628                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
4629                        <div class="links-group">
4630                            <div class="links-group__wrapper">
4631                                                                        
4632    <div class="links-group ">
4633        <div class="links-group__wrapper flex ">
4634                                                                                
4635                                                    
4636                                                    
4637                
4638                                                                
4639                                                    
4640                                            <a
4641                                                            href="/vente/25-port-grimaud/appartement/153-bel-appartement-avec-terrasse-sur-la-riviere"
4642                                                        class="links-group__link links-group__link--drawing cta-secondary"
4643                            target=""
4644                            title="Voir le bien Bel Appartement avec Terrasse sur la Rivière"
4645                        >
4646                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
4647                                                            <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">
4648        <g transform="translate(-4.25 -4.25)">
4649        <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)"/>
4650        <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)"/>
4651    </g>
4652</svg>
4653
4654                                                    </a>
4655                    
4656                
4657                    </div>
4658    </div>
4659
4660                                                            </div>
4661                        </div>
4662                    </div>
4663                
4664            </div>
4665
4666
4667
4668
4669        </div>
4670
4671    </div>
4672</article>
4673
4674                            </div>
4675
4676                            
4677                        
4678                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
4679                                    
4680
4681    
4682                
4683            
4684            
4685                
4686                
4687                
4688            
4689            
4690                
4691    
4692        
4693    
4694        
4695    
4696    
4697    
4698            
4699            
4700                
4701            
4702    
4703    
4704                
4705            
4706            
4707                
4708                
4709                
4710            
4711            
4712                
4713    
4714        
4715    
4716        
4717    
4718        
4719    
4720    
4721    
4722            
4723            
4724                
4725            
4726
4727    
4728
4729    
4730            
4731                
4732            
4733            
4734            
4735                
4736    
4737
4738    
4739            
4740                
4741            
4742            
4743            
4744                
4745    
4746                
4747            
4748            
4749            
4750            
4751                
4752                
4753
4754
4755
4756
4757
4758                
4759<article class="item h-full   lg:h-[40rem] group relative">
4760    <div class="item__container h-full flex flex-col flex-col">
4761        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
4762            <div class="banner absolute top-3 left-3 mr-12 z-10">
4763    <div class="banner__status--text">
4764        <div class="banner__status--wrap flex flex-wrap  ">
4765                            
4766                                                                                                                                    
4767                                                                    </div>
4768    </div>
4769</div>
4770
4771            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
4772                    data-add-url="/i/selection/addbien?idbien=96"
4773                    data-remove-url="/i/selection/deletebien?idbien=96"
4774                    data-alt-text="">
4775                    <span class="selection-manager__icon">
4776                                                <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">
4777        <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>
4778    <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>
4779</svg>
4780                    </span>
4781                <span class="selection-manager__text js-selection-text"></span>
4782            </button>
4783            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
4784                <div class="item__media-swiper h-full js-propertiesMedia-list"
4785                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
4786                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
4787                        
4788
4789                                                    
4790                            <div class="swiper-slide">
4791                                <picture data-size="414x527" class="media-js">
4792                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_f70826880c3041a3e0ac4d3ff5c569c2.jpg" media="(min-width:768px)" />
4793                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_f70826880c3041a3e0ac4d3ff5c569c2.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4794                                </picture>
4795                            </div>
4796                                                                                
4797                            <div class="swiper-slide">
4798                                <picture data-size="414x527" class="media-js">
4799                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_985be36a899f42ec6a8ee7d53f81a197.jpg" media="(min-width:768px)" />
4800                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_985be36a899f42ec6a8ee7d53f81a197.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4801                                </picture>
4802                            </div>
4803                                                                                
4804                            <div class="swiper-slide">
4805                                <picture data-size="414x527" class="media-js">
4806                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_0e4a76b0523428f836acecf25fff68ec.jpg" media="(min-width:768px)" />
4807                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/28d2374e91c232249492f56a92b06777/photo_0e4a76b0523428f836acecf25fff68ec.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
4808                                </picture>
4809                            </div>
4810                                                                                                    </div>
4811                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
4812                            <!-- If we need pagination buttons -->
4813                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
4814                        </div>
4815                                    </div>
4816            </div>
4817                    </div>
4818
4819        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
4820            <div class="item__block w-full">
4821                                                                            
4822                                                                                
4823
4824
4825<div id="" class="title-v1  ">
4826            <span class="title-v1__part1">Bel Appartement avec Terrasse sur les canaux</span>
4827        </div>
4828
4829                
4830                                                <div class="item__block--city">
4831                    
4832                                                                                
4833
4834
4835<div id="" class="title-v1  ">
4836            <span class="title-v1__part1">Port grimaud (83310)</span>
4837        </div>
4838
4839                </div>
4840
4841                
4842                <div class="item__title text-center xl:text-center">
4843                    <p class="item__block--title line-clamp-3">
4844                        Appartement
4845                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          35  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
4846                </div>
4847
4848                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
4849                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
4850                                                                        
4851                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
4852                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
4853 
4854<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
4855  <g>
4856    <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"/>
4857    <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"/>
4858    <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"/>
4859    <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"/>
4860    <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"/>
4861    <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"/>
4862    <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"/>
4863  </g>
4864</svg>
4865
4866                                                                    <sp
4866an class="option__number px-2.5 py-1 rounded-full">
4867                                                                                                                                    1
4868                                                                                                                                                                    </span>
4869                                                            </div>
4870                                                                        
4871                            
4872                                                                                                    
4873                            
4874                                                                                                    
4875                            
4876                                                                                                    
4877                            
4878                                                                                                    
4879                            
4880                                                                                                    
4881                            
4882                                                        
4883                                                                            
4884                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
4885                                <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">
4886   
4887<defs>
4888    <clipPath>
4889      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
4890    </clipPath>
4891  </defs>
4892  <rect width="24" height="24" fill="none"/>
4893  <g transform="translate(1.114 1.409)">
4894    <g transform="translate(3.136 5.015)">
4895      <g>
4896        <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"/>
4897        <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"/>
4898        <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"/>
4899        <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"/>
4900        <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"/>
4901        <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"/>
4902      </g>
4903    </g>
4904    <g transform="translate(0 18.591)">
4905      <g clip-path="url(#clip-path-parking)">
4906        <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"/>
4907      </g>
4908    </g>
4909  </g>
4910</svg>
4911
4912                                                                    <span class="option__number px-2.5 py-1 rounded-full">
4913                                        1
4914                                    </span>
4915                                                            </div>
4916                                                                        
4917                            
4918                                                                                                    
4919                                                                                                                                    
4920                    </div>
4921                </div>
4922
4923                <div class="item__price my-2">
4924                        
4925            425 000 €
4926    
4927    
4928
4929                </div>
4930
4931                
4932                                    <div class="item__links flex justify-center self-center lg:self-ce
4932nter pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
4933                        <div class="links-group">
4934                            <div class="links-group__wrapper">
4935                                                                        
4936    <div class="links-group ">
4937        <div class="links-group__wrapper flex ">
4938                                                                                
4939                                                    
4940                                                    
4941                
4942                                                                
4943                                                    
4944                                            <a
4945                                                            href="/vente/25-port-grimaud/appartement/96-bel-appartement-avec-terrasse-sur-les-canaux"
4946                                                        class="links-group__link links-group__link--drawing cta-secondary"
4947                            target=""
4948                            title="Voir le bien Bel Appartement avec Terrasse sur les canaux"
4949                        >
4950                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
4951                                                            <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">
4952        <g transform="translate(-4.25 -4.25)">
4953        <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)"/>
4954        <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)"/>
4955    </g>
4956</svg>
4957
4958                                                    </a>
4959                    
4960                
4961                    </div>
4962    </div>
4963
4964                                                            </div>
4965                        </div>
4966                    </div>
4967                
4968            </div>
4969
4970
4971
4972
4973        </div>
4974
4975    </div>
4976</article>
4977
4978                            </div>
4979
4980                            
4981                        
4982                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
4983                                    
4984
4985    
4986                
4987            
4988            
4989                
4990                
4991                
4992            
4993            
4994                
4995    
4996        
4997    
4998        
4999    
5000    
5001    
5002            
5003            
5004                
5005            
5006    
5007    
5008                
5009            
5010            
5011                
5012                
5013                
5014            
5015            
5016                
5017    
5018        
5019    
5020        
5021    
5022        
5023    
5024    
5025    
5026            
5027            
5028                
5029            
5030
5031    
5032
5033    
5034            
5035                
5036            
5037            
5038            
5039                
5040    
5041
5042    
5043            
5044                
5045            
5046            
5047            
5048                
5049    
5050                
5051            
5052            
5053            
5054            
5055                
5056                
5057
5058
5059
5060
5061
5062                
5063<article class="item h-full   lg:h-[40rem] group relative">
5064    <div class="item__container h-full flex flex-col flex-col">
5065        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
5066            <div class="banner absolute top-3 left-3 mr-12 z-10">
5067    <div class="banner__status--text">
5068        <div class="banner__status--wrap flex flex-wrap  ">
5069                            
5070                                                                                                                                    
5071                                                                    </div>
5072    </div>
5073</div>
5074
5075            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
5076                    data-add-url="/i/selection/addbien?idbien=396"
5077                    data-remove-url="/i/selection/deletebien?idbien=396"
5078                    data-alt-text="">
5079                    <span class="selection-manager__icon">
5080                                                <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">
5081        <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>
5082    <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>
5083</svg>
5084                    </span>
5085                <span class="selection-manager__text js-selection-text"></span>
5086            </button>
5087            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
5088                <div class="item__media-swiper h-full js-propertiesMedia-list"
5089                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
5090                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
5091                        
5092
5093                                                    
5094                            <div class="swiper-slide">
5095                                <picture data-size="414x527" class="media-js">
5096                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_08a38a4dfd7e613ad4bd2a3202a128df.jpg" media="(min-width:768px)" />
5097                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_08a38a4dfd7e613ad4bd2a3202a128df.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5098                                </picture>
5099                            </div>
5100                                                                                
5101                            <div class="swiper-slide">
5102                                <picture data-size="414x527" class="media-js">
5103                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_63d571683c0d02b187c0df06a39738d2.jpg" media="(min-width:768px)" />
5104                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_63d571683c0d02b187c0df06a39738d2.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5105                                </picture>
5106                            </div>
5107                                                                                
5108                            <div class="swiper-slide">
5109                                <picture data-size="414x527" class="media-js">
5110                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_241ca48282f41820355b17d48fddee1a.jpg" media="(min-width:768px)" />
5111                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/cf596e482d98bc545fc6f9aa15066e76/photo_241ca48282f41820355b17d48fddee1a.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5112                                </picture>
5113                            </div>
5114                                                                                                    </div>
5115                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
5116                            <!-- If we need pagination buttons -->
5117                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
5118                        </div>
5119                                    </div>
5120            </div>
5121                    </div>
5122
5123        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
5124            <div class="item__block w-full">
5125                                                                            
5126                                                                                
5127
5128
5129<div id="" class="title-v1  ">
5130            <span class="title-v1__part1">Bel APPARTEMENT</span>
5131        </div>
5132
5133                
5134                                                <div class="item__block--city">
5135                    
5136                                                                                
5137
5138
5139<div id="" class="title-v1  ">
5140            <span class="title-v1__part1">Port grimaud (83310)</span>
5141        </div>
5142
5143                </div>
5144
5145                
5146                <div class="item__title text-center xl:text-center">
5147                    <p class="item__block--title line-clamp-3">
5148                        Appartement
5149                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          38.5  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
5150                </div>
5151
5152                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
5153                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
5154                                                                        
5155                                                                                                    
5156                            
5157                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5158                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5159  
5160<g transform="translate(2 2)">
5161    <g>
5162      <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"/>
5163      <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"/>
5164      <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"/>
5165      <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"/>
5166      <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"/>
5167      <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"/>
5168      <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"/>
5169      <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"/>
5170      <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"/>
5171      <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"/>
5172    </g>
5173  </g>
5174  <rect width="24" height="24" fill="none"/>
5175</svg>
5176
5177                                                                    <sp
5177an class="option__number px-2.5 py-1 rounded-full">
5178                                                                                                                                    1
5179                                                                                                                                                                    </span>
5180                                                            </div>
5181                                                                        
5182                            
5183                                                                                                    
5184                            
5185                                                                                                    
5186                            
5187                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5188                                <svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5189 
5190<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/>
5191  <g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)">
5192    <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"/>
5193    <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"/>
5194    <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"/>
5195    <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"/>
5196    <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"/>
5197  </g>
5198</svg>
5199
5200                                                                    <span class="option__number px-2.5 py-1 rounded-full">
5201                                                                                                                                    Ascenseur                                                                                                                                                                    </span>
5202                                                            </div>
5203                                                                        
5204                            
5205                                                                                                    
5206                            
5207                                                        
5208                                                                            
5209                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
5210                                <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">
5211   
5212<defs>
5213    <clipPath>
5214      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
5215    </clipPath>
5216  </defs>
5217  <rect width="24" height="24" fill="none"/>
5218  <g transform="translate(1.114 1.409)">
5219    <g transform="translate(3.136 5.015)">
5220      <g>
5221        <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"/>
5222        <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"/>
5223        <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"/>
5224        <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"/>
5225        <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"/>
5226        <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"/>
5227      </g>
5228    </g>
5229    <g transform="translate(0 18.591)">
5230      <g clip-path="url(#clip-path-parking)">
5231        <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"/>
5232      </g>
5233    </g>
5234  </g>
5235</svg>
5236
5237                                                                    <sp
5237an class="option__number px-2.5 py-1 rounded-full">
5238                                        1
5239                                    </span>
5240                                                            </div>
5241                                                                        
5242                            
5243                                                                                                                                    
5244                    </div>
5245                </div>
5246
5247                <div class="item__price my-2">
5248                        
5249            399 000 €
5250    
5251    
5252
5253                </div>
5254
5255                
5256                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
5257                        <div class="links-group">
5258                            <div class="links-group__wrapper">
5259                                                                        
5260    <div class="links-group ">
5261        <div class="links-group__wrapper flex ">
5262                                                                                
5263                                                    
5264                                                    
5265                
5266                                                                
5267                                                    
5268                                            <a
5269                                                            href="/vente/25-port-grimaud/appartement/396-bel-appartement"
5270                                                        class="links-group__link links-group__link--drawing cta-secondary"
5271                            target=""
5272                            title="Voir le bien Bel APPARTEMENT"
5273                        >
5274                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
5275                                                            <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">
5276        <g transform="translate(-4.25 -4.25)">
5277        <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)"/>
5278        <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)"/>
5279    </g>
5280</svg>
5281
5282                                                    </a>
5283                    
5284                
5285                    </div>
5286    </div>
5287
5288                                                            </div>
5289                        </div>
5290                    </div>
5291                
5292            </div>
5293
5294
5295
5296
5297        </div>
5298
5299    </div>
5300</article>
5301
5302                            </div>
5303
5304                            
5305                        
5306                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
5307                                    
5308
5309    
5310                
5311            
5312            
5313                
5314                
5315                
5316            
5317            
5318                
5319    
5320        
5321    
5322        
5323    
5324    
5325    
5326            
5327            
5328                
5329            
5330    
5331    
5332                
5333            
5334            
5335                
5336                
5337                
5338            
5339            
5340                
5341    
5342        
5343    
5344        
5345    
5346        
5347    
5348    
5349    
5350            
5351            
5352                
5353            
5354
5355    
5356
5357    
5358            
5359                
5360            
5361            
5362            
5363                
5364    
5365
5366    
5367            
5368                
5369            
5370            
5371            
5372                
5373    
5374                
5375            
5376            
5377            
5378            
5379                
5380                
5381
5382
5383
5384
5385
5386                
5387<article class="item h-full   lg:h-[40rem] group relative">
5388    <div class="item__container h-full flex flex-col flex-col">
5389        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
5390            <div class="banner absolute top-3 left-3 mr-12 z-10">
5391    <div class="banner__status--text">
5392        <div class="banner__status--wrap flex flex-wrap  ">
5393                            
5394                                                                                                                                    
5395                                                                    </div>
5396    </div>
5397</div>
5398
5399            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
5400                    data-add-url="/i/selection/addbien?idbien=395"
5401                    data-remove-url="/i/selection/deletebien?idbien=395"
5402                    data-alt-text="">
5403                    <span class="selection-manager__icon">
5404                                                <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">
5405        <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>
5406    <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>
5407</svg>
5408                    </span>
5409                <span class="selection-manager__text js-selection-text"></span>
5410            </button>
5411            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
5412                <div class="item__media-swiper h-full js-propertiesMedia-list"
5413                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
5414                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
5415                        
5416
5417                                                    
5418                            <div class="swiper-slide">
5419                                <picture data-size="414x527" class="media-js">
5420                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_964203dfe3e3b16a475f5e050a96ba0f.jpg" media="(min-width:768px)" />
5421                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_964203dfe3e3b16a475f5e050a96ba0f.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5422                                </picture>
5423                            </div>
5424                                                                                
5425                            <div class="swiper-slide">
5426                                <picture data-size="414x527" class="media-js">
5427                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_a05eced84afc255b566b966e417455f5.jpg" media="(min-width:768px)" />
5428                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_a05eced84afc255b566b966e417455f5.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5429                                </picture>
5430                            </div>
5431                                                                                
5432                            <div class="swiper-slide">
5433                                <picture data-size="414x527" class="media-js">
5434                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_982ce3b7d03998428169520c05cd5c3a.jpg" media="(min-width:768px)" />
5435                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/11ffc063c73b7dc08f946328264debc0/photo_982ce3b7d03998428169520c05cd5c3a.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5436                                </picture>
5437                            </div>
5438                                                                                                    </div>
5439                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
5440                            <!-- If we need pagination buttons -->
5441                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
5442                        </div>
5443                                    </div>
5444            </div>
5445                    </div>
5446
5447        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
5448            <div class="item__block w-full">
5449                                                                            
5450                                                                                
5451
5452
5453<div id="" class="title-v1  ">
5454            <span class="title-v1__part1">Bel APPARTEMENT</span>
5455        </div>
5456
5457                
5458                                                <div class="item__block--city">
5459                    
5460                                                                                
5461
5462
5463<div id="" class="title-v1  ">
5464            <span class="title-v1__part1">Port grimaud (83310)</span>
5465        </div>
5466
5467                </div>
5468
5469                
5470                <div class="item__title text-center xl:text-center">
5471                    <p class="item__block--title line-clamp-3">
5472                        Appartement
5473                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          37.8  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
5474                </div>
5475
5476                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
5477                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
5478                                                                        
5479                                                                                                    
5480                            
5481                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5482                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5483  
5484<g transform="translate(2 2)">
5485    <g>
5486      <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"/>
5487      <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"/>
5488      <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"/>
5489      <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"/>
5490      <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"/>
5491      <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"/>
5492      <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"/>
5493      <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"/>
5494      <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"/>
5495      <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"/>
5496    </g>
5497  </g>
5498  <rect width="24" height="24" fill="none"/>
5499</svg>
5500
5501                                                                    <sp
5501an class="option__number px-2.5 py-1 rounded-full">
5502                                                                                                                                    1
5503                                                                                                                                                                    </span>
5504                                                            </div>
5505                                                                        
5506                            
5507                                                                                                    
5508                            
5509                                                                                                    
5510                            
5511                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5512                                <svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5513 
5514<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/>
5515  <g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)">
5516    <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"/>
5517    <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"/>
5518    <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"/>
5519    <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"/>
5520    <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"/>
5521  </g>
5522</svg>
5523
5524                                                                    <span class="option__number px-2.5 py-1 rounded-full">
5525                                                                                                                                    Ascenseur                                                                                                                                                                    </span>
5526                                                            </div>
5527                                                                        
5528                            
5529                                                                                                    
5530                            
5531                                                        
5532                                                                            
5533                                            
5534                            
5535                                                                                                    
5536                                                                                                                                    
5537                    </div>
5538                </div>
5539
5540                <div class="item__price my-2">
5541                        
5542            399 000 €
5543    
5544    
5545
5546                </div>
5547
5548                
5549                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
5550                        <div class="links-group">
5551                            <div class="links-group__wrapper">
5552                                                                        
5553    <div class="links-group ">
5554        <div class="links-group__wrapper flex ">
5555                                                                                
5556                                                    
5557                                                    
5558                
5559                                                                
5560                                                    
5561                                            <a
5562                                                            href="/vente/25-port-grimaud/appartement/395-bel-appartement"
5563                                                        class="links-group__link links-group__link--drawing cta-secondary"
5564                            target=""
5565                            title="Voir le bien Bel APPARTEMENT"
5566                        >
5567                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
5568                                                            <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">
5569        <g transform="translate(-4.25 -4.25)">
5570        <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)"/>
5571        <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)"/>
5572    </g>
5573</svg>
5574
5575                                                    </a>
5576                    
5577                
5578                    </div>
5579    </div>
5580
5581                                                            </div>
5582                        </div>
5583                    </div>
5584                
5585            </div>
5586
5587
5588
5589
5590        </div>
5591
5592    </div>
5593</article>
5594
5595                            </div>
5596
5597                            
5598                        
5599                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
5600                                    
5601
5602    
5603                
5604            
5605            
5606                
5607                
5608                
5609            
5610            
5611                
5612    
5613        
5614    
5615        
5616    
5617    
5618    
5619            
5620            
5621                
5622            
5623    
5624    
5625                
5626            
5627            
5628                
5629                
5630                
5631            
5632            
5633                
5634    
5635        
5636    
5637        
5638    
5639        
5640    
5641    
5642    
5643            
5644            
5645                
5646            
5647
5648    
5649
5650    
5651            
5652                
5653            
5654            
5655            
5656                
5657    
5658
5659    
5660            
5661                
5662            
5663            
5664            
5665                
5666    
5667                
5668            
5669            
5670            
5671            
5672                
5673                
5674
5675
5676
5677
5678
5679                
5680<article class="item h-full   lg:h-[40rem] group relative">
5681    <div class="item__container h-full flex flex-col flex-col">
5682        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
5683            <div class="banner absolute top-3 left-3 mr-12 z-10">
5684    <div class="banner__status--text">
5685        <div class="banner__status--wrap flex flex-wrap  ">
5686                            
5687                                                                                                                                    
5688                                                                    </div>
5689    </div>
5690</div>
5691
5692            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
5693                    data-add-url="/i/selection/addbien?idbien=4"
5694                    data-remove-url="/i/selection/deletebien?idbien=4"
5695                    data-alt-text="">
5696                    <span class="selection-manager__icon">
5697                                                <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">
5698        <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>
5699    <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>
5700</svg>
5701                    </span>
5702                <span class="selection-manager__text js-selection-text"></span>
5703            </button>
5704            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
5705                <div class="item__media-swiper h-full js-propertiesMedia-list"
5706                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
5707                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
5708                        
5709
5710                                                    
5711                            <div class="swiper-slide">
5712                                <picture data-size="414x527" class="media-js">
5713                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_b9a7740a0c4cf895c0d3dba320d253b8.png" media="(min-width:768px)" />
5714                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_b9a7740a0c4cf895c0d3dba320d253b8.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5715                                </picture>
5716                            </div>
5717                                                                                
5718                            <div class="swiper-slide">
5719                                <picture data-size="414x527" class="media-js">
5720                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_d7069d18a59fa7da20bc7e46571d0403.png" media="(min-width:768px)" />
5721                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_d7069d18a59fa7da20bc7e46571d0403.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5722                                </picture>
5723                            </div>
5724                                                                                
5725                            <div class="swiper-slide">
5726                                <picture data-size="414x527" class="media-js">
5727                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_40ad39d08fc6bba1f6ace05b10700ae4.png" media="(min-width:768px)" />
5728                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f5a9b91f16e5a8c41b4bd756b97214b6/photo_40ad39d08fc6bba1f6ace05b10700ae4.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
5729                                </picture>
5730                            </div>
5731                                                                                                    </div>
5732                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
5733                            <!-- If we need pagination buttons -->
5734                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
5735                        </div>
5736                                    </div>
5737            </div>
5738                    </div>
5739
5740        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
5741            <div class="item__block w-full">
5742                                                                            
5743                                                                                
5744
5745
5746<div id="" class="title-v1  ">
5747            <span class="title-v1__part1">APPARTEMENT EN DUPLEX</span>
5748        </div>
5749
5750                
5751                                                <div class="item__block--city">
5752                    
5753                                                                                
5754
5755
5756<div id="" class="title-v1  ">
5757            <span class="title-v1__part1">Port grimaud (83310)</span>
5758        </div>
5759
5760                </div>
5761
5762                
5763                <div class="item__title text-center xl:text-center">
5764                    <p class="item__block--title line-clamp-3">
5765                        Appartement
5766                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          34.9  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
5767                </div>
5768
5769                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
5770                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
5771                                                                        
5772                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5773                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5774 
5775<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
5776  <g>
5777    <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"/>
5778    <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"/>
5779    <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"/>
5780    <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"/>
5781    <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"/>
5782    <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"/>
5783    <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"/>
5784  </g>
5785</svg>
5786
5787                                                                    <span class="option__number px-2.5 py-1 rounded-full">
5788                                                                                                                                    1
5789                                                                                                                                                                    </span>
5790                                                            </div>
5791                                                                        
5792                            
5793                                                                                                    
5794                            
5795                                                                                                    
5796                            
5797                                                                                                    
5798                            
5799                                                                                                    
5800                            
5801                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
5802                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
5803  
5804<rect width="24" height="24" fill="none"/>
5805  <g transform="translate(1.114 1.409)">
5806    <g>
5807      <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"/>
5808    </g>
5809    <g transform="translate(3.136 5.015)">
5810      <g >
5811        <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"/>
5812        <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"/>
5813        <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"/>
5814        <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"/>
5815        <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"/>
5816        <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"/>
5817      </g>
5818    </g>
5819  </g>
5820</svg>
5821
5822                                                                    <sp
5822an class="option__number px-2.5 py-1 rounded-full">
5823                                                                                                                                    1
5824                                                                                                                                                                    </span>
5825                                                            </div>
5826                                                                        
5827                            
5828                                                        
5829                                                                            
5830                                            
5831                            
5832                                                                                                    
5833                                                                                                                                    
5834                    </div>
5835                </div>
5836
5837                <div class="item__price my-2">
5838                        
5839            399 000 €
5840    
5841    
5842
5843                </div>
5844
5845                
5846                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
5847                        <div class="links-group">
5848                            <div class="links-group__wrapper">
5849                                                                        
5850    <div class="links-group ">
5851        <div class="links-group__wrapper flex ">
5852                                                                                
5853                                                    
5854                                                    
5855                
5856                                                                
5857                                                    
5858                                            <a
5859                                                            href="/vente/25-port-grimaud/appartement/4-appartement-en-duplex"
5860                                                        class="links-group__link links-group__link--drawing cta-secondary"
5861                            target=""
5862                            title="Voir le bien APPARTEMENT EN DUPLEX"
5863                        >
5864                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
5865                                                            <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">
5866        <g transform="translate(-4.25 -4.25)">
5867        <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)"/>
5868        <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)"/>
5869    </g>
5870</svg>
5871
5872                                                    </a>
5873                    
5874                
5875                    </div>
5876    </div>
5877
5878                                                            </div>
5879                        </div>
5880                    </div>
5881                
5882            </div>
5883
5884
5885
5886
5887        </div>
5888
5889    </div>
5890</article>
5891
5892                            </div>
5893
5894                            
5895                        
5896                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
5897                                    
5898
5899    
5900                
5901            
5902            
5903                
5904                
5905                
5906            
5907            
5908                
5909    
5910        
5911    
5912        
5913    
5914    
5915    
5916            
5917            
5918                
5919            
5920    
5921    
5922                
5923            
5924            
5925                
5926                
5927                
5928            
5929            
5930                
5931    
5932        
5933    
5934        
5935    
5936        
5937    
5938    
5939    
5940            
5941            
5942                
5943            
5944
5945    
5946
5947    
5948            
5949                
5950            
5951            
5952            
5953                
5954    
5955
5956    
5957            
5958                
5959            
5960            
5961            
5962                
5963    
5964                
5965            
5966            
5967            
5968            
5969                
5970                
5971
5972
5973
5974
5975
5976                
5977<article class="item h-full   lg:h-[40rem] group relative">
5978    <div class="item__container h-full flex flex-col flex-col">
5979        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
5980            <div class="banner absolute top-3 left-3 mr-12 z-10">
5981    <div class="banner__status--text">
5982        <div class="banner__status--wrap flex flex-wrap  ">
5983                            
5984                                                                                                <div class="banner-item mr-2 mb-2 px-4  property-status property-status--exclusif">
5985                    <span
5986                        class="banner-item__text py-2 block property-status-content">Exclusivité</span>
5987                </div>
5988                                                                
5989                                                                    </div>
5990    </div>
5991</div>
5992
5993            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
5994                    data-add-url="/i/selection/addbien?idbien=391"
5995                    data-remove-url="/i/selection/deletebien?idbien=391"
5996                    data-alt-text="">
5997                    <span class="selection-manager__icon">
5998                                                <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">
5999        <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>
6000    <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>
6001</svg>
6002                    </span>
6003                <span class="selection-manager__text js-selection-text"></span>
6004            </button>
6005            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
6006                <div class="item__media-swiper h-full js-propertiesMedia-list"
6007                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
6008                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
6009                        
6010
6011                                                    
6012                            <div class="swiper-slide">
6013                                <picture data-size="414x527" class="media-js">
6014                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_b36cbef90d3db2fbb1c8bae47ecd82ac.png" media="(min-width:768px)" />
6015                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_b36cbef90d3db2fbb1c8bae47ecd82ac.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6016                                </picture>
6017                            </div>
6018                                                                                
6019                            <div class="swiper-slide">
6020                                <picture data-size="414x527" class="media-js">
6021                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_42e44568b5a3fc4ef9fdb1b6074085a8.jpg" media="(min-width:768px)" />
6022                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_42e44568b5a3fc4ef9fdb1b6074085a8.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6023                                </picture>
6024                            </div>
6025                                                                                
6026                            <div class="swiper-slide">
6027                                <picture data-size="414x527" class="media-js">
6028                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_4d0
60285c111ee6df46eb7e35dbf249d6647.jpg" media="(min-width:768px)" />
6029                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/f9bf8d7d841e72acca39a344283cb980/photo_4d05c111ee6df46eb7e35dbf249d6647.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6030                                </picture>
6031                            </div>
6032                                                                                                    </div>
6033                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
6034                            <!-- If we need pagination buttons -->
6035                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
6036                        </div>
6037                                    </div>
6038            </div>
6039                    </div>
6040
6041        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
6042            <div class="item__block w-full">
6043                                                                            
6044                                                                                
6045
6046
6047<div id="" class="title-v1  ">
6048            <span class="title-v1__part1">Appartement en Duplex Traversant</span>
6049        </div>
6050
6051                
6052                                                <div class="item__block--city">
6053                    
6054                                                                                
6055
6056
6057<div id="" class="title-v1  ">
6058            <span class="title-v1__part1">Port grimaud (83310)</span>
6059        </div>
6060
6061                </div>
6062
6063                
6064                <div class="item__title text-center xl:text-center">
6065                    <p class="item__block--title line-clamp-3">
6066                        Appartement
6067                                                                                                                                                                                                                                                                                                                        1 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          30  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
6068                </div>
6069
6070                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
6071                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
6072                                                                        
6073                                                                                                    
6074                            
6075                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
6076                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
6077  
6078<g transform="translate(2 2)">
6079    <g>
6080      <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"/>
6081      <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"/>
6082      <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"/>
6083      <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"/>
6084      <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"/>
6085      <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"/>
6086      <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"/>
6087      <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"/>
6088      <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"/>
6089      <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"/>
6090    </g>
6091  </g>
6092  <rect width="24" height="24" fill="none"/>
6093</svg>
6094
6095                                                                    <span class="option__number px-2.5 py-1 rounded-full">
6096                                                                                                                                    1
6097                                                                                                                                                                    </span>
6098                                                            </div>
6099                                                                        
6100                            
6101                                                                                                    
6102                            
6103                                                                                                    
6104                            
6105                                                                                                    
6106                            
6107                                                                                                    
6108                            
6109                                                        
6110                                                                            
6111                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
6112                                <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">
6113   
6114<defs>
6115    <clipPath>
6116      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
6117    </clipPath>
6118  </defs>
6119  <rect width="24" height="24" fill="none"/>
6120  <g transform="translate(1.114 1.409)">
6121    <g transform="translate(3.136 5.015)">
6122      <g>
6123        <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"/>
6124        <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"/>
6125        <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"/>
6126        <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"/>
6127        <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"/>
6128        <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"/>
6129      </g>
6130    </g>
6131    <g transform="translate(0 18.591)">
6132      <g clip-path="url(#clip-path-parking)">
6133        <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"/>
6134      </g>
6135    </g>
6136  </g>
6137</svg>
6138
6139                                                                    <sp
6139an class="option__number px-2.5 py-1 rounded-full">
6140                                        1
6141                                    </span>
6142                                                            </div>
6143                                                                        
6144                            
6145                                                                                                    
6146                                                                                                                                    
6147                    </div>
6148                </div>
6149
6150                <div class="item__price my-2">
6151                        
6152            345 000 €
6153    
6154    
6155
6156                </div>
6157
6158                
6159                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
6160                        <div class="links-group">
6161                            <div class="links-group__wrapper">
6162                                                                        
6163    <div class="links-group ">
6164        <div class="links-group__wrapper flex ">
6165                                                                                
6166                                                    
6167                                                    
6168                
6169                                                                
6170                                                    
6171                                            <a
6172                                                            href="/vente/25-port-grimaud/appartement/391-appartement-en-duplex-traversant"
6173                                                        class="links-group__link links-group__link--drawing cta-secondary"
6174                            target=""
6175                            title="Voir le bien Appartement en Duplex Traversant"
6176                        >
6177                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
6178                                                            <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">
6179        <g transform="translate(-4.25 -4.25)">
6180        <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)"/>
6181        <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)"/>
6182    </g>
6183</svg>
6184
6185                                                    </a>
6186                    
6187                
6188                    </div>
6189    </div>
6190
6191                                                            </div>
6192                        </div>
6193                    </div>
6194                
6195            </div>
6196
6197
6198
6199
6200        </div>
6201
6202    </div>
6203</article>
6204
6205                            </div>
6206
6207                            
6208                        
6209                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
6210                                    
6211
6212    
6213                
6214            
6215            
6216                
6217                
6218                
6219            
6220            
6221                
6222    
6223        
6224    
6225        
6226    
6227    
6228    
6229            
6230            
6231                
6232            
6233    
6234    
6235                
6236            
6237            
6238                
6239                
6240                
6241            
6242            
6243                
6244    
6245        
6246    
6247        
6248    
6249        
6250    
6251    
6252    
6253            
6254            
6255                
6256            
6257
6258    
6259
6260    
6261            
6262                
6263            
6264            
6265            
6266                
6267    
6268
6269    
6270            
6271                
6272            
6273            
6274            
6275                
6276    
6277                
6278            
6279            
6280            
6281            
6282                
6283                
6284
6285
6286
6287
6288
6289                
6290<article class="item h-full   lg:h-[40rem] group relative">
6291    <div class="item__container h-full flex flex-col flex-col">
6292        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
6293            <div class="banner absolute top-3 left-3 mr-12 z-10">
6294    <div class="banner__status--text">
6295        <div class="banner__status--wrap flex flex-wrap  ">
6296                            
6297                                                                                                                                    
6298                                                                    </div>
6299    </div>
6300</div>
6301
6302            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
6303                    data-add-url="/i/selection/addbien?idbien=131"
6304                    data-remove-url="/i/selection/deletebien?idbien=131"
6305                    data-alt-text="">
6306                    <span class="selection-manager__icon">
6307                                                <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">
6308        <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>
6309    <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>
6310</svg>
6311                    </span>
6312                <span class="selection-manager__text js-selection-text"></span>
6313            </button>
6314            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
6315                <div class="item__media-swiper h-full js-propertiesMedia-list"
6316                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
6317                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
6318                        
6319
6320                                                    
6321                            <div class="swiper-slide">
6322                                <picture data-size="414x527" class="media-js">
6323                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_e8cd298f9a545254602988d21a43ef2c.png" media="(min-width:768px)" />
6324                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_e8cd298f9a545254602988d21a43ef2c.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6325                                </picture>
6326                            </div>
6327                                                                                
6328                            <div class="swiper-slide">
6329                                <picture data-size="414x527" class="media-js">
6330                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_652cc13448dd1ff2642a3aefefa16041.png" media="(min-width:768px)" />
6331                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_652cc13448dd1ff2642a3aefefa16041.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6332                                </picture>
6333                            </div>
6334                                                                                
6335                            <div class="swiper-slide">
6336                                <picture data-size="414x527" class="media-js">
6337                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_fab8d682949f8b01f63e4544ea1f0b55.png" media="(min-width:768px)" />
6338                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/ee6f4adaf40e998becbbc64fa76ed9ff/photo_fab8d682949f8b01f63e4544ea1f0b55.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6339                                </picture>
6340                            </div>
6341                                                                                                    </div>
6342                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
6343                            <!-- If we need pagination buttons -->
6344                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
6345                        </div>
6346                                    </div>
6347            </div>
6348                    </div>
6349
6350        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
6351            <div class="item__block w-full">
6352                
6353                                                <div class="item__block--city">
6354                    
6355                                                                                
6356
6357
6358<div id="" class="title-v1  ">
6359            <span class="title-v1__part1">Port grimaud (83310)</span>
6360        </div>
6361
6362                </div>
6363
6364                
6365                <div class="item__title text-center xl:text-center">
6366                    <p class="item__block--title line-clamp-3">
6367                        Appartement
6368                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          33  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
6369                </div>
6370
6371                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
6372                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
6373                                                                        
6374                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
6375                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
6376 
6377<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
6378  <g>
6379    <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"/>
6380    <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"/>
6381    <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"/>
6382    <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"/>
6383    <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"/>
6384    <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"/>
6385    <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"/>
6386  </g>
6387</svg>
6388
6389                                                                    <span class="option__number px-2.5 py-1 rounded-full">
6390                                                                                                                                    1
6391                                                                                                                                                                    </span>
6392                                                            </div>
6393                                                                        
6394                            
6395                                                                                                    
6396                            
6397                                                                                                    
6398                            
6399                                                                                                    
6400                            
6401                                                                                                    
6402                            
6403                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
6404                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
6405  
6406<rect width="24" height="24" fill="none"/>
6407  <g transform="translate(1.114 1.409)">
6408    <g>
6409      <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"/>
6410    </g>
6411    <g transform="translate(3.136 5.015)">
6412      <g >
6413        <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"/>
6414        <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"/>
6415        <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"/>
6416        <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"/>
6417        <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"/>
6418        <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"/>
6419      </g>
6420    </g>
6421  </g>
6422</svg>
6423
6424                                                                    <sp
6424an class="option__number px-2.5 py-1 rounded-full">
6425                                                                                                                                    1
6426                                                                                                                                                                    </span>
6427                                                            </div>
6428                                                                        
6429                            
6430                                                        
6431                                                                            
6432                                            
6433                            
6434                                                                                                    
6435                                                                                                                                    
6436                    </div>
6437                </div>
6438
6439                <div class="item__price my-2">
6440                        
6441            340 000 €
6442    
6443    
6444
6445                </div>
6446
6447                
6448                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
6449                        <div class="links-group">
6450                            <div class="links-group__wrapper">
6451                                                                        
6452    <div class="links-group ">
6453        <div class="links-group__wrapper flex ">
6454                                                                                
6455                                                    
6456                                                    
6457                
6458                                                                
6459                                                    
6460                                            <a
6461                                                            href="/vente/25-port-grimaud/appartement/131-"
6462                                                        class="links-group__link links-group__link--drawing cta-secondary"
6463                            target=""
6464                            title="Voir le bien "
6465                        >
6466                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
6467                                                            <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">
6468        <g transform="translate(-4.25 -4.25)">
6469        <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)"/>
6470        <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)"/>
6471    </g>
6472</svg>
6473
6474                                                    </a>
6475                    
6476                
6477                    </div>
6478    </div>
6479
6480                                                            </div>
6481                        </div>
6482                    </div>
6483                
6484            </div>
6485
6486
6487
6488
6489        </div>
6490
6491    </div>
6492</article>
6493
6494                            </div>
6495
6496                            
6497                        
6498                            <div class="properties-list-v2__item mx-auto lg:max-w-[73.25rem] w-full overflow-hidden group/item-list">
6499                                    
6500
6501    
6502                
6503            
6504            
6505                
6506                
6507                
6508            
6509            
6510                
6511    
6512        
6513    
6514        
6515    
6516    
6517    
6518            
6519            
6520                
6521            
6522    
6523    
6524                
6525            
6526            
6527                
6528                
6529                
6530            
6531            
6532                
6533    
6534        
6535    
6536        
6537    
6538        
6539    
6540    
6541    
6542            
6543            
6544                
6545            
6546
6547    
6548
6549    
6550            
6551                
6552            
6553            
6554            
6555                
6556    
6557
6558    
6559            
6560                
6561            
6562            
6563            
6564                
6565    
6566                
6567            
6568            
6569            
6570            
6571                
6572                
6573
6574
6575
6576
6577
6578                
6579<article class="item h-full   lg:h-[40rem] group relative">
6580    <div class="item__container h-full flex flex-col flex-col">
6581        <div class="item__decorate  h-[58%]  aspect-[15/14] lg:aspect-auto  w-full relative">
6582            <div class="banner absolute top-3 left-3 mr-12 z-10">
6583    <div class="banner__status--text">
6584        <div class="banner__status--wrap flex flex-wrap  ">
6585                            
6586                                                                                                                                    
6587                                                                    </div>
6588    </div>
6589</div>
6590
6591            <button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle  z-10"
6592                    data-add-url="/i/selection/addbien?idbien=52"
6593                    data-remove-url="/i/selection/deletebien?idbien=52"
6594                    data-alt-text="">
6595                    <span class="selection-manager__icon">
6596                                                <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">
6597        <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>
6598    <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>
6599</svg>
6600                    </span>
6601                <span class="selection-manager__text js-selection-text"></span>
6602            </button>
6603            <div class="item__visual w-full h-full overflow-hidden lg:transition-transform ">
6604                <div class="item__media-swiper h-full js-propertiesMedia-list"
6605                     data-l-swiperloop=1                      data-l-swiperspeed=900                    >
6606                    <div class="item__media-swiper-wrapper swiper-wrapper lg:ease-in-out lg:duration-500 lg:group-hover:scale-125">
6607                        
6608
6609                                                    
6610                            <div class="swiper-slide">
6611                                <picture data-size="414x527" class="media-js">
6612                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_b97939c40197360c15a5485487107ee7.png" media="(min-width:768px)" />
6613                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_b97939c40197360c15a5485487107ee7.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6614                                </picture>
6615                            </div>
6616                                                                                
6617                            <div class="swiper-slide">
6618                                <picture data-size="414x527" class="media-js">
6619                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_f50b00afa42d97b815165f0a29173dca.png" media="(min-width:768px)" />
6620                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_f50b00afa42d97b815165f0a29173dca.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6621                                </picture>
6622                            </div>
6623                                                                                
6624                            <div class="swiper-slide">
6625                                <picture data-size="414x527" class="media-js">
6626                                    <source srcset="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_2b6e10e49510c16cd109b4e08be9610d.png" media="(min-width:768px)" />
6627                                    <img src="//abc-immobilier.staticlbi.com/750xauto/images/biens/1/590c6019ad20ce0b3d1f95dac3c0443b/photo_2b6e10e49510c16cd109b4e08be9610d.png" class="h-full w-full object-cover" loading="lazy" alt="" width="750" height="auto" />
6628                                </picture>
6629                            </div>
6630                                                                                                    </div>
6631                                            <div class="item__media-swiper-nav relative  flex flex-col-reverse lg:flex-row items-center justify-between lg:ease-in-out lg:duration-500 lg:group-hover:-mt-20">
6632                            <!-- If we need pagination buttons -->
6633                            <div class="item__media-swiper-pagination z-50 -top-10 swiper-pagination"></div>
6634                        </div>
6635                                    </div>
6636            </div>
6637                    </div>
6638
6639        <div class="item__content flex flex-col justify-center text-center w-full  h-full lg:h-[42%]  lg:group-hover:h-[55%] px-5 p-5 lg:py-10 lg:px-7 overflow-hidden lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden z-10">
6640            <div class="item__block w-full">
6641                
6642                                                <div class="item__block--city">
6643                    
6644                                                                                
6645
6646
6647<div id="" class="title-v1  ">
6648            <span class="title-v1__part1">Port grimaud (83310)</span>
6649        </div>
6650
6651                </div>
6652
6653                
6654                <div class="item__title text-center xl:text-center">
6655                    <p class="item__block--title line-clamp-3">
6656                        Appartement
6657                                                                                                                                                                                                                                                                                                                        2 pièce(s)                                                                                                                                                                                                          1 chambre(s)                                                                                                                                                                                                          39  m²                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
6658                </div>
6659
6660                <div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
6661                    <div class="options flex flex-wrap justify-around lg:my-2 my-2">
6662                                                                        
6663                                                                                                            <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1 content-center items-center">
6664                                <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
6665 
6666<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
6667  <g>
6668    <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"/>
6669    <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"/>
6670    <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"/>
6671    <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"/>
6672    <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"/>
6673    <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"/>
6674    <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"/>
6675  </g>
6676</svg>
6677
6678                                                                    <span class="option__number px-2.5 py-1 rounded-full">
6679                                                                                                                                    1
6680                                                                                                                                                                    </span>
6681                                                            </div>
6682                                                                        
6683                            
6684                                                                                                    
6685                            
6686                                                                                                    
6687                            
6688                                                                                                    
6689                            
6690                                                                                                    
6691                            
6692                                                                                                    
6693                            
6694                                                        
6695                                                                            
6696                                                    <div class="option  flex gap-2 w-1/3 justify-center lg:py-2 py-1  content-center items-center">
6697                                <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">
6698   
6699<defs>
6700    <clipPath>
6701      <rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
6702    </clipPath>
6703  </defs>
6704  <rect width="24" height="24" fill="none"/>
6705  <g transform="translate(1.114 1.409)">
6706    <g transform="translate(3.136 5.015)">
6707      <g>
6708        <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"/>
6709        <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"/>
6710        <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"/>
6711        <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"/>
6712        <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"/>
6713        <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"/>
6714      </g>
6715    </g>
6716    <g transform="translate(0 18.591)">
6717      <g clip-path="url(#clip-path-parking)">
6718        <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"/>
6719      </g>
6720    </g>
6721  </g>
6722</svg>
6723
6724                                                                    <sp
6724an class="option__number px-2.5 py-1 rounded-full">
6725                                        1
6726                                    </span>
6727                                                            </div>
6728                                                                        
6729                            
6730                                                                                                    
6731                                                                                                                                    
6732                    </div>
6733                </div>
6734
6735                <div class="item__price my-2">
6736                        
6737            335 000 €
6738    
6739    
6740
6741                </div>
6742
6743                
6744                                    <div class="item__links flex justify-center self-center lg:self-center pb-4 h-0 lg:pb-0 lg:mt-4 mt-2 lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
6745                        <div class="links-group">
6746                            <div class="links-group__wrapper">
6747                                                                        
6748    <div class="links-group ">
6749        <div class="links-group__wrapper flex ">
6750                                                                                
6751                                                    
6752                                                    
6753                
6754                                                                
6755                                                    
6756                                            <a
6757                                                            href="/vente/25-port-grimaud/appartement/52-"
6758                                                        class="links-group__link links-group__link--drawing cta-secondary"
6759                            target=""
6760                            title="Voir le bien "
6761                        >
6762                            <span class="links-group__text cta-secondary__text">Voir le bien</span>
6763                                                            <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">
6764        <g transform="translate(-4.25 -4.25)">
6765        <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)"/>
6766        <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)"/>
6767    </g>
6768</svg>
6769
6770                                                    </a>
6771                    
6772                
6773                    </div>
6774    </div>
6775
6776                                                            </div>
6777                        </div>
6778                    </div>
6779                
6780            </div>
6781
6782
6783
6784
6785        </div>
6786
6787    </div>
6788</article>
6789
6790                            </div>
6791
6792                            
6793                        
6794                    </div>
6795                </div>
6796            </div>
6797
6798                            <div class="properties-list-v2__pagination">
6799                    <div class="properties-list-v2__pagination-container">
6800                                                                                                                                                    
6801
6802
6803
6804
6805
6806
6807
6808
6809    
6810
6811                        
6812                        
6813    
6814            
6815
6816                    
6817                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
6818
6819    <article class="pagination my-8 ">
6820    <div class="pagination__wrapper">
6821        <nav role="navigation" aria-label="Pagination Navigation">
6822
6823            <ul class="pagination__items flex justify-center items-center">
6824                                                        
6825
6826                                        
6827                                        
6828                                                                        <li class="pagination__item pagination__item--prev pagination__item--unactive mx-2">
6829                                <span class="pagination__link flex justify-center items-center h-full"><svg xmlns="http://www.w3.org/2000/svg" class="pagination__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507">
6830    <title>Page précédente</title>    <g transform="translate(0.75 0.75)">
6831        <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)"/>
6832        <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)"/>
6833    </g>
6834</svg>
6835</span>
6836                            </li>
6837                                            
6838                    
6839                                            <li class="pagination__item pagination__item--active mx-2">
6840                            <span class="pagination__link flex justify-center items-center h-full">1</span>
6841                        </li>
6842                    
6843                    
6844                    
6845                                                        
6846
6847                                        
6848                                        
6849                    
6850                    
6851                                                                    <li class="pagination__item mx-2">
6852                            <a class="pagination__link flex justify-center items-center h-full" href="/vente/appartement/2?sortby[type]=annonce.prix&sortby[dir]=DESC&allow_fields=sortby" aria-label="Aller à la page 2">2</a>
6853                        </li>
6854                    
6855                    
6856                                                                                                    <li class="pagination__item pagination__item--next mx-2">
6857                                <a class="pagination__link arrow flex justify-center items-center h-full" href="/vente/appartement/2?sortby[type]=annonce.prix&sortby[dir]=DESC&allow_fields=sortby" aria-label="Aller à la page suivante">
6858                                    <svg xmlns="http://www.w3.org/2000/svg" class="pagination__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507">
6859    <title>Page suivante</title>    <g transform="translate(-4.25 -4.25)">
6860        <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)"/>
6861        <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)"/>
6862    </g>
6863</svg>
6864
6865                                </a>
6866                            </li>
6867                                            
6868                
6869            </ul>
6870
6871        </nav>
6872    </div>
6873    </article>
6874
6875                    </div>
6876                </div>
6877            
6878            
6879            
6880            
6881        
6882    </div>
6883</div>
6884            
6885        
6886    </div>
6887</main>                    
6888
6889        
6890                    
6891
6892        
6893
6894        
6895        
6896            <div data-modal-id="information-message" class="modal modal-message" role="dialog" aria-modal="true" >
6897    <div class="modal__body">
6898        <button class="modal__close">
6899            <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">
6900                <g>
6901                    <g id="cross">
6902                        <g>
6903                            <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
6904                                134.5,127.5 81.9,75">
6905                            </polygon>
6906                        </g>
6907                    </g>
6908                </g>
6909            </svg>
6910        </button>
6911        <div class="modal__scroller">
6912            <div class="modal__title" data-modal-var="title">
6913                
6914            </div>
6915
6916            <div class="modal__text" data-modal-var="text">
6917                
6918            </div>
6919
6920            <button class="modal__focus-trap"></button>
6921        </div>
6922    </div>
6923    <div class="modal__background"></div>
6924</div>        
6925        
6926            
6927                    
6928
6929
6930
6931
6932
6933
6934
6935
6936<footer id="" class="footer-v1 ">
6937    <div class="footer-v1__container container px-2 xl:px-8 mx-auto lg:max-w-[85rem]">
6938        <div class="footer-v1__wrapper">
6939
6940            <div id="" class="footer-v1-top  my-20">
6941                <div class="footer-v1-top__wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-y-10 gap-x-10">
6942
6943                                            <div class="footer-column flex flex-col justify-between">
6944                                                                                                <div class="footer-logo my-3 first:mt-0 last:mb-0 flex justify-center">
6945            <a class="logo_menber_link" href="/" target="" rel="nofollow">
6946            <img class="logo_menber_img" src="images/logoFooter.png" alt="logo interkab" loading="lazy">
6947        </a>
6948    </div>
6949                                                                                    </div>
6950                                            <div class="footer-column ">
6951                                                                                                <div class="footer-contact">
6952    <div class="footer-contact__wrapper flex justify-center lg justify-start">
6953                    
6954<div class="footer-coords">
6955    <div class="footer-coords__wrapper">
6956
6957        <div class="footer__coords coords">
6958            <div class="coords__wrapper">
6959
6960                                                                                                                        <div class="coords__info coords__info--address">
6961                                    <div class="coords__data">
6962                                        <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 1</span></span>
6963                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
6964                                    </div>
6965                                </div>
6966                                                                                                                                                                                                <div class="coords__info coords__info--address">
6967                                    <div class="coords__data">
6968                                        <span class="coords__value coords__value--address">24 PLACE DES ARTISANS  </span>
6969                                        <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span>
6970                                    </div>
6971                                </div>
6972                                                                                                                                                                                                <div class="coords__info coords__info--address">
6973                                    <div class="coords__data">
6974                                        <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>
6975                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
6976                                    </div>
6977                                </div>
6978                                                                                                                                                                                                <div class="coords__info coords__info--address">
6979                                    <div class="coords__data">
6980                                        <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span>
6981                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
6982                                    </div>
6983                                </div>
6984                                                                                                                                                                                                <div class="coords__info coords__info--address">
6985                                    <div class="coords__data">
6986                                        <span class="coords__value coords__value--address"><a href='mailto:[email protected] ' style='font-weight:500; font-size:16px'>[email protected] </a></span>
6987                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
6988                                    </div>
6989                                </div>
6990                                                                                                    </div>
6991                    </div>
6992
6993    </div>
6994</div>
6995        
6996        
6997    </div>
6998</div>
6999
7000
7001
7002
7003                                                                                    </div>
7004                                            <div class="footer-column ">
7005                                                                                                <div class="footer-contact">
7006    <div class="footer-contact__wrapper flex justify-center lg justify-start">
7007                    
7008<div class="footer-coords">
7009    <div class="footer-coords__wrapper">
7010
7011        <div class="footer__coords coords">
7012            <div class="coords__wrapper">
7013
7014                                                                                                                        <div class="coords__info coords__info--address">
7015                                    <div class="coords__data">
7016                                        <span class="coords__value coords__value--address"><span class='name2 coords__value'>Agence Port Grimaud 2</span></span>
7017                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
7018                                    </div>
7019                                </div>
7020                                                                                                                                                                                                <div class="coords__info coords__info--address">
7021                                    <div class="coords__data">
7022                                        <span class="coords__value coords__value--address"> 20 PLACE François Spoerry</span>
7023                                        <span class="coords__value coords__value--zip-city">83310 Port Grimaud <span class="coords__value coords__value--city"></span></span>
7024                                    </div>
7025                                </div>
7026                                                                                                                                                                                                <div class="coords__info coords__info--address">
7027                                    <div class="coords__data">
7028                                        <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>
7029                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
7030                                    </div>
7031                                </div>
7032                                                                                                                                                                                                <div class="coords__info coords__info--address">
7033                                    <div class="coords__data">
7034                                        <span class="coords__value coords__value--address"><a href='tel:+ 33 617898900' style='font-weight:500; font-size:16px'> + 33 617898900 </a></span>
7035                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
7036                                    </div>
7037                                </div>
7038                                                                                                                                                                                                <div class="coords__info coords__info--address">
7039                                    <div class="coords__data">
7040                                        <span class="coords__value coords__value--address"><a href='mailto:[email protected]' style='font-weight:500; font-size:16px'>[email protected]</a></span>
7041                                        <span class="coords__value coords__value--zip-city"> <span class="coords__value coords__value--city"></span></span>
7042                                    </div>
7043                                </div>
7044                                                                                                    </div>
7045                    </div>
7046
7047    </div>
7048</div>
7049        
7050        
7051    </div>
7052</div>
7053
7054
7055
7056
7057                                                                                    </div>
7058                                    </div>
7059            </div>
7060
7061
7062            <div id="" class="footer-v1-last  my-10">
7063                <div class="footer-v1-last__wrapper flex flex-col">
7064                                                                        
7065
7066<div class="copyright  mb-6">
7067<div class="copyright__wrapper flex flex-col lg:flex-row justify-center">
7068    <p class="copyright__text text-center mb-2 lg:text-left lg:mb-0">© 2026 | Tous droits réservés</p>
7069    <nav class="copyright-last__menu">
7070        <ul class="copyright__nav-list nav-list flex flex-wrap justify-center">
7071
7072            
7073            
7074                
7075                <li class="nav-list__item pl-4">
7076                    <a
7077                                                            href="/honoraires.pdf"
7078                                                        title=" - Ouverture nouvelle fenêtre"
7079                            target="_blank"
7080                            class="nav-list__link">
7081                         Nos honoraires
7082                    </a>
7083                </li>
7084            
7085                                                                                                
7086                <li class="nav-list__item pl-4">
7087                    <a
7088                                                            href="/nos-partenaires"
7089                                                        title=""
7090                            target=""
7091                            class="nav-list__link">
7092                        Nos partenaires
7093                    </a>
7094                </li>
7095            
7096                                                                                                
7097                <li class="nav-list__item pl-4">
7098                    <a
7099                                                            href="/mentions-legales"
7100                                                        title=""
7101                            target=""
7102                            class="nav-list__link">
7103                        Mentions légales
7104                    </a>
7105                </li>
7106            
7107            <li class="nav-list__item pl-4">
7108                <a title="Politique RGPD" class="nav-list__link" href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles">Politique RGPD</a>
7109            </li>
7110            <li class="nav-list__item pl-4">
7111                <button class="js_openPopinCookie nav-list__link">Cookies</button>
7112            </li>
7113        </ul>
7114    </nav>
7115</div>
7116</div>
7117                                                                                                
7118<div class="logolbi flex justify-center">
7119    <span>Réalisé par :</span>
7120    <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">
7121        <svg class="logolbi__svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 411.33 65.16" width="187.371"
7122     height="25.002" y="0px" x="0px">
7123        <g>
7124        <rect x="90.54" y="5.23" width="8.52" height="32.83"/>
7125        <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"/>
7126        <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"/>
7127        <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"/>
7128        <rect x="212.34" y="14.93" width="8.62" height="23.13"/>
7129        <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"/>
7130        <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"/>
7131        <rect x="289.06" y="14.83" width="2.29" height="23.23"/>
7132        <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"/>
7133        <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"/>
7134        <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"/>
7135        <polygon
7136                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"/>
7137        <path d="M292.1,7.39c0,2.44-3.7,2.44-3.7,0s3.7-2.43,3.7,0"/>
7138        <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"/>
7139        <g>
7140            <polygon
7141                    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"/>
7142            <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"/>
7143            <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"/>
7144        </g>
7145        <g>
7146            <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"/>
7147            <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"/>
7148            <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"/>
7149            <polygon
7150                    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"/>
7151            <polygon
7152                    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"/>
7153            <polygon
7154                    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"/>
7155            <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"/>
7156            <rect x="199.62" y="48.98" width="1.8" height="9.63"/>
7157            <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"/>
7158            <polygon
7159                    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"/>
7160        </g>
7161        <g>
7162            <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"/>
7163            <polygon
7164                    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"/>
7165            <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"/>
7166        </g>
7167        <g>
7168            <rect x="275.53" y="48.98" width="1.8" height="9.63"/>
7169            <polygon
7170                    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"/>
7171            <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"/>
7172            <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"/>
7173            <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"/>
7174            <polygon
7175                    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"/>
7176            <polygon
7177                    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"/>
7178            <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"/>
7179            <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"/>
7180            <polygon
7181                    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"/>
7182            <polygon
7183                    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"/>
7184            <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"/>
7185        </g>
7186    </g>
7187</svg>
7188
7189    </a>
7190</div>
7191
7192                                                            </div>
7193            </div>
7194
7195        </div>
7196    </div>
7197</footer>
7198
7199<div class="footer__bottombar"></div>        
7200
7201    </div>
7202
7203    
7204                                                                    
7205
7206
7207    
7208                                                
7209            
7210    
7211<div class="cookie-consent rgpd-v1 ">
7212    <div class="cookiesv2Container">
7213        <div class="cookiesStructure_1">
7214            <div class="cookiesContent">
7215                                <p class="titreCookies">
7216                    Comme beaucoup, notre site
7217                    <span class="colorPrimarySite">utilise les cookies</span>
7218                </p>
7219                <p class="textCookies">
7220                    <span class="textStrong">On aimerait vous accompagner pendant votre visite.</span>
7221                    En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques !
7222                </p>
7223                <div class="btnContainer">
7224                    <button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button>
7225                    <button class="btnCookies" id="getValidAllCookies" type="button"> Tout accepter</button>
7226                </div>
7227            </div>
7228        </div>
7229        <div class="cookiesStructure_2 ">
7230            <div class="cookiesContent">
7231                <div class="cookieTitle_Content">
7232                    <button class="btnRetour" id="getReturnCookies" type="button">
7233                        <svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewBox="0 0 16.468 12.261">
7234    <g transform="translate(1554.209 965.841) rotate(180)">
7235        <path d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
7236        <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>
7237        <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>
7238    </g>
7239</svg>
7240                    </button>
7241                    <p class="topContentCookies"> Paramétrer</p>
7242                    <button class="btnTop" id="getCloseCookies" type="button"> Tout refuser</button>
7243                </div>
7244                <div class="cookieParams_Content">
7245                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="cookiesElement">
7246    <div class="itemCheckboxCookieButtonContent">
7247        <div class="textSectionStructure">
7248            <div class="textSectionContent">
7249                <span class="titreSection">Statistiques de visites</span>
7250                <button class="buttonAcordeon js_accordeonCookies"></button>
7251            </div>
7252            <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>
7253        </div>
7254    </div>
7255    <div class="itemCheckboxCookieContainer">
7256        <div class="itemCheckboxCookieStructure">
7257                                                                                                                                                                                                                                                                <div class="titleContent">
7258                                <p class="titleElement"></p>
7259                            </div>
7260                                                <div class="itemCheckboxCookieContent">
7261                            <div class="textContent">
7262                                <a class="linkElement" target="_blank" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a>
7263                                                                    <svg class="iconElement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid">
7264    <g>
7265        <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"
7266              fill="#f9ab00"/>
7267        <g fill="#e37400">
7268            <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"/>
7269            <circle cx="41" cy="163" r="21"/>
7270        </g>
7271    </g>
7272</svg>
7273
7274
7275                                                                <p class="textElement">Google Analytics</p>
7276                            </div>
7277                            <div class="checkboxCookiesContent">
7278                                                                                                            <input name="checkbox_googleAnalytics" class="checkboxCookies"
7279                                               id="checkedgoogleAnalytics" type="checkbox" disabled checked>
7280                                        <span class="requiredCookie">requis</span>
7281                                                                                                </div>
7282                        </div>
7283                                                                                                        <div class="itemCheckboxCookieContent">
7284                            <div class="textContent">
7285                                <a class="linkElement" target="_blank" href="https://support.google.com/tagmanager/answer/9323295?hl=fr">?</a>
7286                                                                    <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"
7287      viewBox="0 0 192 192" enable-background="new 0 0 192 192" xml:space="preserve">
7288    <polygon fill="#8AB4F8" points="111.31,176.79 80.76,147 146.37,80 178,111  "/>
7289    <path fill="#4285F4"
7290          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"/>
7291    <path fill="#8AB4F8"
7292          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"/>
7293    <circle fill="#246FDB" cx="95.5" cy="162.5" r="21.5"/>
7294</svg>
7295                                                                <p class="textElement">Google Tag Mananger</p>
7296                            </div>
7297                            <div class="checkboxCookiesContent">
7298                                                                                                            <input name="checkbox_googleTagManager" class="checkboxCookies"
7299                                               id="checkedgoogleTagManager" type="checkbox" disabled checked>
7300                                        <span class="requiredCookie">requis</span>
7301                                                                                                </div>
7302                        </div>
7303                                                        </div>
7304    </div>
7305</div>
7306
7307                                                                                                        </div>
7308                <div class="btnContainer btnConfigCookies">
7309                    <a href="i/redac/politiquecookies" class="btnCookies lightVersion" type="button">En savoir plus</a>
7310                    <button class="btnCookies" id="getValidAllCookies_2" type="button">Tout accepter</button>
7311                    <button class="btnCookies hidden" id="getSaveCookies" type="button">Enregistrer</button>
7312                </div>
7313            </div>
7314        </div>
7315        <input type="hidden" id="notDisplayForUrl" data-url="/i/redac/legals,/mentions-legales,">
7316    </div>
7317</div>
7318
7319
7320                                                                                                                                    <div class="js_googleAnalytics_cookies" style="display: none" data-ga4="G-H7CDSK4FB9" data-ua=""></div>
7321<script language="JavaScript" type="text/javascript">
7322
7323    function googleAnalytics() {
7324        let target = document.querySelector('.js_googleAnalytics_cookies');
7325        if(target) {
7326            let ua = target.getAttribute('data-ua');
7327            let ga4 = target.getAttribute('data-ga4');
7328
7329            let code = null;
7330            if (ga4) {
7331                code = ga4;
7332            } else if (ua) {
7333                code = ua;
7334            }
7335            
7336            if(code) {
7337                target.innerHTML = "
7337<script async src=\"https://www.googletagmanager.com/gtag/js?id=" + code + "\"><\/script>";
7338                window.dataLayer = window.dataLayer || [];
7339                function gtag(){dataLayer.push(arguments);}
7340                dataLayer.push('js', new Date());
7341                dataLayer.push('config', code);
7342            }
7343        }
7344    }
7345
7346</script>
7346
7347                                                                                                                                                    <input type="hidden" class="js_googleTagManager_cookies" data-gtm="">
7348<script>
7349    function googleTagManager() {
7350        let gtm = document.querySelector('.js_googleTagManager_cookies')?.getAttribute('data-gtm');
7351        if (gtm) {
7352            (function (w, d, s, l, i) {
7353                w[l] = w[l] || [];
7354                w[l].push({
7355                    'gtm.start':
7356                        new Date().getTime(), event: 'gtm.js'
7357                });
7358                var f = d.getElementsByTagName(s)[0],
7359                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
7360                j.async = true;
7361                j.src =
7362                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
7363                f.parentNode.insertBefore(j, f);
7364            })(window, document, 'script', 'dataLayer', 'GTM-' + gtm)
7365        }
7366    }
7367</script>
7367
7368
7369                            
7370
7371
7372
7373
7374
7375
7376    
7376<script >
7377        /* -------------------------------------------------------------------------- */
7378        /*                              NEW COOKIES RGPD                              */
7379        /* -------------------------------------------------------------------------- */
7380
7381        class cookiesRGPD {
7382
7383            constructor() {
7384                this.cookiesContainer = document.querySelector('.cookiesv2Container');
7385                if(this.cookiesContainer) {
7386                    this.cookiesStructure_1 =  this.cookiesContainer.querySelector('.cookiesStructure_1');
7387                    this.cookiesStructure_2 =  this.cookiesContainer.querySelector('.cookiesStructure_2');
7388                    this.listCookies = [];
7389                    this.desactivedCookiesList = false;
7390                    this.dataToSend = [];
7391                    this.whiteList = ["PHPSESSID", "cookies_hasVerifiedV2"];
7392                    this.widgetCall = [];
7393                    this.changeList = [];
7394                    this.listCheckbox = this.cookiesContainer.querySelectorAll('.checkboxCookies');
7395                    this.arrayOfUrl = this.cookiesContainer.querySelector('#notDisplayForUrl')?.getAttribute('data-url')?.split(',');
7396                    if(this.cookiesStructure_1 && this.cookiesStructure_2) {
7397                        this.animCookiesLoading();
7398                    }
7399                }
7400            }
7401
7402            animCookiesLoading() {
7403                this.formatedListCookies();
7404                let url = document.location.href.split('/');
7405                let lengthUrl = url.length - 1;
7406                this.initCookiesForced();
7407                if(this.listCookies['cookies_hasVerifiedV2'] === undefined && !url[lengthUrl].includes(this.arrayOfUrl)) {
7408                    if(this.listCookies['cookies_widgetActivatedV2']) {
7409                        this.initCookiesHasVerified();
7410                    }
7411                    setTimeout(() => {
7412                        this.cookiesStructure_1.classList.add('active');
7413                    }, 2000);
7414                } else {
7415                    this.initCookiesHasVerified();
7416                }
7417                this.initCookies();
7418                this.displayPopin();
7419            }
7420
7421            formatedListCookies() {
7422                let cookies = this.getAllCookies();
7423                for (const element of cookies) {
7424                    let item = element.split(';')[0].split('=');
7425                    this.listCookies[item[0]] = item[1];
7426                }
7427            }
7428
7429            initCookiesForced() {
7430                this.listCheckbox.forEach((element) => {
7431                    if(element.checked) {
7432                        let name = element.getAttribute('name').split('_')[1];
7433                        this.callFunctionCookies(name, "cookies_" + name, true);
7434                    }
7435                });
7436            }
7437
7438            initCookiesHasVerified() {
7439                const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}');
7440                for(let cookies in this.listCookies) {
7441                    if(regex.test(cookies) && cookies !== "cookies_hasVerifiedV2" && cookies !== "cookies_widgetActivatedV2") {
7442                        this.initCookiesChecked(cookies);
7443                        this.callFunctionCookies(cookies.split('_')[1], null, true);
7444                    }
7445                }
7446            }
7447
7448            initCookies() {
7449                this.animCookiesClickParams();
7450                this.animCookiesClickReturn();
7451                this.animCookiesClickValidAll();
7452                this.accordeonCookies();
7453                this.countCookiesChangeSave();
7454                this.animCookiesClickSave();
7455                this.animCookiesClickNoCookies();
7456            }
7457
7458            displayPopin() {
7459                document.querySelector('.js_openPopinCookie')?.addEventListener('click', (event) => {
7460                    this.cookiesStructure_1.classList.add('active');
7461                    this.cookiesStructure_2.classList.remove('active');
7462                });
7463            }
7464
7465            animCookiesClickParams() {
7466                this.cookiesContainer.querySelector('#getParamsCookies')?.addEventListener('click', (event) => {
7467                    this.cookiesStructure_1.classList.remove('active');
7468                    setTimeout(() => {
7469                        this.cookiesStructure_2.classList.add('active');
7470                    },500);
7471                });
7472            }
7473
7474            animCookiesClickReturn() {
7475                this.cookiesContainer.querySelector('#getReturnCookies')?.addEventListener('click', (event) => {
7476                    this.cookiesStructure_2.classList.remove('active');
7477                    setTimeout(() => {
7478                        this.cookiesStructure_1.classList.add('active');
7479                    },500);
7480                });
7481            }
7482
7483            animCookiesClickValidAll() {
7484                this.cookiesContainer.querySelector('#getValidAllCookies')?.addEventListener('click', () => {
7485                    this.actionAnimCookiesClickValidAll();
7486                });
7487                this.cookiesContainer.querySelector('#getValidAllCookies_2')?.addEventListener('click', () => {
7488                    this.actionAnimCookiesClickValidAll();
7489                });
7490            }
7491
7492            animCookiesClickNoCookies() {
7493                this.cookiesContainer.querySelector('#getCloseCookies')?.addEventListener('click', () => {
7494                    this.animCookiesClickNoCookiesAction();
7495                });
7496                this.cookiesContainer.querySelector('#getCloseCookies_2')?.addEventListener('click', () => {
7497                    this.animCookiesClickNoCookiesAction();
7498                });
7499            }
7500
7501            animCookiesClickSave() {
7502                this.cookiesContainer.querySelector('#getSaveCookies')?.addEventListener('click', (event) => {
7503                    this.animCookiesClickSaveAction();
7504                    this.reinitChangeList();
7505                });
7506            }
7507
7508            countCookiesChangeSave() {
7509                this.listCheckbox.forEach((elements) => {
7510                    let array = {
7511                        'value': false,
7512                        'count': 0
7513                    };
7514                    elements.addEventListener('change', (element) => {
7515                        array.value = element.currentTarget.checked;
7516                        array.count = array.count + 1;
7517                        this.changeList[element.currentTarget.id] = array;
7518                        this.changeActionCookiesSave();
7519                    });
7520                });
7521            }
7522
7523            getAllCookies() {
7524                return document.cookie.split(' ');
7525            }
7526
7527            initCookiesChecked(cookies) {
7528                let cookieChecked = document.querySelector('#checked' + cookies.split('_')[1]);
7529                if (cookieChecked !== null) {
7530                    cookieChecked.checked = true;
7531                } else {
7532                    this.animCookiesClickSaveAction();
7533                    this.reinitChangeList();
7534                }
7535            }
7536
7537            actionAnimCookiesClickValidAll() {
7538                this.dataToSend = [];
7539                for(let item of this.listCheckbox) {
7540                    item.checked = true;
7541                    let name = item.getAttribute('name');
7542                    if(name) {
7543                        this.dataToSend[name] = true;
7544                    }
7545                }
7546                this.animCookiesClose(false, false);
7547            }
7548
7549            accordeonCookies() {
7550                let accordeons = this.cookiesContainer.querySelectorAll('.js_accordeonCookies');
7551                if(accordeons.length) {
7552                    accordeons.forEach((accordeon) => {
7553                        accordeon.addEventListener('click', (element) => {
7554                            let parent = element.currentTarget.closest('.cookiesElement');
7555                            let sectionHide = parent.querySelector('.itemCheckboxCookieContainer');
7556                            let sectionHeigt = 0;
7557                            if(sectionHide && sectionHide.querySelector('.itemCheckboxCookieStructure')) {
7558                                sectionHeigt = sectionHide.querySelector('.itemCheckboxCookieStructure').clientHeight;
7559                            }
7560                            if(parent.classList.contains('active')) {
7561                                if(sectionHide) {
7562                                    sectionHide.style.height = 0;
7563                                }
7564                                parent.classList.remove('active');
7565                            } else {
7566                                let cookiesActive = this.cookiesContainer.querySelector('.cookiesElement.active');
7567                                if(cookiesActive) {
7568                                    let cookiesActiveItem = this.cookiesContainer.querySelector('.cookiesElement.active .itemCheckboxCookieContainer');
7569                                    if(cookiesActiveItem) {
7570                                        cookiesActiveItem.style.height = 0;
7571                                    }
7572                                    cookiesActive.classList.remove('active');
7573                                }
7574                                if(sectionHide) {
7575                                    sectionHide.style.height = sectionHeigt + "px";
7576                                }
7577                                parent.classList.add('active');
7578                            }
7579                        });
7580                    });
7581                }
7582            }
7583
7584            changeActionCookiesSave() {
7585                let count = 0;
7586                let allAcceptedBtn = document.querySelector('#getValidAllCookies_2');
7587                let savedBtn = document.querySelector('#getSaveCookies');
7588                for (let [key,element] of Object.entries(this.changeList)) {
7589                    if(element.count%2 !== 0) {
7590                        count++;
7591                    }
7592                }
7593                if(allAcceptedBtn && savedBtn) {
7594                    if(count) {
7595                        this.displaySavedButton(allAcceptedBtn, savedBtn);
7596                    } else {
7597                        this.displayAcceptedButton(allAcceptedBtn, savedBtn);
7598                    }
7599                }
7600            }
7601
7602            displaySavedButton(allAcceptedBtn, savedBtn) {
7603                allAcceptedBtn.classList.add('hidden');
7604                savedBtn.classList.remove('hidden');
7605            }
7606
7607            displayAcceptedButton(allAcceptedBtn, savedBtn) {
7608                savedBtn.classList.add('hidden');
7609                allAcceptedBtn.classList.remove('hidden');
7610            }
7611
7612            setAllCheckboxAtThisTime() {
7613                this.dataToSend = [];
7614                for(let item of this.listCheckbox) {
7615                    let name = item.getAttribute('name');
7616                    if(name) {
7617                        this.dataToSend[name] = item.checked;
7618                    }
7619                }
7620            }
7621
7622            getActionDeleteOrAddCookies() {
7623                for (let [key,element] of Object.entries(this.changeList)) {
7624                    if(element.count%2 !== 0 && !element.value) {
7625                        this.desactivedCookiesList = true;
7626                        break;
7627                    }
7628                }
7629            }
7630
7631            animCookiesClickSaveAction() {
7632                this.animCookiesApplyCookies(true);
7633                this.setAllCheckboxAtThisTime();
7634                this.checkCheckboxCookies();
7635                this.getActionDeleteOrAddCookies();
7636                this.reloadLocationCookies(this.desactivedCookiesList);
7637            }
7638
7639            checkCheckboxCookies() {
7640                for(let data in this.dataToSend) {
7641                    let key = data.split('_')[1];
7642                    this.callFunctionCookies(key, "cookies_" + key, this.dataToSend[data]);
7643                }
7644            }
7645
7646            reinitChangeList() {
7647                for (let [key,element] of Object.entries(this.changeList)) {
7648                    this.changeList[key].count = 0;
7649                }
7650                this.desactivedCookiesList = false;
7651            }
7652
7653            animCookiesClickNoCookiesAction() {
7654                this.dataToSend = [];
7655                for(let item of this.listCheckbox) {
7656                    if (item.hasAttribute('disabled')) {
7657                        item.checked = true;
7658                    } else {
7659                        item.checked = false;
7660                    }
7661                    let name = item.getAttribute('name');
7662                    if(name) {
7663                        this.dataToSend[name] = item.checked;
7664                    }
7665                }
7666                this.animCookiesClose(true, true);
7667            }
7668
7669            getArrayCookies() {
7670                let listCookieNow = this.getAllCookies();
7671                let newListCookieNow = [];
7672                listCookieNow.forEach((element) => {
7673                    newListCookieNow.push(element.replace(';', ''));
7674                });
7675                return newListCookieNow;
7676            }
7677
7678            cookiesHasVerifiedActived(reload) {
7679                if(reload) {
7680                    let newListCookieNow = this.getArrayCookies();
7681                    if(newListCookieNow.includes('cookies_hasVerifiedV2=true') || newListCookieNow.includes('cookies_widgetActivatedV2=true')) {
7682                        location.reload();
7683                    }
7684                }
7685            }
7686
7687            animCookiesClose(reload, deleted) {
7688                this.closeAllPopin();
7689                this.animCookiesApplyCookies(deleted);
7690                this.reloadLocationCookies(reload);
7691            }
7692
7693            closeAllPopin() {
7694                this.cookiesStructure_1.classList.remove('active');
7695                this.cookiesStructure_2.classList.remove('active');
7696                let allAcceptedBtn = document.querySelector('#getValidAllCookies_2');
7697                let savedBtn = document.querySelector('#getSaveCookies');
7698                if(allAcceptedBtn && savedBtn) {
7699                    this.displayAcceptedButton(allAcceptedBtn, savedBtn);
7700                }
7701            }
7702
7703            reloadLocationCookies(reload) {
7704                this.cookiesHasVerifiedActived(reload);
7705                this.closeAllPopin();
7706                document.cookie = "cookies_hasVerifiedV2" + this.expiredCookie(true);
7707            }
7708
7709            animCookiesApplyCookies(deleted) {
7710                if(deleted) {
7711                    for(let cookie of this.getAllCookies()) {
7712                        let name = cookie.split('=')[0];
7713                        let nameFeature = name.split('_')[1];
7714                        if(!this.whiteList.includes(name)) {
7715                            let key = name.split('_')[1];
7716                            this.callFunctionCookies(key, name, this.dataToSend['checkbox_' + nameFeature]);
7717                        }
7718                    }
7719                } else {
7720                    this.checkCheckboxCookies();
7721                }
7722            }
7723
7724            callFunctionCookies(key, cookieName = false, data = false) {
7725                if(cookieName) {
7726                    document.cookie = cookieName + this.expiredCookie(data);
7727                }
7728                if(data && typeof window[key] === "function") {
7729                    if(!this.widgetCall.includes(key)) {
7730                        this.widgetCall.push(key);
7731                        window[key]();
7732                    }
7733                }
7734            }
7735
7736            calcDateExpiration(isNotExpired) {
7737                let expiredDate = new Date();
7738                let year = 2000;
7739                let month = 1;
7740                if(isNotExpired) {
7741                    year = expiredDate.getFullYear() + 1;
7742                    month = expiredDate.getMonth() + 1;
7743                }
7744                let dateUTC = new Date(Date.UTC(year, month, 1));
7745                return dateUTC.toUTCString();
7746            }
7747
7748            expiredCookie(data) {
7749                return "=" + data + "; expires=" + this.calcDateExpiration(data) + "; path=/;"
7750            }
7751
7752        }
7753
7754        window.addEventListener('load', () => {
7755            let callCookies = new cookiesRGPD();
7756            let target = document.getElementsByClassName("cookiesv2Container");
7757            setTimeout(() => {
7758                if(target && target[0]) {
7759                    target[0].style.display = "block";
7760                }
7761            }, 1000);
7762        });
7763
7764    </script>
7764
7765
7766
7767
7768
7769            
7770
7771    
7772            
7773
7774
7775</div>
7776
7777<div class="js-search-holder--vertical"></div>
7778
7779
7780
7781
7782<script defer src='js/vendors/vendors.min.js?v=0.0.1'></script>
vendor: 1 bytes, line 7782
7782
7783<script defer src='js/main.min.js?v=0.0.1'></script>
7783
7784
7785<script>
7786    (function () {
7787
7788        window.l10n = {
7789            slimselect: {
7790                searchText: 'Aucun résultat',
7791                searchingText: 'Recherche',
7792                searchPlaceholder: 'Rechercher',
7793                placeholderText: 'Saisir une valeur',
7794
7795
7796            },
7797            search:{
7798                searchBtnSwitchBase: 'Utilisez le moteur de recherche classique',
7799                searchBtnSwitchIA: 'Utilisez le moteur de recherche IA'
7800            },
7801            formats: {
7802                date: 'dd/mm/YYYY',
7803                localString: 'fr'
7804            }
7805        };
7806
7807                window.appAsyncInit = function () {
7808
7809            var core = new APP.Levant({
7810                baseUrl: 'https://www.port-grimaud-immobilier.fr/',
7811                currentUrl: '/',
7812                section: 'property-list',
7813                                env: 'prod',
7814                searchEngine: '',
7815                model: 'levant',
7816                                BREAKPOINT_MENU_SWITCH: '1279'
7817            });
7818        }
7819
7820    })();
7821</script>
7821
7822
7823        <div class="modal search-filter-full" data-modal-id="search-filter-full">
7824        <div class="modal__body">
7825            <button class="button_default button_icon modal__close">
7826                <span class="modal__close-label">Fermer</span>
7827                <span class="modal__close-icon"><svg class="modal__close-drawing" width="9.679" height="9.679" viewBox="0 0 9.679 9.679">
7828        <g transform="translate(-269.25 -5983.75)">
7829        <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)" />
7830        <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)" />
7831    </g>
7832</svg></span>
7833            </button>
7834            <div class="loader_container"></div>
7835            <div class="modal__container">
7836                <div class="modal__scroller">
7837                    <form method="post"
7838                          action="/nos-biens/xdp85dnbbmbdyfyf793pcok419q4wj5odfbgtga9bunnjjdjggkp3zjxomwcp5qcz15s8np3joka8zntpetyagndtbo4co6k7ayoda31ax36k61nnqx6ojxie4o3yuzmhuq9asakauokzdeccux4um7bt6k5fxwi87649go1hb35gaiowpxatppiurgp5smzfuxsxhie5ejzc1b9xw/1"
7839                          class="form-search-filter list-annonces-form js-form-search-filter open"
7840                          id="js-main_popin"
7841                          data-form-name="form-main">
7842                        <div class="formLine__container">
7843                            <div class="formLine__structure">
7844                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
7845
7846
7847                                <div class="line__container line1__container">
7848                                        <div class="line__structure section0 canHidden ">
7849                                                                        <div class="form__field form-offredem__field" data-component-name="offredem">
7850
7851
7852
7853                                                                                                                        
7854                                                
7855
7856                                    
7857
7858                                                                                                                                    
7859
7860                                                            
7861
7862                                                                                    
7863
7864                                                                                                                                                            
7865
7866                                                                        
7867
7868<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio">
7869    <div class="form__structure">
7870        <ul class="form__content">
7871                            <li class="list-elements__structure js_change_form_parent">
7872                    <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">
7873    <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)"/>
7874</svg>
7875</span></span>
7876                    <ul class="elements__content">
7877                                                                                    <li class="item-element">
7878                                    <input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_0"
7879                                           value="0" checked="checked"                                           data-search-field="offredem"
7880                                           data-search-id="offredem0"
7881                                           data-search-label="De l'ancien"
7882                                    >
7883                                    <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">
7884                                        <span class="radio__item-span"></span>
7885                                        <span class="radio__item-text">De l'ancien</span>
7886                                    </label>
7887                                </li>
7888                                                                                                                                                                    <li class="item-element">
7889                                    <input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_10"
7890                                           value="10"                                            data-search-field="offredem"
7891                                           data-search-id="offredem10"
7892                                           data-search-label="De l'immo pro"
7893                                    >
7894                                    <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">
7895                                        <span class="radio__item-span"></span>
7896                                        <span class="radio__item-text">De l'immo pro</span>
7897                                    </label>
7898                                </li>
7899                                                                                                                                                                                                                                    </ul>
7900                </li>
7901                                    <li class="list-elements__structure">
7902                <button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button>
7903            </li>
7904        </ul>
7905    </div>
7906    <div class="link-email__content">
7907                <a href="/alerte-email" class="link-email__element links-group__link  button">
7908            <span class="link-email__content-label">Créez votre alerte e-mail</span>
7909            <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">
7910        <g transform="translate(-4.25 -4.25)">
7911        <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)"/>
7912        <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)"/>
7913    </g>
7914</svg>
7915</span>
7916        </a>
7917    </div>
7918</div>
7919</div>
7920                                                            </div>
7921                    </div>
7922                            <div class="line__container line2__container">
7923                                        <div class="line__structure section0 canHidden ">
7924                                                                        <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">
7925    <div class="formSelect__structure">
7926        <label class="label-element" for="main_popin__type__0">Type de bien</label>
7927        <div class="formSelect__content">
7928            <select multiple name="type[]" id="main_popin__type__0" class="select__input js-select-search" data-field="type[]">
7929                                    <option value="2" data-text="Ap
7929partement"  selected="selected" class="">
7930                        Appartement
7931                    </option>
7932                                    <option value="20" data-text="Autre"  class="">
7933                        Autre
7934                    </option>
7935                                    <option value="1" data-text="Maison"  class="">
7936                        Maison
7937                    </option>
7938                                    <option value="26" data-text="Rez de jardin"  class="">
7939                        Rez de jardin
7940                    </option>
7941                            </select>
7942        </div>
7943    </div>
7944</div>
7945</div>
7946                                                                                                <div class="form__field form-commerce__field" data-component-name="commerce"></div>
7947                                                            </div>
7948                            <div class="line__structure section1 canHidden ">
7949                                                                        <div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation"
7950     data-search-field-type="localizator">
7951    <div class="formSelect__structure">
7952        <div class="formSelect__content">
7953            <div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0"
7954                 data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch"
7955                 data-field="localisation[loc][]"
7956                                 >
7957                <div class="localizator__summary">
7958                    <div class="localizator__values">
7959                        <div class="localizator__value localizator__value--count"></div>
7960                        <div class="localizator__hidden"></div>
7961                    </div>
7962                </div>
7963                <div class="localizator__content">
7964                    <div class="localizator__input textfield">
7965                        <input class="textfield__input" type="text" spellcheck="false"
7966                               placeholder="Localisation">
7967                    </div>
7968                    <div class="ss-add"><span class="ss-plus"></span></div>
7969                    <div class="localizator__search">
7970                        <div class="localizator__select">
7971                            <select class="js-select js-select--custom js-select--main" multiple="multiple">
7972                                                            </select>
7973                        </div>
7974                    </div>
7975
7976                    <div class="localizator__values-container">
7977                        <div class="localizator__values">
7978
7979                        </div>
7980                        <div class="localizator__extra">
7981                            <div class="radios">
7982                                <fieldset class="radios__fieldset">
7983                                    <legend class="radios__legend">Dans un rayon de</legend>
7984                                    <ul class="radios__group">
7985                                                                                    <li class="radios__item">
7986                                                <div class="radio">
7987                                                    
7988                                                    <input
7989                                                            class="input_radio_element"
7990                                                            type="radio"
7991                                                            name="localisation[distance]"
7992                                                            value="5"
7993                                                            id="main_popin__localisation__0_distance_5"
7994                                                                                                                        data-field="localisation[distance]"
7995                                                            data-search-label="autour de 5 km"
7996                                                    />
7997                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label>
7998                                                </div>
7999                                            </li>
8000                                                                                    <li class="radios__item">
8001                                                <div class="radio">
8002                                                    
8003                                                    <input
8004                                                            class="input_radio_element"
8005                                                            type="radio"
8006                                                            name="localisation[distance]"
8007                                                            value="10"
8008                                                            id="main_popin__localisation__0_distance_10"
8009                                                                                                                        data-field="localisation[distance]"
8010                                                            data-search-label="autour de 10 km"
8011                                                    />
8012                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label>
8013                                                </div>
8014                                            </li>
8015                                                                                    <li class="radios__item">
8016                                                <div class="radio">
8017                                                    
8018                                                    <input
8019                                                            class="input_radio_element"
8020                                                            type="radio"
8021                                                            name="localisation[distance]"
8022                                                            value="15"
8023                                                            id="main_popin__localisation__0_distance_15"
8024                                                                                                                        data-field="localisation[distance]"
8025                                                            data-search-label="autour de 15 km"
8026                                                    />
8027                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label>
8028                                                </div>
8029                                            </li>
8030                                                                                    <li class="radios__item">
8031                                                <div class="radio">
8032                                                    
8033                                                    <input
8034                                                            class="input_radio_element"
8035                                                            type="radio"
8036                                                            name="localisation[distance]"
8037                                                            value="20"
8038                                                            id="main_popin__localisation__0_distance_20"
8039                                                                                                                        data-field="localisation[distance]"
8040                                                            data-search-label="autour de 20 km"
8041                                                    />
8042                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label>
8043                                                </div>
8044                                            </li>
8045                                                                                    <li class="radios__item">
8046                                                <div class="radio">
8047                                                    
8048                                                    <input
8049                                                            class="input_radio_element"
8050                                                            type="radio"
8051                                                            name="localisation[distance]"
8052                                                            value="25"
8053                                                            id="main_popin__localisation__0_distance_25"
8054                                                                                                                        data-field="localisation[distance]"
8055                                                            data-search-label="autour de 25 km"
8056                                                    />
8057                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label>
8058                                                </div>
8059                                            </li>
8060                                                                                    <li class="radios__item">
8061                                                <div class="radio">
8062                                                    
8063                                                    <input
8064                                                            class="input_radio_element"
8065                                                            type="radio"
8066                                                            name="localisation[distance]"
8067                                                            value="30"
8068                                                            id="main_popin__localisation__0_distance_30"
8069                                                                                                                        data-field="localisation[distance]"
8070                                                            data-search-label="autour de 30 km"
8071                                                    />
8072                                                    <label class="label_radio_element" for="main_popin__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label>
8073                                                </div>
8074                                            </li>
8075                                                                            </ul>
8076                                </fieldset>
8077                            </div>
8078                        </div>
8079                    </div>
8080                </div>
8081                <div class="localizator__plus"></div>
8082            </div>
8083        </div>
8084    </div>
8085</div>
8086
8087
8088
8089</div>
8090                                                            </div>
8091                    </div>
8092                                <div class="line__container line3__container">
8093                <div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble">
8094    <div class="formBubble__structure">
8095        <ul class="formBubble__content"></ul>
8096    </div>
8097    <button type="button" class="button-more__element js_button-more__element"></button>
8098</div>            </div>
8099                <div class="line__container line4__container">
8100                                        <div class="line__structure section0 canHidden ">
8101                                                                        <div class="form__field form-nbpieces__field" data-component-name="nbpieces"><div class="formInteger__container" data-search-component="nbpieces" data-search-field-type="integer">
8102    <div class="formInteger__content">
8103        <label class="label-element" for="main_popin__nbpieces__0">Pièces</label>
8104        <div class="integer_content">
8105            <button type="button" class="button-element js_button-element less" disabled data-search-field-for="nbpieces">-</button>
8106            <input type="text"
8107                   name="nbpieces"
8108                   data-search-field="nbpieces"
8109                   id="main_popin__nbpieces__0"
8110                   class="js_input-element input-element"
8111                   value="0" data-search-label="Pièces"/>
8112            <button type="button" class="button-element js_button-element more" data-search-field-for="nbpieces">+</button>
8113        </div>
8114    </div>
8115</div>
8116</div>
8117                                                                                                <div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div>
8118                                                            </div>
8119                            <div class="line__structure section1 canHidden ">
8120                                                                        <div class="form__field form-nbchambres__field" data-component-name="nbchambres"><div class="formInteger__container" data-search-component="nbchambres" data-search-field-type="integer">
8121    <div class="formInteger__content">
8122        <label class="label-element" for="main_popin__nbchambres__0">Chambres</label>
8123        <div class="integer_content">
8124            <button type="button" class="button-element js_button-element less" disabled data-search-field-for="nbchambres">-</button>
8125            <input type="text"
8126                   name="nbchambres"
8127                   data-search-field="nbchambres"
8128                   id="main_popin__nbchambres__0"
8129                   class="js_input-element input-element"
8130                   value="0" data-search-label="Chambres"/>
8131            <button type="button" class="button-element js_button-element more" data-search-field-for="nbchambres">+</button>
8132        </div>
8133    </div>
8134</div>
8135</div>
8136                                                            </div>
8137                            <div class="line__structure section2 canHidden ">
8138                                                                        <div class="form__field form-nbsdb__field" data-component-name="nbsdb"><div class="formInteger__container" data-search-component="nbsdb" data-search-field-type="integer">
8139    <div class="formInteger__content">
8140        <label class="label-element" for="main_popin__nbsdb__0">Salles de bain</label>
8141        <div class="integer_content">
8142            <button type="button" class="button-element js_button-element less" disabled data-search-field-for="nbsdb">-</button>
8143            <input type="text"
8144                   name="nbsdb"
8145                   data-search-field="nbsdb"
8146                   id="main_popin__nbsdb__0"
8147                   class="js_input-element input-element"
8148                   value="0" data-search-label="Salles de bain"/>
8149            <button type="button" class="button-element js_button-element more" data-search-field-for="nbsdb">+</button>
8150        </div>
8151    </div>
8152</div>
8153</div>
8154                                                            </div>
8155                            <div class="line__structure section3 canHidden ">
8156                                                                        <div class="form__field form-nbse__field" data-component-name="nbse"><div class="formInteger__container" data-search-component="nbse" data-search-field-type="integer">
8157    <div class="formInteger__content">
8158        <label class="label-element" for="main_popin__nbse__0">Salles d'eau</label>
8159        <div class="integer_content">
8160            <button type="button" class="button-element js_button-element less" disabled data-search-field-for="nbse">-</button>
8161            <input type="text"
8162                   name="nbse"
8163                   data-search-field="nbse"
8164                   id="main_popin__nbse__0"
8165                   class="js_input-element input-element"
8166                   value="0" data-search-label="Salles d'eau"/>
8167            <button type="button" class="button-element js_button-element more" data-search-field-for="nbse">+</button>
8168        </div>
8169    </div>
8170</div>
8171</div>
8172                                                            </div>
8173                    </div>
8174                            <div class="line__container line5__container">
8175                                        <div class="line__structure section0 canHidden  hidden ">
8176                                                                        <div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div>
8177                                                            </div>
8178                            <div class="line__structure section1 canHidden ">
8179                                                                        <div class="form__field form-prices__field" data-component-name="prices">
8180<div class="formRange__container range " data-search-component="prices" data-search-field-type="range" data-min="225000"
8181     data-max="1070000" data-search-label="Budget">
8182    <div class="formRange__structure">
8183        <label for="main_popin__prices__0"
8184               class="formRange__label">Budget </label>
8185        <div class="range__input" tabindex="0" data-steps="" data-id="price">
8186            <div class="formRange__content range__summary">
8187                Budget
8188            </div>
8189            <div class="range__plus"></div>
8190            <div class="range__content">
8191                <div class="range__slider"></div>
8192                <div class="range__preview">
8193                    <div class="range__highlight">
8194                        <span class="range__text">Mini</span>
8195                        <input name="prices[min]" type="number" value="225000" class="range__input range__input-min" data-field="prices[min]">
8196                        <input type="hidden" name="prices[rmin]" value="225000" class="range__input-rmin">
8197                        <span class="range__unit">€</span>
8198                    </div>
8199                    <div class="range__highlight">
8200                        <span class="range__text">Maxi</span>
8201                        <input name="prices[max]" type="number" value="1070000" class="range__input range__input-max" data-field="prices[max]">
8202                        <input type="hidden" name="prices[rmax]" value="1070000" class="range__input-rmax">
8203                        <span class="range__unit">€</span>
8204                    </div>
8205                </div>
8206                <div class="formRange__reset-content">
8207    <button type="reset" class="button__reset-button">
8208                <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9">
8209        <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
8210	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
8211	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
8212	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"/>
8213</svg>
8214</span>
8215        <span class="button__reset-label">Réinitialiser ce filtre</span>
8216    </button>
8217</div>
8218            </div>
8219        </div>
8220    </div>
8221</div>
8222</div>
8223                                                                                                <div class="form__field form-loyer__field" data-component-name="loyer"></div>
8224                                                                                                <div class="form__field form-loyersais__field" data-component-name="loyersais"></div>
8225                                                            </div>
8226                            <div class="line__structure section2 canHidden ">
8227                                                                        <div class="form__field form-surface__field" data-component-name="surface">
8228<div class="formRange__container range " data-search-component="surface" data-search-field-type="range" data-min="0"
8229     data-max="300" data-search-label="Surface">
8230    <div class="formRange__structure">
8231        <label for="main_popin__surface__0"
8232               class="formRange__label">Surface </label>
8233        <div class="range__input" tabindex="0" data-steps="" data-id="price">
8234            <div class="formRange__content range__summary">
8235                Surface
8236            </div>
8237            <div class="range__plus"></div>
8238            <div class="range__content">
8239                <div class="range__slider"></div>
8240                <div class="range__preview">
8241                    <div class="range__highlight">
8242                        <span class="range__text">Mini</span>
8243                        <input name="surface[min]" type="number" value="0" class="range__input range__input-min" data-field="surface[min]">
8244                        <input type="hidden" name="surface[rmin]" value="0" class="range__input-rmin">
8245                        <span class="range__unit">m²</span>
8246                    </div>
8247                    <div class="range__highlight">
8248                        <span class="range__text">Maxi</span>
8249                        <input name="surface[max]" type="number" value="300" class="range__input range__input-max" data-field="surface[max]">
8250                        <input type="hidden" name="surface[rmax]" value="300" class="range__input-rmax">
8251                        <span class="range__unit">m²</span>
8252                    </div>
8253                </div>
8254                <div class="formRange__reset-content">
8255    <button type="reset" class="button__reset-button">
8256                <span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9">
8257        <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
8258	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
8259	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
8260	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"/>
8261</svg>
8262</span>
8263        <span class="button__reset-label">Réinitialiser ce filtre</span>
8264    </button>
8265</div>
8266            </div>
8267        </div>
8268    </div>
8269</div>
8270</div>
8271                                                            </div>
8272                            <div class="line__structure section3 canHidden  hidden ">
8273                                                                        <div class="form__field form-surfaceterrain__field" data-component-name="surfaceterrain"></div>
8274                                                            </div>
8275                    </div>
8276                            <div class="line__container line6__container">
8277                                        <div class="line__structure section0 canHidden  hidden ">
8278                                                                        <div class="form__field form-datedispo__field" data-component-name="datedispo"></div>
8279                                                            </div>
8280                            <div class="line__structure section1 canHidden  hidden ">
8281                                                                        <div class="form__field form-dispositifsfiscaux__field" data-component-name="dispositifsfiscaux"></div>
8282                                                            </div>
8283                            <div class="line__structure section2 canHidden  hidden ">
8284                                                                        <div class="form__field form-secteuractivite__field" data-component-name="secteuractivite"></div>
8285                                                            </div>
8286                    </div>
8287                            <div class="line__container line7__container">
8288                                        <div class="line__structure section0 canHidden ">
8289                                                                        <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">
8290    <div class="formCheckbox__structure">
8291        <p class="formCheckbox__label-checkbox">Particularites</p>
8292        <div class="formCheckbox__content">
8293            <ul class="formCheckbox__list-content">
8294                                    <li class="list-element">
8295                        <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_7"
8296                               value="7" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 10 à 12 m">
8297                        <label class="checkbox-label" for="main_popin__particularites__0_7">
8298                            <span class="checkbox-span"></span>
8299                            <span class="checkbox-text">Amarrage Port Grimaud 10 à 12 m</span>
8300                        </label>
8301                    </li>
8302                                    <li class="list-element">
8303                        <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_8"
8304                               value="8" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 13 à 16 m">
8305                        <label class="checkbox-label" for="main_popin__particularites__0_8">
8306                            <span class="checkbox-span"></span>
8307                            <span class="checkbox-text">Amarrage Port Grimaud 13 à 16 m</span>
8308                        </label>
8309                    </li>
8310                                    <li class="list-element">
8311                        <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_4"
8312                               value="4" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 7 à 9 m">
8313                        <label class="checkbox-label" for="main_popin__particularites__0_4">
8314                            <span class="checkbox-span"></span>
8315                            <span class="checkbox-text">Amarrage Port Grimaud 7 à 9 m</span>
8316                        </label>
8317                    </li>
8318                                    <li class="list-element">
8319                        <input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_9"
8320                               value="9" data-search-field="particularites" data-search-label="Amarrage Port Grimaud 17 à 20 m">
8321                        <label class="checkbox-label" for="main_popin__particularites__0_9">
8322                            <span class="checkbox-span"></span>
8323                            <span class="checkbox-text">Amarrage Port Grimaud 17 à 20 m</span>
8324                        </label>
8325                    </li>
8326                            </ul>
8327        </div>
8328    </div>
8329</div>
8330</div>
8331                                                            </div>
8332                            <div class="line__structure section1 canHidden ">
8333                                                                        <div class="form__field form-equipements__field" data-component-name="equipements"><div class="formCheckbox__container" data-search-component="equipements" data-search-field-type="checkbox-group">
8334    <div class="formCheckbox__structure">
8335        <p class="formCheckbox__label-checkbox">Equipements</p>
8336        <div class="formCheckbox__content">
8337            <ul class="formCheckbox__list-content">
8338                                    <li class="list-element">
8339                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_0"
8340                               value="0" data-search-field="equipements" data-search-label="Accès Handicapé">
8341                        <label class="checkbox-label" for="main_popin__equipements__0_0">
8342                            <span class="checkbox-span"></span>
8343                            <span class="checkbox-text">Accès Handicapé</span>
8344                        </label>
8345                    </li>
8346                                    <li class="list-element">
8347                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_1"
8348                               value="1" data-search-field="equipements" data-search-label="Ascenseur">
8349                        <label class="checkbox-label" for="main_popin__equipements__0_1">
8350                            <span class="checkbox-span"></span>
8351                            <span class="checkbox-text">Ascenseur</span>
8352                        </label>
8353                    </li>
8354                                    <li class="list-element">
8355                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_2"
8356                               value="2" data-search-field="equipements" data-search-label="Balcon">
8357                        <label class="checkbox-label" for="main_popin__equipements__0_2">
8358                            <span class="checkbox-span"></span>
8359                            <span class="checkbox-text">Balcon</span>
8360                        </label>
8361                    </li>
8362                                    <li class="list-element">
8363                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_3"
8364                               value="3" data-search-field="equipements" data-search-label="Cave">
8365                        <label class="checkbox-label" for="main_popin__equipements__0_3">
8366                            <span class="checkbox-span"></span>
8367                            <span class="checkbox-text">Cave</span>
8368                        </label>
8369                    </li>
8370                                    <li class="list-element">
8371                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_4"
8372                               value="4" data-search-field="equipements" data-search-label="Cheminée">
8373                        <label class="checkbox-label" for="main_popin__equipements__0_4">
8374                            <span class="checkbox-span"></span>
8375                            <span class="checkbox-text">Cheminée</span>
8376                        </label>
8377                    </li>
8378                                    <li class="list-element">
8379                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_5"
8380                               value="5" data-search-field="equipements" data-search-label="Climatisation">
8381                        <label class="checkbox-label" for="main_popin__equipements__0_5">
8382                            <span class="checkbox-span"></span>
8383                            <span class="checkbox-text">Climatisation</span>
8384                        </label>
8385                    </li>
8386                                    <li class="list-element">
8387                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_6"
8388                               value="6" data-search-field="equipements" data-search-label="Garage">
8389                        <label class="checkbox-label" for="main_popin__equipements__0_6">
8390                            <span class="checkbox-span"></span>
8391                            <span class="checkbox-text">Garage</span>
8392                        </label>
8393                    </li>
8394                                    <li class="list-element">
8395                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_7"
8396                               value="7" data-search-field="equipements" data-search-label="Jardin">
8397                        <label class="checkbox-label" for="main_popin__equipements__0_7">
8398                            <span class="checkbox-span"></span>
8399                            <span class="checkbox-text">Jardin</span>
8400                        </label>
8401                    </li>
8402                                    <li class="list-element">
8403                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_8"
8404                               value="8" data-search-field="equipements" data-search-label="Parkings">
8405                        <label class="checkbox-label" for="main_popin__equipements__0_8">
8406                            <span class="checkbox-span"></span>
8407                            <span class="checkbox-text">Parkings</span>
8408                        </label>
8409                    </li>
8410                                    <li class="list-element">
8411                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_9"
8412                               value="9" data-search-field="equipements" data-search-label="Piscine">
8413                        <label class="checkbox-label" for="main_popin__equipements__0_9">
8414                            <span class="checkbox-span"></span>
8415                            <span class="checkbox-text">Piscine</span>
8416                        </label>
8417                    </li>
8418                                    <li class="list-element">
8419                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_10"
8420                               value="10" data-search-field="equipements" data-search-label="Terrasse">
8421                        <label class="checkbox-label" for="main_popin__equipements__0_10">
8422                            <span class="checkbox-span"></span>
8423                            <span class="checkbox-text">Terrasse</span>
8424                        </label>
8425                    </li>
8426                                    <li class="list-element">
8427                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_11"
8428                               value="11" data-search-field="equipements" data-search-label="Véranda">
8429                        <label class="checkbox-label" for="main_popin__equipements__0_11">
8430                            <span class="checkbox-span"></span>
8431                            <span class="checkbox-text">Véranda</span>
8432                        </label>
8433                    </li>
8434                                    <li class="list-element">
8435                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_12"
8436                               value="12" data-search-field="equipements" data-search-label="Alarme">
8437                        <label class="checkbox-label" for="main_popin__equipements__0_12">
8438                            <span class="checkbox-span"></span>
8439                            <span class="checkbox-text">Alarme</span>
8440                        </label>
8441                    </li>
8442                                    <li class="list-element">
8443                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_13"
8444                               value="13" data-search-field="equipements" data-search-label="Digicode">
8445                        <label class="checkbox-label" for="main_popin__equipements__0_13">
8446                            <span class="checkbox-span"></span>
8447                            <span class="checkbox-text">Digicode</span>
8448                        </label>
8449                    </li>
8450                                    <li class="list-element">
8451                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_14"
8452                               value="14" data-search-field="equipements" data-search-label="Gardien">
8453                        <label class="checkbox-label" for="main_popin__equipements__0_14">
8454                            <span class="checkbox-span"></span>
8455                            <span class="checkbox-text">Gardien</span>
8456                        </label>
8457                    </li>
8458                                    <li class="list-element">
8459                        <input class="checkbox-input" type="checkbox" name="equipements[]" id="main_popin__equipements__0_15"
8460                               value="15" data-search-field="equipements" data-search-label="Interphone">
8461                        <label class="checkbox-label" for="main_popin__equipements__0_15">
8462                            <span class="checkbox-span"></span>
8463                            <span class="checkbox-text">Interphone</span>
8464                        </label>
8465                    </li>
8466                            </ul>
8467        </div>
8468    </div>
8469</div>
8470</div>
8471                                                            </div>
8472                            <div class="line__structure section2 canHidden ">
8473                                                                        <div class="form__field form-exposition__field" data-component-name="exposition"><div class="formCheckbox__container" data-search-component="exposition" data-search-field-type="checkbox-group">
8474    <div class="formCheckbox__structure">
8475        <p class="formCheckbox__label-checkbox">Exposition</p>
8476        <div class="formCheckbox__content">
8477            <ul class="formCheckbox__list-content">
8478                                    <li class="list-element">
8479                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_0"
8480                               value="0" data-search-field="exposition" data-search-label="Nord">
8481                        <label class="checkbox-label" for="main_popin__exposition__0_0">
8482                            <span class="checkbox-span"></span>
8483                            <span class="checkbox-text">Nord</span>
8484                        </label>
8485                    </li>
8486                                    <li class="list-element">
8487                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_1"
8488                               value="1" data-search-field="exposition" data-search-label="Nord-Est">
8489                        <label class="checkbox-label" for="main_popin__exposition__0_1">
8490                            <span class="checkbox-span"></span>
8491                            <span class="checkbox-text">Nord-Est</span>
8492                        </label>
8493                    </li>
8494                                    <li class="list-element">
8495                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_2"
8496                               value="2" data-search-field="exposition" data-search-label="Est">
8497                        <label class="checkbox-label" for="main_popin__exposition__0_2">
8498                            <span class="checkbox-span"></span>
8499                            <span class="checkbox-text">Est</span>
8500                        </label>
8501                    </li>
8502                                    <li class="list-element">
8503                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_3"
8504                               value="3" data-search-field="exposition" data-search-label="Sud-Est">
8505                        <label class="checkbox-label" for="main_popin__exposition__0_3">
8506                            <span class="checkbox-span"></span>
8507                            <span class="checkbox-text">Sud-Est</span>
8508                        </label>
8509                    </li>
8510                                    <li class="list-element">
8511                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_4"
8512                               value="4" data-search-field="exposition" data-search-label="Sud">
8513                        <label class="checkbox-label" for="main_popin__exposition__0_4">
8514                            <span class="checkbox-span"></span>
8515                            <span class="checkbox-text">Sud</span>
8516                        </label>
8517                    </li>
8518                                    <li class="list-element">
8519                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_5"
8520                               value="5" data-search-field="exposition" data-search-label="Sud-Ouest">
8521                        <label class="checkbox-label" for="main_popin__exposition__0_5">
8522                            <span class="checkbox-span"></span>
8523                            <span class="checkbox-text">Sud-Ouest</span>
8524                        </label>
8525                    </li>
8526                                    <li class="list-element">
8527                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_6"
8528                               value="6" data-search-field="exposition" data-search-label="Ouest">
8529                        <label class="checkbox-label" for="main_popin__exposition__0_6">
8530                            <span class="checkbox-span"></span>
8531                            <span class="checkbox-text">Ouest</span>
8532                        </label>
8533                    </li>
8534                                    <li class="list-element">
8535                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_7"
8536                               value="7" data-search-field="exposition" data-search-label="Nord-Ouest">
8537                        <label class="checkbox-label" for="main_popin__exposition__0_7">
8538                            <span class="checkbox-span"></span>
8539                            <span class="checkbox-text">Nord-Ouest</span>
8540                        </label>
8541                    </li>
8542                                    <li class="list-element">
8543                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_8"
8544                               value="8" data-search-field="exposition" data-search-label="Nord-Sud">
8545                        <label class="checkbox-label" for="main_popin__exposition__0_8">
8546                            <span class="checkbox-span"></span>
8547                            <span class="checkbox-text">Nord-Sud</span>
8548                        </label>
8549                    </li>
8550                                    <li class="list-element">
8551                        <input class="checkbox-input" type="checkbox" name="exposition[]" id="main_popin__exposition__0_9"
8552                               value="9" data-search-field="exposition" data-search-label="Est-Ouest">
8553                        <label class="checkbox-label" for="main_popin__exposition__0_9">
8554                            <span class="checkbox-span"></span>
8555                            <span class="checkbox-text">Est-Ouest</span>
8556                        </label>
8557                    </li>
8558                            </ul>
8559        </div>
8560    </div>
8561</div>
8562</div>
8563                                                            </div>
8564                    </div>
8565                            <div class="line__container line8__container">
8566                            <div class="line__structure sectionParams">
8567                    <div class="line__title-element">
8568                        <p class="title-element">Afficher les biens</p>
8569                    </div>
8570                </div>
8571                                        <div class="line__structure section0 canHidden ">
8572                                                                        <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">
8573    <div class="formSwitch__structure">
8574        <div class="formSwitch__content">
8575            <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">
8576            <label class="checkbox-label" for="main_popin__visitevirtuelle__0_visitevirtuelle"><span class="switch-checkbox"></span> Uniquement avec visite virtuelle</label>
8577        </div>
8578    </div>
8579</div></div>
8580                                                            </div>
8581                            <div class="line__structure section1 canHidden  hidden ">
8582                                                                        <div class="form__field form-internet__field" data-component-name="internet"></div>
8583                                                            </div>
8584                            <div class="line__structure section2 canHidden  hidden ">
8585                                                                        <div class="form__field form-animauxaccepted__field" data-component-name="animauxaccepted"></div>
8586                                                            </div>
8587                    </div>
8588    
8589                            </div>
8590                            <div class="form-estimate__container js_form_estimate">
8591    <div class="form-estimate__structure">
8592        <p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p>
8593                                
8594
8595                                                
8596    
8597
8598
8599<div   class="form__field textfield form-estimate__input-content ">
8600        <input
8601            type="text"
8602                        name="data[][adressebien]"
8603            class="textfield__input"
8604            id="f__adressebien"
8605                        placeholder="Saisir votre adresse "
8606            data-label="champs texte"
8607            
8608                            
8609                                >
8610</div>
8611        
8612
8613                                                            
8614    <div class="links-group ">
8615        <div class="links-group__wrapper flex ">
8616                                                                                
8617                
8618                                                    
8619                
8620                                                                
8621                                                    
8622                                            <a
8623                                                            href="/estimation?expand=estimation_pro_group#estimation-formulaires"
8624                                                        class="links-group__link  form-estimate__button cta-
8624primary"
8625                            target=""
8626                            title="Estimer votre bien "
8627                        >
8628                            <span class=" ">Estimer votre bien</span>
8629                                                    </a>
8630                    
8631                
8632                    </div>
8633    </div>
8634
8635    </div>
8636</div>
8637                        </div>
8638                        <div class="formSubmit__container">
8639                            <div class="formSubmit__structure">
8640                                <button class="js_submit_main_form button-submit__item link-email__element links-group__link button" type="button">
8641                                    <span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150">
8642        <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"/>
8643</svg>
8644</span>
8645                                                                        <span class="submit__label js_ajax_counter">Voir les <span>31</span> annonces</span>
8646                                </button>
8647                                <button class="button-reset__item js_reset_global_form" type="button">
8648                                                                        <span class="button-reset__item-icon"><svg class="button-reset__item-icon-svg" x="0px" y="0px" viewBox="0 0 34.9 34.9">
8649        <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
8650	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
8651	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
8652	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"/>
8653</svg>
8654</span>
8655                                    <span class="submit__content">Réinitialiser</span>
8656                                </button>
8657                            </div>
8658                        </div>
8659                        <input type="hidden" id="allow_fields_form_full" name="allow_fields" value="offredem,type,nbpieces,nbchambres,nbsdb,nbse,localisation,prices,surface,visitevirtuelle,particularites,equipements,exposition,reference">
8660                    </form>
8661                    <div class="formReference__container">
8662    <div class="formReference__structure">
8663        <label class="label__item">Rechercher par référence</label>
8664        <form class="formReference__content" action="/nos-biens/xdp85dnbbmbdyfyf793pcok419q4wj5odfbgtga9bunnjjdjggkp3zjxomwcp5qcz15s8np3joka8zntpetyagndtbo4co6k7ayoda31ax36k61nnqx6ojxie4o3yuzmhuq9asakauokzdeccux4um7bt6k5fxwi87649go1hb35gaiowpxatppiurgp5smzfuxsxhie5ejzc1b9xw/1" method="GET">
8665            <div class="form__content">
8666                <input class="input__item" type="text" name="reference" id="reference" required placeholder="Saisir la référence / N° de dossier">
8667                <input type="hidden" name="allow_fields" value="reference">
8668            </div>
8669            <button class="button_item" type="submit">OK</button>
8670        </form>
8671    </div>
8672</div>                    <button class="modal__focus-trap"></button>
8673                </div>
8674            </div>
8675        </div>
8676        <div class="modal__background"></div>
8677    </div>
8678    <style>
8679        input[type="date" i]::-webkit-calendar-picker-indicator{
8680            display:none
8681        }
8682        input::-webkit-date-and-time-value {
8683            text-align: left;
8684        }
8685    </style>
vendor: 67 bytes, lines 8685-8691
8685
8686
8687
8688
8689 
8690
8691<script src="https://www.google.com/recaptcha/api.js?render=
86916LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU
vendor: 12 bytes, line 8691
8691"></script>
8692<style>.grecaptcha-badge { visibility: hidden;}</style>
8693
8694<script>
8695grecaptcha.ready(function() {
8696                        grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: "venteappartement1"}).then(function(token) {});
8697                    });</script>
8697
8698
8699
8700</body>
8701
8702</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.