<!DOCTYPE html>
<!-- Levant -->
<html lang="fr">
<head>
<meta charset="utf-8"/>
<base href="https://www.arrago-immobilier-valras.com/">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Agence immobilière Valras-Plage | Arrago Immobilier</title>
<meta name="description" content="L'agence immobilière Arrago Immobilier sur Valras-Plage vous accompagne dans la concrétisation de votre projet immobilier. Découvrez nos annonces immobilières.">
<meta name="author" content="">
<meta name="Language" content="fr">
<meta name="generator" content="levant" >
<link rel="canonical" href="https://www.arrago-immobilier-valras.com/" >
<meta property="generator" content="bObcat" >
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "RealEstateAgent"
,
"url": "http://www.arrago-immobilier-valras.com/"
,
"logo": "/images/logoadmin.jpg"
,
"image": "/images/agences/avatar_50feb638978f8d654600beaec40d2f8a.jpg"
,
"name": "ARRAGO Immobilier"
,
"email": "agence@arrago-immobilier-valras.com"
,
"description": ""
,
"telephone": "04 67 94 38 23"
,
"priceRange": "€€€"
,
"hasMap": "l"
,
"address": {
"@type": "PostalAddress"
,
"addressLocality": "Valras-Plage"
,
"postalCode": "34350"
,
"streetAddress": "1 rue Benjamin Sauri"
,
"addressCountry": "FR"
}
,
"geo": {
"@type": "GeoCoordinates"
,
"latitude": "43.246868134"
,
"longitude": "3.288844109"
}
}
]
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<link rel="image_src" href="images/logoSite.png" />
<link rel="icon" href="images/favicon.png" type="image/png"/>
<link rel="shortcut icon" href="images/favicon.png" type="image/png"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.arrago-immobilier-valras.com/"/>
<meta property="og:title" content="Agence immobilière Valras-Plage | Arrago Immobilier"/>
<meta property="og:description" content="L'agence immobilière Arrago Immobilier sur Valras-Plage vous accompagne dans la concrétisation de votre projet immobilier. Découvrez nos annonces immobilières."/>
<meta property="og:image" content="images/logo_og.png"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Agence immobilière Valras-Plage | Arrago Immobilier"/>
<meta name="twitter:description" content="L'agence immobilière Arrago Immobilier sur Valras-Plage vous accompagne dans la concrétisation de votre projet immobilier. Découvrez nos annonces immobilières."/>
<meta name="twitter:image" content="images/logo_twittercard.png"/>
<meta name="twitter:url" content="https://www.arrago-immobilier-valras.com/"/>
<link rel="preload" href="/js/main.min.js?v=0.0.1" as="script">
<link rel="preload" href="/js/vendors/vendors.min.js?v=0.0.1" as="script">
<!--<script src="https://cdn.tailwindcss.com"></script>-->
<link rel="stylesheet" type="text/css" href="/css/screen.css?v=0.0.1" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S6BH4JFPGF"></script>
<script language="JavaScript" type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-S6BH4JFPGF');
</script>
<script>
gtag('consent', 'default', {
'ad_storage': 'granted',
'analytics_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
});
</script>
</head>
<body id="bodyjs" class="body js-search-filter body--search-v1 body--index" data-modal-target="main-message">
<header class="header header header--home header--v1 header--v1--left" id="">
<div class="header__container lg:h-screen">
<div class="header__decorate">
<div class="header-swiper-container">
<div class="header-swiper">
<div class="header__video-background">
<div class="header__video-foreground">
<div class="js_youtube_cookies" data-url="RV61xgwyDPk" data-autoplay="1" style="height: 100%">
<img class="imgDefault_ZoneActive_Element" src="../images/header/1.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__wrapper">
<div class="header__topbar">
<div class="topbar">
<div class="topbar__wrapper flex justify-between p-4">
<div class="js-topbar-content topbar__content" data-key="1">
</div>
<div class="js-topbar-content topbar__content" data-key="2">
</div>
<div class="js-topbar-content topbar__content justify-self-end flex justify-center items-center" data-key="3">
<div class="connect" data-ismovable="true" data-destination="top" data-base="3" data-order="0">
<div class="connect__content">
<div class="links-group">
<div class="links-group__wrapper">
<a href="/admin/espace_client.php" class="connect__button cta-secondary links-group__link--drawing" target="_blank" title="Espace propriétaire - Ouverture nouvelle fenêtre">
<span class="connect__button-text mr-3">Se connecter</span>
<svg xmlns="http://www.w3.org/2000/svg" class="connect__button-drawing cta-secondary__drawing" width="18.166" height="17.5" viewbox="0 0 18.166 17.5">
<g transform="translate(-0.25 -0.25)">
<g>
<path d="M1,16.157A6.737,6.737,0,0,1,9.786,9.74" class="stroke-color-1" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
<path d="M7.737,1a4.21,4.21,0,1,1-4.21,4.21A4.21,4.21,0,0,1,7.737,1Z" class="stroke-color-1" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
<rect width="6.737" height="4.21" rx="0.842" transform="translate(10.929 12.79)" class="stroke-color-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></rect>
<path d="M15.982,12.79V11.106a1.684,1.684,0,0,0-3.368,0V12.79" class="stroke-color-2" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
</g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="rating" data-ismovable="true" data-destination="bottom" data-base="3" data-order="1">
</div>
<div class="selection flex" data-base="3" data-order="2">
<a href="/selection" class="selection-icon" data-title=" bien(s) sélectionné(s)">
<div class="selection-icon__badge js-selection-count">0</div>
<div class="selection-icon__icon">
<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 150 150">
<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"/>
</svg>
</div>
</a>
</div>
<div class="lang" data-base="3" data-order="3">
<div class="lang-switch">
<form method="post" action="">
<select class="js-select js-select--light lang__select" name="lang" id="lang-406452885" required>
<option value="fr" class="lang-switch__option lang-switch__option--fr" data-action="//www.arrago-immobilier-valras.com/" selected>
<span>fr</span>
</option>
<option value="en" class="lang-switch__option lang-switch__option--en" data-action="//www.arrago-immobilier-valras.com/" >
<span>en</span>
</option>
</select>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__main">
<div class="header__logo logo">
<a class="logo__link" href="/">
<img class="logo__source logo-svg" src="/images/logoSite.svg" alt="">
</a>
</div>
<div class="header__nav-toggle">
<button class="global-button nav-toggle" id="nav-toggle" aria-label="Ouvrir le menu">
<span class="nav-toggle__label">Menu</span>
<span><span class="nav-toggle__lines"></span></span>
</button>
</div>
<div class="header__nav">
<!-- [BEGIN] Menu -->
<nav aria-label="Navigation principale" class="main-nav" id="main-nav" tabindex="-1">
<div class="main-nav__topbar">
<div class="js-topbar-destination-top main-nav__components">
</div>
<button aria-label="Fermer" class="main-nav__close">
<span class="main-nav__close-text">Fermer</span>
<svg class="main-nav__close-icon" width="9.679" height="9.679" viewbox="0 0 9.679 9.679">
<g transform="translate(-269.25 -5983.75)">
<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)" />
<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)" />
</g>
</svg> </button>
</div>
<div class="main-nav__wrapper">
<div class="main-nav__navigation">
<ul class="main-nav__menu menu">
<li class="menu__item menu__item--active">
<div class="menu__item-header">
<a
href="/"
class="menu__link menu__link--active"
target=""
>
Accueil </a>
</div>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/vente/1"
class="menu__link"
target=""
>
VENTE </a>
</div>
<ul class="submenu">
<li class="submenu__item">
<div class="submenu__item-header">
<a
href="/vente-maison/1"
class="submenu__link"
target=""
>
MAISON <svg class="submenu__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-76.25 -11.25)">
<g transform="translate(72 7)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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 0)"/>
</g>
</g>
</svg>
</a>
</div>
</li>
<li class="submenu__item">
<div class="submenu__item-header">
<a
href="/vente/appartement/1"
class="submenu__link"
target=""
>
APPARTEMENT <svg class="submenu__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-76.25 -11.25)">
<g transform="translate(72 7)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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 0)"/>
</g>
</g>
</svg>
</a>
</div>
</li>
<li class="submenu__item">
<div class="submenu__item-header">
<a
href="/vente-parking/1"
class="submenu__link"
target=""
>
PARKING <svg class="submenu__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-76.25 -11.25)">
<g transform="translate(72 7)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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 0)"/>
</g>
</g>
</svg>
</a>
</div>
</li>
<li class="submenu__item">
<div class="submenu__item-header">
<a
href="/viager/1"
class="submenu__link"
target=""
>
viager <svg class="submenu__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-76.25 -11.25)">
<g transform="translate(72 7)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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 0)"/>
</g>
</g>
</svg>
</a>
</div>
</li>
<li class="submenu__item">
<div class="submenu__item-header">
<a
href="/biens-vendus/1"
class="submenu__link"
target=""
>
BIENS VENDUS <svg class="submenu__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-76.25 -11.25)">
<g transform="translate(72 7)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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 0)"/>
</g>
</g>
</svg>
</a>
</div>
</li> </ul>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/location-vacances/1"
class="menu__link"
target=""
>
LOCATION VACANCES </a>
</div>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/gestion-locative"
class="menu__link"
target=""
>
GESTION LOCATIVE </a>
</div>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/location/1"
class="menu__link"
target=""
>
LOCATION ANNUELLE </a>
</div>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/estimation"
class="menu__link"
target=""
>
Estimation </a>
</div>
</li>
<li class="menu__item">
<div class="menu__item-header">
<a
href="/contact"
class="menu__link"
target=""
>
Contact </a>
</div>
</li> </ul>
</div>
</div>
<div class="js-topbar-destination-bottom main-nav__footer">
</div>
</nav>
<!-- [END] Menu -->
</div>
</div>
<div class="header__secondary">
<div class="header__title">
<div id="" class="title-v1">
<h1 class="title-v1__part1">Agence immobilière à Valras-Plage</h1>
<span class="title-v1__part2 line-clamp-2">Trouvez le bien idéal !</span>
</div>
</div>
<div class="js-search-base hidden header__search header__search-v1" >
<div class="form-search-filter__container">
<form method="post" action="/nos-biens/xdpezdofyyytkyf3/1" data-short-label="true" class="form-search-filter list-annonces-form js-form-search-filter open"
id="js-main">
<div class="formLine__container">
<div class="line__container line1__container">
<div class="line__container__structure">
<div class="line__structure section0 canHidden">
<div class="form__field form-offredem__field" data-component-name="offredem">
<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio">
<div class="form__structure">
<ul class="form__content">
<li class="list-elements__structure js_change_form_parent">
<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">
<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)"/>
</svg>
</span></span>
<ul class="elements__content">
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_0"
value="0" checked="checked" data-search-field="offredem"
data-search-id="offredem0"
data-search-label="De l'ancien"
>
<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">
<span class="radio__item-span"></span>
<span class="radio__item-text">De l'ancien</span>
</label>
</li>
</ul>
</li>
<li class="list-elements__structure js_change_form_parent">
<span data-init="louer" class="js_change_form_parent_active button-select__element">Louer <span class="button-select__element__text"></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">
<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)"/>
</svg>
</span></span>
<ul class="elements__content">
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_2"
value="2" data-search-field="offredem"
data-search-id="offredem2"
data-search-label="à l'année"
>
<label data-form="js-form-search-filter" class="js_change_form item-label" for="main__offredem__0_2" data-search-label="à l'année" data-search-id="offredem2">
<span class="radio__item-span"></span>
<span class="radio__item-text">à l'année</span>
</label>
</li>
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main__offredem__0_8"
value="8" data-search-field="offredem"
data-search-id="offredem8"
data-search-label="En saisonnier"
>
<label data-form="js-form-search-filter" class="js_change_form item-label" for="main__offredem__0_8" data-search-label="En saisonnier" data-search-id="offredem8">
<span class="radio__item-span"></span>
<span class="radio__item-text">En saisonnier</span>
</label>
</li>
</ul>
</li>
<li class="list-elements__structure">
<button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button>
</li>
</ul>
</div>
<div class="link-email__content">
<a href="/alerte-email" class="link-email__element links-group__link button">
<span class="link-email__content-label">Créez votre alerte e-mail</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line__container line2__container">
<div class="line__container__structure">
<div class="line__structure section0 canHidden">
<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">
<div class="formSelect__structure">
<label class="label-element" for="main__type__0">Type de bien</label>
<div class="formSelect__content">
<select multiple name="type[]" id="main__type__0" class="select__input js-select-search" data-field="type[]">
<option value="2" data-text="Appartement" class="">
Appartement
</option>
<option value="1" data-text="Maison" class="">
Maison
</option>
<option value="50" data-text="viager appartement" class="">
viager appartement
</option>
</select>
</div>
</div>
</div>
</div>
<div class="form__field form-commerce__field" data-component-name="commerce"></div>
</div>
<div class="line__structure section1 canHidden">
<div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation"
data-search-field-type="localizator">
<div class="formSelect__structure">
<div class="formSelect__content">
<div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0"
data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch"
data-field="localisation[loc][]">
<div class="localizator__summary">
<div class="localizator__values">
<div class="localizator__value localizator__value--count"></div>
<div class="localizator__hidden"></div>
</div>
</div>
<div class="localizator__content">
<div class="localizator__input textfield">
<input class="textfield__input" type="text" spellcheck="false"
placeholder="Localisation">
</div>
<div class="ss-add"><span class="ss-plus"></span></div>
<div class="localizator__search">
<div class="localizator__select">
<select class="js-select js-select--custom js-select--main" multiple="multiple">
</select>
</div>
</div>
<div class="localizator__values-container">
<div class="localizator__values">
</div>
<div class="localizator__extra">
<div class="radios">
<fieldset class="radios__fieldset">
<legend class="radios__legend">Dans un rayon de</legend>
<ul class="radios__group">
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="5"
id="main__localisation__0_distance_5"
data-field="localisation[distance]"
data-search-label="autour de 5 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="10"
id="main__localisation__0_distance_10"
data-field="localisation[distance]"
data-search-label="autour de 10 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="15"
id="main__localisation__0_distance_15"
data-field="localisation[distance]"
data-search-label="autour de 15 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="20"
id="main__localisation__0_distance_20"
data-field="localisation[distance]"
data-search-label="autour de 20 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="25"
id="main__localisation__0_distance_25"
data-field="localisation[distance]"
data-search-label="autour de 25 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="30"
id="main__localisation__0_distance_30"
data-field="localisation[distance]"
data-search-label="autour de 30 km"
/>
<label class="label_radio_element" for="main__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label>
</div>
</li>
</ul>
</fieldset>
</div>
</div>
</div>
</div>
<div class="localizator__plus"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line__structure section2 canHidden">
<div class="form__field form-prices__field" data-component-name="prices">
<div class="formRange__container range" data-search-component="prices" data-search-field-type="range" data-min="76500"
data-max="449000" data-search-label="Budget">
<div class="formRange__structure">
<label for="main__prices__0"
class="formRange__label">Budget </label>
<div class="range__input" tabindex="0" data-steps="" data-id="price">
<div class="formRange__content range__summary">
Budget
</div>
<div class="range__plus"></div>
<div class="range__content">
<div class="range__slider"></div>
<div class="range__preview">
<div class="range__highlight">
<span class="range__text">Mini</span>
<input name="prices[min]" type="number" value="76500" class="range__input range__input-min" data-field="prices[min]">
<input type="hidden" name="prices[rmin]" value="76500" class="range__input-rmin">
<span class="range__unit">€</span>
</div>
<div class="range__highlight">
<span class="range__text">Maxi</span>
<input name="prices[max]" type="number" value="449000" class="range__input range__input-max" data-field="prices[max]">
<input type="hidden" name="prices[rmax]" value="449000" class="range__input-rmax">
<span class="range__unit">€</span>
</div>
</div>
<div class="formRange__reset-content">
<button type="reset" class="button__reset-button">
<span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewbox="0 0 34.9 34.9">
<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 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 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 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"/>
</svg>
</span>
<span class="button__reset-label">Réinitialiser ce filtre</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form__field form-loyer__field" data-component-name="loyer"></div>
</div>
<div class="line__structure section3 canHidden hidden">
<div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div>
</div>
<div class="line__structure section4 canHidden hidden">
<div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div>
</div>
</div>
<div class="button_Content">
<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"
aria-label="Ouvrir le formulaire de recherche">
<span class="search__icon"><svg xmlns="http://www.w3.org/2000/svg" width="16.196" height="10.806" viewbox="0 0 16.196 10.806" class="">
<g transform="translate(-1158.48 -6877.696)">
<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)"/>
<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)"/>
<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)"/>
</g>
</svg>
</span>
<span class="search__label">Filtrer</span>
</button>
<button type="button" class="js_submit_main_form submit_button_item link-email__element links-group__link button">
<span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 150 150">
<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"/>
</svg>
</span>
<span class="submit__label js_ajax_counter">Voir les <span>14</span> annonces</span>
</button>
</div>
</div>
<div class="line__container line3__container">
<div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble">
<div class="formBubble__structure">
<ul class="formBubble__content"></ul>
</div>
<button type="button" class="button-more__element js_button-more__element"></button>
</div> <button type="reset" class="reset_button_item js_reset_global_form">
<span class="reset__icon"><svg class="reset__icon-svg" x="0px" y="0px" viewbox="0 0 34.9 34.9">
<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 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 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 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"/>
</svg>
</span>
<span class="reset__label">Réinitialiser</span>
</button>
</div>
<div class="form-estimate__container js_form_estimate">
<div class="form-estimate__structure">
<p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p>
<div class="form__field textfield form-estimate__input-content">
<input
type="text"
name="data[][adressebien]"
class="textfield__input"
id="f__adressebien"
placeholder="Saisir votre adresse "
data-label="champs texte"
>
</div>
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/estimation?expand=estimation_pro_group#estimation-formulaires"
class="links-group__link form-estimate__button cta-primary"
target=""
title="Estimer votre bien "
>
<span class="">Estimer votre bien</span>
</a>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="allow_fields" value="offredem,type,localisation,prices,reference">
<div class="loader_container"></div>
</form>
</div>
</div>
<div class="js-search-ia hidden header__search header__search-ia" data-default="true">
<div id="ia-search" class="ia-search container mx-auto flex-1 justify-between flex flex-col max-w-[51rem] relative">
<div class="ia-search__top flex justify-center">
<button id="" class="ia-search__input-voice ia-search__decorate flex justify-center mb-2" title="Lancer la recherche vocale">
<svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg" width="206.7" height="206.7" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 206.7 206.7">
<defs>
<clippath id="clippath_ia">
<rect x="81.5" y="79.3" width="43.7" height="59.6" fill="none"/>
</clippath>
</defs>
<g>
<g>
<g data-name="Calque_1">
<path class="ia-search__svg-badge" d="M103.4,32.3h0c42.5,0,77,34.5,77,77h0c0,42.5-34.5,77-77,77h0c-42.5,0-77-34.5-77-77h0c0-42.5,34.5-77,77-77h0Z" fill="#eab361" stroke="#eab361" stroke-miterlimit="10" stroke-opacity=".5" stroke-width="10"/>
<path class="ia-search__svg-line1" d="M202.4,124.3c-.3-8.5-2.2-17.8-6-28.4-11-31-30.5-52.4-45-62.1-9.4-6.2-20.5-13.3-31.6-18.4-12.2-5.6-22.4-8-31.4-7.4-13.4,1-26.3,4.5-38.5,10.5-11.3,5.5-21.3,13.1-29.6,22.6-7.8,10.1-12.9,22.1-14.9,34.8-1.8,10.7-1.5,22.2.7,34.4,4,22.1,13.1,39.5,15.8,44.3,5.3,9.1,14.3,17.3,26.2,23.8,13.2,7.1,29.5,12,48.3,14.6,4.1.5,8.3.8,12.4.8h.4c6.6,0,13.2-.8,19.6-2.2,10-2.2,20.1-5.8,31.1-11.2,20.2-9.8,32.3-20.4,38.2-33.3,3.1-6.8,4.5-14.2,4.2-22.7h0ZM197.3,146.7c-5.8,12.7-17.8,23.1-37.8,32.8-23,11.2-43,15.1-62.9,12.4-35.7-4.9-62.6-18.7-73.8-37.9-1.9-3.4-11.6-21.3-15.7-43.9-4.8-26.9,0-49.9,14-68.4C37.5,23,62.1,11.1,88.5,9c19.1-1.5,42.2,12.2,62.4,25.7,14.4,9.6,33.7,30.8,44.6,61.6,7.3,20.6,7.9,37.1,1.8,50.4h0Z" fill="#eab361"/>
<g clip-path="url(#clippath_ia)">
<g>
<path class="ia-search__svg-micro" d="M103.3,82.6c-4.4,0-7.9,3.6-7.9,7.9h0v18.5c0,4.4,3.6,7.9,7.9,7.9s7.9-3.6,7.9-7.9v-18.5c0-4.4-3.6-7.9-7.9-7.9h0Z" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
<path class="ia-search__svg-micro" d="M121.8,103.8v5.3c0,10.2-8.3,18.5-18.5,18.5s-18.5-8.3-18.5-18.5v-5.3" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
<line class="ia-search__svg-micro" x1="103.3" y1="127.6" x2="103.3" y2="135.6" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
</g>
</g>
<path class="ia-search__svg-line2" d="M115.6,191.7c-9.3,0-21.5-1.7-40.5-5.8-25-5.4-35.8-16.8-46.9-35.9-.9-1.6-21.5-38.3,18.4-90.3.6-.8,16.9-23.6,45.6-34,35.8-13.1,52.6,2.9,57,8,8.8,10.6,25.1,37.4,32.8,60.2,7.6,22.5-1,77.5-29,87.9-2.7,1-5.1,1.9-7.4,2.9-10.8,4.2-18,7-29.9,7h-.1ZM117.8,22.9c-6.9,0-15.2,1.4-24.8,4.9-28.5,10.4-44.4,33-44.6,33.2h0c-39,50.9-19,86.4-18.2,87.9,11,19,21.2,29.5,45.5,34.9,42.6,9.3,50.4,6.3,69.1-1.1,2.3-.9,4.7-1.8,7.4-2.9,26.9-10,35.1-63.3,27.7-85.1-7.6-22.5-23.6-49-32.4-59.4-2.9-3.5-12-12.2-29.6-12.2h0v-.2Z" fill="#eab361"/>
<path class="ia-search__svg-line3" d="M76.9,195.5c-26,0-45.9-11.6-59.4-34.7-8.3-14.1-23.7-65,11.9-111.5h0c17-19.5,43.3-31.6,74-34,1.9-.2,3.8-.3,5.5-.5,17.6-1.5,30.3-2.6,48.1,13.1,6.1,5.4,12.1,18.1,18.9,32.8,5.1,11.1,10.5,22.5,16.5,32.1,8.4,13.5,9.7,35.1,3.2,54.9-6.3,19.1-18.8,33.6-34.3,39.8-14.3,5.7-18,5.2-24.8,4.3-6.6-.9-16.5-2.3-43.9,2.1-5.3.8-10.6,1.3-15.9,1.3h0v.2h.2ZM30.4,50.2c-35.8,46.7-18.4,98.6-11.8,110,15.7,27,40.6,38.1,73.9,32.7,27.5-4.4,37.6-3,44.3-2.1,6.5.9,10.2,1.4,24.1-4.2,15.2-6.1,27.4-20.3,33.5-39,6.4-19.5,5.1-40.6-3.1-53.8-6.1-9.7-11.4-21.2-16.6-32.3-6.5-14-12.7-27.2-18.6-32.4-17.3-15.4-29.2-14.4-47.1-12.8-1.8.2-3.6.3-5.5.5-30.4,2.3-56.3,14.2-73.1,33.4h0Z" fill="#eab361"/>
<path class="ia-search__svg-line4" d="M114.4,198.8c-6,0-12.1-.5-18.1-1.3-40.6-5.6-64.9-17.3-76.4-37.2-3.8-6.5-11.5-24.5-14.2-46.5-3.4-28.5,2.6-53,18-73.1h0C40.4,21.5,59,13.1,89.8,10.8c21.1-1.6,42.5,4.7,63.8,18.9,15.1,10.1,28.6,31.5,40,63.5,8.5,24,10.4,41.9,6.1,56.4-4.6,15.5-16.4,27.4-36.9,37.4-16.3,7.9-31.5,11.7-48.4,11.7h0ZM24.2,41.2c-33.8,44.1-13.5,102.1-3.8,118.9,11.4,19.7,35.6,31.3,76,36.8,24.6,3.4,44.4.3,66.2-10.3,39-19,47.5-45,30.4-93-11.1-31.5-24.9-53.3-39.7-63.2-21.1-14.1-42.5-20.4-63.4-18.8-30.7,2.3-49.1,10.7-65.7,29.7h0Z" fill="#eab361"/>
<g>
<path d="M103.4,30.9h0c43.2,0,78.2,35,78.2,78.2h0c0,43.2-35,78.2-78.2,78.2h0c-43.2,0-78.2-35-78.2-78.2h0c0-43.2,35-78.2,78.2-78.2h0Z" fill="none"/>
</g>
</g>
</g>
</g>
</svg>
</button>
</div>
<div id="ia-search__dialog" class="ia-search__dialog max-h-[460px] h-0 rounded-bl-md rounded-br-md absolute bottom-0 w-full overflow-hidden" data-open="null">
<div class="ia-search__control flex justify-end py-3">
<button class="js-search-reduce ia-search__btn-reduce w-[28px] h-[28px] flex items-center justify-center rounded-md mr-2">
<svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg ia-search__svg--moins" width="9.5" height="1.5" viewbox="0 0 9.5 1.5">
<g transform="translate(-0.107 -5.25)">
<g transform="translate(0.857 6)">
<line class="svg__primary--stroke" x2="8" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="ia-search__svg ia-search__svg--plus" width="9.5" height="9.5" viewbox="0 0 9.5 9.5">
<path class="svg__primary--fill" d="M1277,2747.75v-3.25h-3.251a.75.75,0,0,1,0-1.5H1277v-3.25a.75.75,0,0,1,1.5,0V2743h3.249a.75.75,0,1,1,0,1.5H1278.5v3.25a.75.75,0,1,1-1.5,0Z" transform="translate(-1273 -2739)" fill="#0c5c6b"/>
</svg>
</button>
</div>
<div id="ia-search__messages" class="ia-search__messages max-h-[350px] flex flex-col space-y-4 p-3 overflow-y-auto scroll-smooth overscroll-x-none overscroll-y-contain">
</div>
</div>
<div class="">
<div class="relative flex z-[95000]">
<div id="ia-search__input" class="w-full">
<input id="ia-search__input__field" class="w-full focus:outline-none pl-12 pr-24 rounded-md py-4" placeholder="Indiquez vos critères de recherche...">
</div>
<div id="ia-search__input-text" class="w-[1px] h-[1px] absolute hidden">
<input id="ia-search__input__field-text" class="w-full focus:outline-none pl-12 pr-24 rounded-md py-4" placeholder="">
</div>
<span class="absolute left-5 inset-y-0 flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="14.873" height="14.873" viewbox="0 0 14.873 14.873">
<g transform="translate(0.75 0.75)">
<path d="M6-.75A6.75,6.75,0,1,1-.75,6,6.758,6.758,0,0,1,6-.75Zm0,12A5.25,5.25,0,1,0,.75,6,5.256,5.256,0,0,0,6,11.25Z" fill="#25282b"/>
<path d="M19.781,20.531a.748.748,0,0,1-.53-.22L16.17,17.23A.75.75,0,0,1,17.23,16.17l3.081,3.081a.75.75,0,0,1-.53,1.28Z" transform="translate(-6.408 -6.408)" fill="#25282b"/>
</g>
</svg>
</span>
<!-- ia-search__button-action inline-flex items-center justify-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2 -->
<div id="" class="absolute right-10 h-full flex items-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2">
<div id="modal-ia-vocal" data-modal-id="modal-ia-vocal" class="tooltip-ia" role="dialog" aria-modal="true" aria-expanded="true">
<div class="modal__body">
<button class="modal__close">
<svg class="modal__close-drawing" x="0px" y="0px"
viewbox="0 0 150 150" style="enable-background:new 0 0 150 150;" xml:space="preserve">
<g>
<g>
<g>
<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 134.5,127.5 81.9,75 "/>
</g>
</g>
</g>
</svg>
</button>
<div class="modal__container">
<div class="modal__scroller">
<div class="modal__text" data-modal-var="text">
Il semblerait que votre microphone ne fonctionne pas ou votre navigateur n'est pas compatible
</div>
<button class="modal__focus-trap"></button>
</div>
</div>
</div>
</div>
<button type="button" id="" class="ia-search__input-voice ia-search__button-action ia-search__button-action--voice inline-flex rounded-lg items-center justify-center transition duration-500 ease-in-out">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="h-5 w-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path>
</svg>
</button>
</div>
<div id="ia-search__button" class="absolute right-0 items-center inset-y-0 flex">
<button class="ia-search__button-action ia-search__button-action--submit inline-flex items-center justify-center rounded-lg px-2 py-1 transition duration-500 ease-in-out mr-2">
<svg width="12.615" height="12.03" viewbox="0 0 12.615 12.03" xmlns="http://www.w3.org/2000/svg">
<path d="M3,2.25a.749.749,0,0,1,.321.072L14.436,7.587a.75.75,0,0,1,0,1.356L3.321,14.208a.75.75,0,0,1-1.033-.915L3.964,8.265,2.288,3.237A.75.75,0,0,1,3,2.25Zm9.363,6.015L4.267,4.43l1.2,3.6a.75.75,0,0,1,0,.474l-1.2,3.6Z" transform="translate(-3 -3)" fill="#fff"></path>
<path d="M15.36,12.75H6a.75.75,0,0,1,0-1.5h9.36a.75.75,0,1,1,0,1.5Z" transform="translate(-4.245 -6.735)" fill="#fff"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
'use strict';
document.addEventListener("DOMContentLoaded", () => {
let debounceTimeOut;
let isVocalSearch = false;
let sended = false;
let history = [];
function addElementHistory(element) {
history.push(element);
}
function debounce(func, delay) {
let timeoutId
return function(...args) {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => {
func.apply(this, args);
}, delay);
}
}
function sendMessage(event) {
if(sended == true) {
return;
}
document.querySelector('#ia-search__button svg').classList.add("animate-pulse");
sended = true;
let searchTextInput = document.getElementById('ia-search__input__field').value;
if(searchTextInput === '' || searchTextInput === undefined) {
sended = false;
document.querySelector('#ia-search__button svg').classList.remove("animate-pulse");
return;
}
document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML +=
`<div class="chat-message ">
<div class="flex items-end justify-end">
<div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-2 items-start">
<div>
<span class="ia-search__message px-4 py-2 rounded-lg inline-block rounded-bl-none">
` + searchTextInput + `
</span>
</div>
</div>
</div>
</div>`;
const el = document.getElementById('ia-search__messages');
el.scrollTop = el.scrollHeight;
var searchDialog = document.getElementById('ia-search__dialog');
if(searchDialog.dataset?.open) {
searchDialog.dataset.open = "true";
}
const requestOptions = {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'Cache-Control': 'no-cache, no-store, max-age=0', 'Pragma': 'no-cache'},
body: JSON.stringify({ data: { "input": searchTextInput.toString(), "history": history}, meta_data: { vocal_search: isVocalSearch} })
};
fetch("/i/listAnnonces/getSearchIAResponse", requestOptions)
.then(res => res.json())
.then(
(result) => {
let response;
document.getElementById('ia-search__input__field').value = "";
if(result["content"].length > 0) {
let message = result["content"];
if(message !== '' && message !== undefined) {
document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML +=
`<div class="chat-message relative ml-5">
<div class="chat-message__bullet absolute w-[3rem] h-[3rem] rounded-full overflow-hidden -top-7 -left-4 flex items-center justify-center">
<img class="object-contain rounded-full w-[2.5rem] h-[2.5rem]" src="images/avatarIA.png" alt="">
</div>
<div class="chat-message__item flex items-end">
<div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-1 items-end">
<div>
<span class="ia-search__message ia-search__message--generate px-4 pl-6 py-2 rounded-lg inline-block rounded-br-none">
` +
message
+ `
</span>
</div>
</div>
</div>
</div>`;
const el = document.getElementById('ia-search__messages');
el.scrollTop = el.scrollHeight;
}
}
if(result["additional_kwargs"]["tool_calls"]) {
let lastToolCalls = result["additional_kwargs"]["tool_calls"].pop();
let params = JSON.parse(lastToolCalls["function"]["arguments"]);
//build url for match with current search engine
let allow_fields = '';
let url_params = '';
Object.keys(params).map((key, index) => {
if(key !== undefined) {
if(typeof(params[key]) === 'object') {
let paramName = key;
let nestedParam = params[key];
Object.keys(nestedParam).map(async (key, index) => {
if (allow_fields === '') {
allow_fields += paramName;
if (paramName === "type") {
url_params += paramName + "[]=" + nestedParam[key];
} else {
url_params += paramName + "[" + key + "]=" + nestedParam[key];
}
} else {
if (paramName === "type" || paramName === "city" ) {
url_params += "&" + paramName + "[]=" + nestedParam[key];
} else {
url_params += "&" + paramName + "[" + key + "]=" + nestedParam[key];
}
if(allow_fields.indexOf(paramName) === -1) {
allow_fields += "," + paramName;
}
}
});
} else {
if(allow_fields === '') {
allow_fields += key;
if (key === "offredem" || key === "city") {
url_params += key + "[]=" + params[key];
} else {
url_params += key + "=" + params[key];
}
} else {
if(allow_fields.indexOf(key) === -1) {
allow_fields += "," + key;
}
if (key === "offredem" || key === "city") {
url_params += "&" + key + "[]=" + params[key];
} else {
url_params += "&" + key + "=" + params[key];
}
}
}
}
});
let urlSearchParams = url_params + "&allow_fields=" +allow_fields;
fetch("/i/listAnnonces/getSearchResultUrl?"+urlSearchParams, requestOptions)
.then(res => res.json())
.then(
(result) => {
let resultHTML = "";
if(result["count"] > 0) {
resultHTML = `Nous avons trouvé ` + result["count"] + ` bien(s) correspondant à votre recherche ! <br /> <br />
<a class="cta-primary inline-flex items-center justify-center" href="`+ result["url"] +`" target="_blank">
<span class="cta-primary__text">Voir les résultats</span>
<svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewBox="0 0 9.507 9.507">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"></path>
<path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"></path>
</g>
</svg>
</a>`
} else {
resultHTML = `Nous n'avons pas trouvé de résultats à votre recherche`
}
document.getElementById('ia-search__messages').innerHTML = document.getElementById('ia-search__messages').innerHTML +=
`<div class="chat-message relative ml-5">
<div class="chat-message__bullet absolute w-[3rem] h-[3rem] rounded-full overflow-hidden -top-7 -left-4 flex items-center justify-center">
<img class="object-contain rounded-full w-[2.5rem] h-[2.5rem]" src="images/avatarIA.png" alt="">
</div>
<div class="chat-message__item flex items-end">
<div class="flex flex-col space-y-2 text-xs max-w-lg mx-2 order-1 items-end">
<div>
<span class="ia-search__message ia-search__message--generate px-4 pl-6 py-2 rounded-lg inline-block rounded-br-none">
` +
resultHTML
+ `
</span>
</div>
</div>
</div>
</div>`;
const el = document.getElementById('ia-search__messages');
el.scrollTop = el.scrollHeight;
},
(error) => {
console.error(error);
}
)
}
addElementHistory({ "role": "human","content": searchTextInput.toString() });
if(result["content"].length > 0){
addElementHistory({ "role": "assistant","content": result["content"] });
}
sended = false;
isVocalSearch = false;
document.querySelector('#ia-search__button svg').classList.remove("animate-pulse");
return;
},
(error) => {
console.error(error);
}
);
}
document.getElementById('ia-search__button').addEventListener("click", debounce(sendMessage, 200));
//Micro - speech api
let textInput = document.getElementById('ia-search__input__field');
textInput.addEventListener('keydown', (event) => {
if (event.key === 'Enter') {
debounceTimeOut = setTimeout(() => {
let btnSubmit = document.querySelector('.ia-search__button-action--submit');
btnSubmit.click();
}, 1000);
}
});
const speechButtons = document.querySelectorAll(".ia-search__input-voice");
const speechText = document.querySelector('#ia-search__input__field');
window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
if(window.SpeechRecognition){
let recognition = new SpeechRecognition();
recognition.lang = 'fr-FR';
recognition.interimResults = true;
//recognition.continuous = true;
let isRecording = false;
recognition.onstart = function(){
isRecording = true;
}
recognition.onend = function(){
isRecording = false;
}
recognition.onresult = function(event) {
const transcript = Array.from(event.results).map(result => result[0]).map(result => result.transcript).join('');
speechText.value = transcript;
}
recognition.onerror = function(event) {
console.error("Speech recognition error", event.error);
};
recognition.addEventListener("soundend", () => {
for (var i = 0; i < speechButtons.length; i++) {
var speechButton = speechButtons[i];
speechButton.querySelector('svg').classList.remove("animate-pulse");
}
});
for (var i = 0; i < speechButtons.length; i++) {
var speechButton = speechButtons[i];
speechButton.addEventListener('click', (e) => {
isVocalSearch = true;
e.srcElement.querySelector('svg').classList.add("animate-pulse");
if(!isRecording) {
try {
recognition.start();
} catch (error) {
console.error("Error: start recording", error)
}
}
});
}
} else {
console.warn("This browser does not support Speech Recognition API");
}
});
</script>
</div>
<div class="header__search-action flex justify-center mt-4">
<button class="js-search-switch cta-quinquennial">
<span class="js-search-switch-text cta-quinquennial__text">
Utilisez le moteur de recherche classique
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="cta-quinquennial__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"></path>
<path d="M12,13.757a.75.75,0,0,1-.516-1.295L15.139,9,11.484,5.545a.75.75,0,1,1,1.031-1.089l4.23,4a.75.75,0,0,1,0,1.089l-4.23,4A.748.748,0,0,1,12,13.757Z" transform="translate(-3.223)"></path>
</g>
</svg>
</button>
</div>
</div>
</div>
</div>
</header>
<div data-scroll>
<div class="body__wrapper">
<main id="main" class="home main">
<div class="main__wrapper">
<section id="" class="silos-v1 relative">
<div class="silos-v1__container container max-w-[85rem] px-4 lg:px-8 mx-auto py-10 lg:py-20">
<div class="silos-v1__wrapper">
<div class="silos-v1__content">
<div class="silos-v1__title relative mb-10">
<div id="" class="title-v1">
<h2 class="title-v1__part1">Nos annonces</h2>
<span class="title-v1__part2 line-clamp-2">Ces biens sont recherchés !</span>
</div>
</div>
<div class="silos-v1__swiper js-silos-v1-swiper mt-5 overflow-hidden"
data-l-swiperloop=1 data-l-swiperspeed=800 >
<div class="silos-v1__items swiper-wrapper mb-5">
<div class="silos-v1__item swiper-slide overflow-hidden">
<h3 class="silos-v1__item-title mb-3 relative">Vente immobilières à Valras-Plage</h3>
<ul class="silos-v1__links flex flex-wrap -mx-2">
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/vente/1-valras-plage/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Annonces immobilières à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/vente/1-valras-plage/appartement/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Appartement à vendre à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/vente/1-valras-plage/maison/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Maison à vendre à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
</ul>
</div>
<div class="silos-v1__item swiper-slide overflow-hidden">
<h3 class="silos-v1__item-title mb-3 relative">Locations saisonnières à Valras-Plage</h3>
<ul class="silos-v1__links flex flex-wrap -mx-2">
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/location-vacances/1-valras-plage/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Annonces de location de vacances à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/location-vacances/1-valras-plage/maison/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Location maison de vacances à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
<li class="silos-v1__link-item mx-2 mb-2">
<a href="/location-vacances/1-valras-plage/appartement/1" class='silos-v1__link cta-secondary'>
<span class='cta-secondary__text mr-2'>Location appartement de vacances à Valras-Plage</span>
<svg xmlns='http://www.w3.org/2000/svg' class='cta-secondary__drawing' width='5.756' height='10.008' viewbox='0 0 5.756 10.008'>
<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)'/>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="silos-v1__swiper-nav relative flex flex-col-reverse lg:flex-row items-center justify-end">
<!-- If we need pagination buttons -->
<div class="silos-v1__swiper-pagination top-0 lg:top-2 swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="silos-v1__swiper-buttons swiper-buttons w-20 lg:mt-0 mt-8 relative">
<div class="swiper-button-next">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-next__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page suivante</title> <g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</div>
<div class="swiper-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-prev__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page précédente</title> <g transform="translate(0.75 0.75)">
<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)"/>
<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)"/>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="" class="cro-v3" data-animation="fade-in-bottom" data-animation-duration="0.8">
<div class="cro-v3__container px-0 2xl:mx-auto lg:pr-8 lg:pl-0 mr-auto ml-0">
<div class="cro-v3__wrapper flex md:flex-row-reverse flex-col">
<div class="cro-v3__content py-20 lg:w-1/2 md:w-1/2 order-2 md:order-1 px-6 md:px-0 lg:pr-16">
<div class="cro-v3__title">
<div id="" class="title-v1">
<h2 class="title-v1__part1">À propos</h2>
<span class="title-v1__part2 line-clamp-2"><span translate='no' lang='fr' >Arrago immobilier vous accompagne</span></span>
</div>
</div>
<div class="cro-v3__container-text">
<div class="cro-v3__text-block editorial lg:pl-5 md:pl-2">
<p style="text-align: justify;"><strong>Arrago Immobilier</strong> a le plaisir de vous accueillir sur son site, et au sein de son <strong>agence immobilière à Valras-Plage</strong>. Vous souhaitez acheter, louer à l’année ou pour des vacances, vendre, ou encore déléguer la gestion de votre bien ? Notre équipe d’agents se donne la mission de faciliter vos démarches en vous accompagnant dans chaque étape de votre projet immobilier. Parcourez nos offres d'appartements, maisons, villas à vendre ou à louer à l'année ou à la saison sur le secteur de Valras-Plage.</p>
<p style="text-align: justify;"> </p>
<h2 style="text-align: justify;">Votre partenaire de confiance pour tous vos projets immobiliers</h2>
</div>
</div>
<div class="js-accordion cro-v3__accordion px-6 mt-10" data-accordion-prefix-classes="my" data-accordion-multiselectable="none">
<h3 class="js-accordion__header" >
Transactions immobilières
</h3>
<div class="js-accordion__panel accordion__panel editorial" >
<p> <p style='text-align: justify;'>Soucieux de satisfaire les critères les plus exigeants, nous dénichons pour vous les offres de vente et de location les plus intéressantes du secteur. Découvrez nos <a href="/vente/1-valras-plage/1">annonces immobilières à Valras-Plage</a>, comprenant une large sélection de biens adaptés à tous les projets : villa idéalement située à Valras, maison sur Béziers, appartement avec parking, programmes neufs, etc. Découvrez sans plus attendre notre sélection de biens d’exception à travers notre catalogue disponible sur le site.</p>
</p>
</div>
<h3 class="js-accordion__header" >
Locations saisonnières à Valras-Plage
</h3>
<div class="js-accordion__panel accordion__panel editorial" >
<p> <p style='text-align: justify;'>Pour vos vacances à la mer, Arrago Immobilier vous propose un large choix de <a href="/location-vacances/1-valras-plage/1">locations saisonnières à Valras-Plage</a> : appartements avec vue sur la mer, maisons proches de la plage ou villas avec jardin. Que vous recherchiez un hébergement pour un court séjour ou pour plusieurs semaines, notre agence met tout en œuvre pour vous offrir le logement idéal selon vos besoins et votre budget. Profitez de nos <strong>locations de vacances à Valras-Plage</strong> pour découvrir le charme de la station balnéaire et vivre un séjour inoubliable au bord de la Méditerranée.</p>
</p>
</div>
<h3 class="js-accordion__header" >
Estimation immobilière
</h3>
<div class="js-accordion__panel accordion__panel editorial" >
<p> <p style='text-align: justify;'>Besoin de faire évaluer votre maison ou votre appartement dans le cadre d’une vente ? Nos agents mettent à profit leur expertise pour vous délivrer la meilleure estimation de votre bien immobilier à Valras et ses environs. Notre connaissance du marché nous permettra de vous proposer une évaluation fiable et objective de votre logement, prenant en compte ses spécificités, ses atouts et son environnement par rapport aux caractéristiques du marché.</p><p style='text-align: justify;'>Avec Arrago Immobilier, ne vous tracassez plus à propos des formalités et des recherches à effectuer. Nous montons avec vous un projet solide et digne de vos attentes, et vous guidons tout au long de votre transaction immobilière afin que vous vous sentiez en sécurité. Dans ce but, nous favorisons dans nos échanges la transparence et la confidentialité, convaincus qu’une bonne collaboration est un des secrets de la réussite.</p>
</p>
</div>
<h3 class="js-accordion__header" >
Contactez-nous
</h3>
<div class="js-accordion__panel accordion__panel editorial" >
<p> <p style='text-align: justify;'>Vous avez des questions ou souhaitez avoir un complément d’information sur nos services d’accompagnement, d’estimation ou de gestion locative ? Toute l’équipe d’Arrago Immobilier est à votre écoute, et se tient disponible via nos coordonnées sur le site, ou directement au sein de notre agence immobilière à Valras-Plage.</p>
</p>
</div>
</div>
</div>
<div class="cro-v3__media lg:w-1/2 md:w-1/2 order-1 md:order-2 md:mb-0 mb-10 md:pr-10 lg:pr-16 lg:mt-0 mt-5">
<div class="cro-v3__media--img lg:sticky lg:top-0 md:sticky md:top-0">
<img class="cro-v3__img h-full w-full object-cover aspect-square"
src="images/cro/1.jpg"
alt="">
</div>
</div>
</div>
</div>
</section>
<section id="" class="favorites-v3 pt-20 pb-16 relative">
<div
class="favorites-v3__container flex flex-col container px-4 lg:px-8 mx-auto gap-5 overflow-hidden lg:overflow-visible">
<div class="favorites-v3__container-title h-auto flex flex-col justify-center items-center">
<div class="favorites-v3__title">
<div id="" class="title-v1">
<h2 class="title-v1__part1">Nos coups de coeur</h2>
<span class="title-v1__part2 line-clamp-2">Soigneusement sélectionnés pour vous</span>
</div>
</div>
</div>
<div class="favorites-v3__container-content">
<div class="favorites-v3__content md:w-full mx-auto">
<div class="favorites-v3__items js-favorites-v3-swiper" data-l-swiperloop=1 data-l-swiperspeed=900 >
<div class="favorites-v3__swiper-wrapper mb-4 lg:mb-0 swiper-wrapper">
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div
class="banner-item mr-2 mb-2 px-4 mr-2 property-status property-status--5 property-status--sold">
<span
class="banner-item__text py-2 block property-status-content">Vendu</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=53"
data-remove-url="/i/selection/deletebien?idbien=53"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/b53b3a3d6ab90ce0268229151c9bde11/photo_284dfb146efeb7964dcceec92abd0273.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
2 pièce(s) 1 chambre(s) 34 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<g transform="translate(2 2)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<rect width="24" height="24" fill="none"/>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath>
<rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(1.114 1.409)">
<g transform="translate(3.136 5.015)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<g transform="translate(0 18.591)">
<g clip-path="url(#clip-path-parking)">
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
</div>
</div>
<div class="item__price my-2">
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/1-valras-plage/appartement/53-appartement-meuble-rdj-cour-privative-parking"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Appartement meublé RDJ, cour privative, parking"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div
class="banner-item mr-2 mb-2 px-4 mr-2 property-status property-status--5 property-status--sold">
<span
class="banner-item__text py-2 block property-status-content">Vendu</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=95"
data-remove-url="/i/selection/deletebien?idbien=95"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/08fde76a116459efde80149044d8c3a9/original/photo_825ee5e6d1770b403b2730b497e7aa29.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
1 pièce(s) 22 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath id="clip-path-balcony">
<rect width="21.771" height="21.5" fill="none"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(-1.229 -0.25)">
<g transform="translate(2.229 1.25)">
<g clip-path="url(#clip-path-balcony)">
<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"/>
<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"/>
<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"/>
<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"/>
<line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Balcon </span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath>
<rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(1.114 1.409)">
<g transform="translate(3.136 5.015)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<g transform="translate(0 18.591)">
<g clip-path="url(#clip-path-parking)">
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
2
</span>
</div>
</div>
</div>
<div class="item__price my-2">
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/1-valras-plage/appartement/95-studio-proche-centre-ville-et-plage-en-rez-de-chaussee-avec-parking-a-valras-plage"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Studio proche centre ville et plage, en rez de chaussée avec parking à Valras plage"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div
class="banner-item mr-2 mb-2 px-4 mr-2 property-status property-status--5 property-status--sold">
<span
class="banner-item__text py-2 block property-status-content">Vendu</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=96"
data-remove-url="/i/selection/deletebien?idbien=96"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/3007aca682d1b7f4204921504b14aefb/original/photo_5b51d0439aa94531542ba9a6555f3a8c.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
2 pièce(s) 1 chambre(s) 36 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
</div>
</div>
<div class="item__price my-2">
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/1-valras-plage/appartement/96-valras-a-renover-appartement-rez-de-chaussee-t2-vue-mer"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Valras - A rénover appartement rez de chaussée T2 vue mer"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div
class="banner-item mr-2 mb-2 px-4 mr-2 property-status property-status--5 property-status--sold">
<span
class="banner-item__text py-2 block property-status-content">Vendu</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=97"
data-remove-url="/i/selection/deletebien?idbien=97"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/73f23e8b8340016096c594718985f541/photo_3a0d3410487c66b5fcf49632e64c26fa.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Grau d'Agde (34300)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
1 pièce(s) 26 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<g transform="translate(2 2)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<rect width="24" height="24" fill="none"/>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath id="clip-path-balcony">
<rect width="21.771" height="21.5" fill="none"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(-1.229 -0.25)">
<g transform="translate(2.229 1.25)">
<g clip-path="url(#clip-path-balcony)">
<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"/>
<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"/>
<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"/>
<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"/>
<line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Balcon </span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/>
<g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)">
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Ascenseur </span>
</div>
</div>
</div>
<div class="item__price my-2">
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/235-grau-d-agde/appartement/97-grau-d-agde-front-de-mer-studio-cabine-avec-belle-vue-mer"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien GRAU D'AGDE - Front de mer, studio cabine avec belle vue mer"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div
class="banner-item mr-2 mb-2 px-4 mr-2 property-status property-status--5 property-status--sold">
<span
class="banner-item__text py-2 block property-status-content">Vendu</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=98"
data-remove-url="/i/selection/deletebien?idbien=98"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/99402322735610dced072b14befe5ef5/photo_b9b526a79a4b62356f97957f1bb55240.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Maison
4 pièce(s) 3 chambre(s) 93 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect width="24" height="24" fill="none"/>
<g transform="translate(1.114 1.409)">
<g>
<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"/>
</g>
<g transform="translate(3.136 5.015)">
<g >
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath>
<rect class="svg__secondary--stroke" width="21.771" height="3.445" transform="translate(0 0)" fill="none" stroke="#acc4c5" stroke-width="1"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(1.114 1.409)">
<g transform="translate(3.136 5.015)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<g transform="translate(0 18.591)">
<g clip-path="url(#clip-path-parking)">
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
</div>
</div>
<div class="item__price my-2">
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/1-valras-plage/maison/98-valras-plage-maison-individuelle-3-chambres-veranda-garage-et-jardin"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Valras plage - Maison individuelle 3 chambres, véranda, garage et jardin"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div class="banner-item mr-2 mb-2 px-4 property-status property-status--favorite">
<span
class="banner-item__text py-2 block property-status-content">Coup de coeur</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=148"
data-remove-url="/i/selection/deletebien?idbien=148"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/6a636789b6b05bd8ea97ba48441f3d48/photo_b21077e025d1a882f1689c71359fdabf.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
4 pièce(s) 3 chambre(s) 78 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
</div>
</div>
<div class="item__price my-2">
<span class="item__price-value">À partir de</span>
450 € / Semaine
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/location-vacances/1-valras-plage/appartement/148-au-jardin-ombrage"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Au Jardin Ombragé"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div class="banner-item mr-2 mb-2 px-4 property-status property-status--favorite">
<span
class="banner-item__text py-2 block property-status-content">Coup de coeur</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=152"
data-remove-url="/i/selection/deletebien?idbien=152"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/3275fe273d30026bede240ee117b4f0c/photo_6e32f34a59ca76301ba684bb4e4697e4.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Villeneuve-lès-Béziers (34420)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Maison
5 pièce(s) 4 chambre(s) 122 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<g transform="translate(2 2)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<rect width="24" height="24" fill="none"/>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
2
</span>
</div>
</div>
</div>
<div class="item__price my-2">
<span class="item__price-value">À partir de</span>
700 € / Semaine
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/location-vacances/25-villeneuve-les-beziers/maison/152-globetrotteur"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Globetrotteur"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div class="banner-item mr-2 mb-2 px-4 property-status property-status--favorite">
<span
class="banner-item__text py-2 block property-status-content">Coup de coeur</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=158"
data-remove-url="/i/selection/deletebien?idbien=158"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/3bad07085cb514f32fbb3c917bf1ed27/original/photo_6318747120efe3c70f3ac92230836eb1.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
3 pièce(s) 2 chambre(s) 42 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath id="clip-path-balcony">
<rect width="21.771" height="21.5" fill="none"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(-1.229 -0.25)">
<g transform="translate(2.229 1.25)">
<g clip-path="url(#clip-path-balcony)">
<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"/>
<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"/>
<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"/>
<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"/>
<line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Balcon </span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="option__drawing" id="icon-ascenseur" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect id="Rectangle_2962" data-name="Rectangle 2962" width="24" height="24" fill="none"/>
<g id="Groupe_14655" data-name="Groupe 14655" transform="translate(-470.5 -8135)">
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Ascenseur </span>
</div>
</div>
</div>
<div class="item__price my-2">
<span class="item__price-value">À partir de</span>
400 € / Semaine
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/location-vacances/1-valras-plage/appartement/158-le-clos-de-cotou"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Le clos de cotou"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div class="banner-item mr-2 mb-2 px-4 property-status property-status--new">
<span
class="banner-item__text py-2 block property-status-content">Nouveauté</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=168"
data-remove-url="/i/selection/deletebien?idbien=168"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/99ab1b6bd4be3ce5eb89f59f39329d0d/photo_e8ebddaafa4fbd2f2cc57e56b98772ff.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
1 pièce(s) 20 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<g transform="translate(2 2)">
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</g>
<rect width="24" height="24" fill="none"/>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath id="clip-path-balcony">
<rect width="21.771" height="21.5" fill="none"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(-1.229 -0.25)">
<g transform="translate(2.229 1.25)">
<g clip-path="url(#clip-path-balcony)">
<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"/>
<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"/>
<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"/>
<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"/>
<line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Balcon </span>
</div>
</div>
</div>
<div class="item__price my-2">
<span class="item__price-value">À partir de</span>
200 € / Semaine
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/location-vacances/1-valras-plage/appartement/168-les-sardines-68"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien Les sardines 68"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="favorites-v3__item swiper-slide">
<article class="item h-full group lg:h-[32rem] lg:h-[32rem]">
<div class="item__container flex flex-col flex-col h-full">
<div class="item__decorate max-h-[20rem] h-[58%] lg:max-h-none aspect-[15/14] lg:aspect-auto w-full relative">
<div class="banner absolute top-3 left-3 mr-12 z-10">
<div class="banner__status--text">
<div class="banner__status--wrap flex flex-wrap">
<div class="banner-item mr-2 mb-2 px-4 property-status property-status--new">
<span
class="banner-item__text py-2 block property-status-content">Nouveauté</span>
</div>
</div>
</div>
</div>
<button class="item__selection absolute top-3 right-3 p-2 rounded-full selection-manager js-selectionToggle"
data-add-url="/i/selection/addbien?idbien=193"
data-remove-url="/i/selection/deletebien?idbien=193"
data-alt-text="">
<span class="selection-manager__icon">
<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">
<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>
<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>
</svg>
</span>
<span class="selection-manager__text js-selection-text"></span>
</button>
<div class="item__visual w-full h-full lg:h-[26rem] overflow-hidden">
<img src="//arragoimmo.staticlbi.com/600xauto/images/biens/1/fff99369b465b7df7f4ca3015f793f71/photo_29819e4a5b12311daacfd0723105bc05.jpg" class="h-full w-full object-cover" loading="lazy" alt="" width="600" height="auto" />
</div>
<div class="item__media lg:group-hover:bottom-20 lg:transition-[bottom] lg:ease-in-out lg:duration-500 absolute bottom-4 left-3 rounded-[0.375rem] flex items-center justify-center gap-2">
<div class="item__media-360 icon_content w-[2rem] h-[2rem] flex items-center justify-center">
<svg class="" id="vv" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect id="Rectangle_2967" data-name="Rectangle 2967" width="24" height="24" fill="none"/>
<path id="Tracé_33173" class="icon_item" data-name="Tracé 33173" d="M8.887,7.842l-5.925,4.42a1.843,1.843,0,0,1-2.6-.412A1.915,1.915,0,0,1,0,10.735V1.894A1.876,1.876,0,0,1,1.867,0a1.823,1.823,0,0,1,1.1.372l5.925,4.42a1.915,1.915,0,0,1,.4,2.648,1.883,1.883,0,0,1-.4.405Z" transform="translate(7 6)" fill="#0c5c6b" stroke="rgba(0,0,0,0)" stroke-width="1"/>
</svg>
</div>
</div>
</div>
<div class="item__content flex flex-col justify-center text-center w-full h-[21rem] 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">
<div class="item__block w-full h-full">
<div class="item__block--city">
<div id="" class="title-v1">
<span class="title-v1__part1">Valras-Plage (34350)</span>
</div>
</div>
<div class="item__title text-center xl:text-center">
<h3 class="item__block--title line-clamp-3">
Appartement
1 pièce(s) 25 m²
</h3>
</div>
<div class="item__options lg:max-h-full max-h-[6rem] overflow-hidden">
<div class="options flex flex-wrap justify-around lg:my-3 my-2">
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
<rect data-name="Rectangle 2963" width="24" height="24" fill="none"/>
<g>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
<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"/>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
1
</span>
</div>
<div class="option flex gap-2 w-1/3 justify-center lg:mb-4 mb-2 content-center items-center">
<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">
<defs>
<clippath id="clip-path-balcony">
<rect width="21.771" height="21.5" fill="none"/>
</clippath>
</defs>
<rect width="24" height="24" fill="none"/>
<g transform="translate(-1.229 -0.25)">
<g transform="translate(2.229 1.25)">
<g clip-path="url(#clip-path-balcony)">
<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"/>
<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"/>
<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"/>
<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"/>
<line class="svg__primary--stroke" y2="6" transform="translate(10.961 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(7.211 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(14.711 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(18.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" y2="6" transform="translate(3.461 13.75)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-width="1.5"/>
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
<span class="option__number px-2.5 py-1 rounded-full">
Balcon </span>
</div>
</div>
</div>
<div class="item__price my-2">
Nous consulter
</div>
</div>
<div class="item__links self-center lg:self-center pb-4 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">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/location-vacances/1-valras-plage/appartement/193-l-arbre-de-vie"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="Voir le bien L'arbre de vie"
>
<span class="links-group__text cta-secondary__text">Voir le bien</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
<div class="favorites-v3__swiper-nav relative flex flex-col-reverse lg:flex-row items-center justify-between md:mt-4 lg:mt-4 mt-0">
<div class="favorites-v3__links relative z-[15] mt-5 lg:mt-0 lg:self-end">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/vente/1"
class="links-group__link links-group__link--drawing cta-primary"
target=""
title="Consulter tous nos biens "
>
<span class="links-group__text cta-primary__text">Consulter tous nos biens</span>
<svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
<!-- If we need pagination buttons -->
<div class="favorites-v3__swiper-pagination z-[15] top-0 lg:top-4 swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="favorites-v3__swiper-buttons z-[15] swiper-buttons w-20 relative md:mt-5 lg:mt-0 mt-8">
<div class="swiper-button-next">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-next__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page suivante</title> <g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</div>
<div class="swiper-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-prev__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page précédente</title> <g transform="translate(0.75 0.75)">
<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)"/>
<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)"/>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="" class="services-v3 relative" data-animation="fade-in-bottom" data-animation-duration="0.8">
<div class="services-v3__container container max-w-[79rem] px-4 lg:px-8 mx-auto py-20">
<div class="services-v3__wrapper">
<div class="services-v3__content">
<div class="services-v3__title relative mb-10">
<div id="" class="title-v1">
<h2 class="title-v1__part1">Nos services</h2>
<span class="title-v1__part2 line-clamp-2"><span translate='no' lang='fr' >Arrago immobilier c'est aussi</span></span>
</div>
</div>
<div class="services-v3__swiper js-services-v3-swiper mt-5 overflow-hidden"
data-l-swiperloop=1 data-l-swiperspeed=800 >
<div class="swiper-wrapper mb-7">
<div class="swiper-slide">
<article class="item h-full group overflow-hidden lg:h-[34rem]">
<div class="item__container">
<div class="item__decorate aspect-[15/14] lg:aspect-auto lg:h-[23rem] w-full">
<div class="item__visual h-full w-full">
<img src="images/services/3_1.jpg" class="item__img h-full w-full lg:transition-transform lg:ease-in-out lg:duration-500 lg:group-hover:scale-125 object-cover" loading="lazy" alt="">
</div>
</div>
<div
class="item__content flex flex-col h-full w-full lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden lg:h-[33%] lg:group-hover:h-[42%] justify-between py-8 lg:py-8 lg:px-10">
<div class="item__block-text">
<div class="item__title title-v1">
<div id="" class="title-v1">
<h3 class="title-v1__part1">ALERTE E-MAIL</h3>
<span class="title-v1__part2 line-clamp-2">Nos biens directement <br> dans votre boite mail !</span>
</div>
</div>
</div>
<div class="item__links flex justify-center lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/alerte-email"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="En savoir plus "
>
<span class="links-group__text cta-secondary__text">En savoir plus</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="item h-full group overflow-hidden lg:h-[34rem]">
<div class="item__container">
<div class="item__decorate aspect-[15/14] lg:aspect-auto lg:h-[23rem] w-full">
<div class="item__visual h-full w-full">
<img src="images/services/3_2.jpg" class="item__img h-full w-full lg:transition-transform lg:ease-in-out lg:duration-500 lg:group-hover:scale-125 object-cover" loading="lazy" alt="">
</div>
</div>
<div
class="item__content flex flex-col h-full w-full lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden lg:h-[33%] lg:group-hover:h-[42%] justify-between py-8 lg:py-8 lg:px-10">
<div class="item__block-text">
<div class="item__title title-v1">
<div id="" class="title-v1">
<h3 class="title-v1__part1">ESTIMATION</h3>
<span class="title-v1__part2 line-clamp-2">Évaluez le prix de votre <br> bien immobilier</span>
</div>
</div>
</div>
<div class="item__links flex justify-center lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/estimation"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="En savoir plus "
>
<span class="links-group__text cta-secondary__text">En savoir plus</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="item h-full group overflow-hidden lg:h-[34rem]">
<div class="item__container">
<div class="item__decorate aspect-[15/14] lg:aspect-auto lg:h-[23rem] w-full">
<div class="item__visual h-full w-full">
<img src="images/services/3_3.jpg" class="item__img h-full w-full lg:transition-transform lg:ease-in-out lg:duration-500 lg:group-hover:scale-125 object-cover" loading="lazy" alt="">
</div>
</div>
<div
class="item__content flex flex-col h-full w-full lg:absolute lg:bottom-0 lg:transition-[height] lg:ease-in-out lg:duration-500 overflow-hidden lg:h-[33%] lg:group-hover:h-[42%] justify-between py-8 lg:py-8 lg:px-10">
<div class="item__block-text">
<div class="item__title title-v1">
<div id="" class="title-v1">
<h3 class="title-v1__part1">GESTION LOCATIVE</h3>
<span class="title-v1__part2 line-clamp-2">Confiez nous la gestion <br> de votre bien</span>
</div>
</div>
</div>
<div class="item__links flex justify-center lg:transition-opacity lg:ease-in-out lg:duration-500 lg:opacity-0 lg:group-hover:opacity-100">
<div class="links-group">
<div class="links-group__wrapper">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/gestion-locative"
class="links-group__link links-group__link--drawing cta-secondary"
target=""
title="En savoir plus "
>
<span class="links-group__text cta-secondary__text">En savoir plus</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
<div
class="services-v3__swiper-nav relative z-1 flex flex-col-reverse lg:flex-row items-center justify-end lg:hidden">
<!-- If we need pagination buttons -->
<div class="services-v3__swiper-pagination top-0 lg:top-4 swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="services-v3__swiper-buttons swiper-buttons w-20 mt-8 relative">
<div class="swiper-button-next lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-next__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page suivante</title> <g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</div>
<div class="swiper-button-prev lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" class="swiper-button-prev__svg arrow_link_svg" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<title>Page précédente</title> <g transform="translate(0.75 0.75)">
<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)"/>
<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)"/>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="" class="alertmail-v1 relative">
<div class="alertmail-v1__container container px-4 mx-auto lg:py-[4rem] md:py-10 pt-[10rem] pb-10">
<div class="alertmail-v1__wrapper">
<div class="alertmail-v1__content">
<div class="alertmail-v1__title relative mb-3">
<div id="" class="title-v1">
<h2 class="title-v1__part1">Alerte e-mail</h2>
<span class="title-v1__part2 line-clamp-2">Nos biens directement<br> dans votre boite mail !</span>
</div>
</div>
</div>
<div class="alertmail-v1__links flex justify-center">
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/alerte-email"
class="links-group__link links-group__link--drawing cta-primary cta-primary--leads"
target=""
title="Créer une alerte personnalisée "
>
<span class="links-group__text cta-primary__text">Créer une alerte personnalisée</span>
<svg xmlns="http://www.w3.org/2000/svg" class="cta-primary__drawing" width="9.507" height="9.507" viewbox="0 0 9.507 9.507">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
<div data-modal-id="information-message" class="modal modal-message" role="dialog" aria-modal="true" >
<div class="modal__body">
<button class="modal__close">
<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">
<g>
<g id="cross">
<g>
<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 134.5,127.5 81.9,75">
</polygon>
</g>
</g>
</g>
</svg>
</button>
<div class="modal__scroller">
<div class="modal__title" data-modal-var="title">
</div>
<div class="modal__text" data-modal-var="text">
</div>
<button class="modal__focus-trap"></button>
</div>
</div>
<div class="modal__background"></div>
</div>
<footer id="" class="footer-v1">
<div class="footer-v1__container container px-2 xl:px-8 mx-auto lg:max-w-[85rem]">
<div class="footer-v1__wrapper">
<div id="" class="footer-v1-top my-20">
<div class="footer-v1-top__wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-y-10 gap-x-10">
<div class="footer-column flex flex-col justify-between">
<div class="footer-logo my-3 first:mt-0 last:mb-0 flex justify-center">
<a class="logo_menber_link" href="/" target="" rel="nofollow">
<img class="logo_menber_img" src="images/logoFooter.svg" alt="logo site" loading="lazy">
</a>
</div>
<div class="footer-interkab my-3 first:mt-0 last:mb-0 flex justify-center">
<a class="logo_menber_link" href="https://www.la-boite-immo.com/interkab-inter-cabinet" target="_blank" rel="nofollow">
<img class="logo_menber_img" src="images/interkab.png" alt="logo interkab" loading="lazy">
</a>
</div>
</div>
<div class="footer-column">
<div class="footer-contact">
<div class="footer-contact__wrapper flex justify-center lg justify-start">
<div class="footer-coords">
<div class="footer-coords__wrapper">
<div class="footer__coords coords">
<div class="coords__wrapper">
<div class="coords__info coords__info--name">
<div class="coords__data">
<span class="coords__value">ARRAGO Immobilier</span>
</div>
</div>
<div class="coords__info coords__info--address">
<div class="coords__data">
<span class="coords__value coords__value--address">1 rue Benjamin Sauri</span>
<span class="coords__value coords__value--zip-city">34350 <span class="coords__value coords__value--city">Valras-Plage</span></span>
</div>
</div>
<div class="coords__info coords__info--phone">
<div class="coords__data">
<a href="tel:04 67 94 38 23" class="coords__value">04 67 94 38 23</a>
</div>
</div>
<div class="coords__info coords__info--mail">
<div class="coords__data">
<a href="mailto:agence@arrago-immobilier-valras.com" class="coords__value">agence@arrago-immobilier-valras.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-column">
<div class="footer-contact">
<div class="footer-contact__wrapper flex justify-center lg justify-start">
<div class="footer-socials socials w-full">
<div class="socials__title">
<div id="" class="title-v1">
<span class="title-v1__part1">Nos réseaux</span>
<span class="title-v1__part2 line-clamp-2">Nous suivre</span>
</div>
</div>
<div class="socials" data-ismovable="true" data-destination="bottom" data-base="" data-order="">
<div class="socials__wrapper">
<ul class="socials__items flex justify-center items-end">
<li class="socials__item item">
<a href="https://fr-fr.facebook.com/arragoimmobilier/"
class="item__link"
target="_blank"
rel="noopener nofollow"
title="Visiter notre page Facebook - Ouverture nouvelle fenêtre"
aria-label="TRAD_LEVANT_visiternotrepagefacebook - Ouverture nouvelle fenêtre"
>
<svg xmlns="http://www.w3.org/2000/svg" width="7.014" height="14.766" class="item__svg" viewbox="0 0 7.014 14.766">
<path d="M35.614,10.129H33.041V8.261c0-.574.59-.7.869-.7h1.655V5.016L33.68,5a2.915,2.915,0,0,0-3.2,3.1v2.032H28.6v2.606h1.885v7.03h2.557v-7.03h2.18Z" transform="translate(-28.6 -5)"/>
</svg>
</a>
</li>
<li class="socials__item item">
<a href=""
class="item__link"
target="_blank"
rel="noopener nofollow"
title="Visiter notre page Instagram - Ouverture nouvelle fenêtre"
aria-label="TRAD_LEVANT_visiternotrepageinstagram - Ouverture nouvelle fenêtre"
>
<svg class="item__svg" width="15" height="15" viewbox="0 0 15 15">
<g id="instagram" transform="translate(0.5 0.5)">
<path d="M243.625-96.909a.97.97,0,0,0-.681.282.968.968,0,0,0-.283.681.974.974,0,0,0,.283.682.974.974,0,0,0,.681.282.974.974,0,0,0,.681-.282.97.97,0,0,0,.282-.682.965.965,0,0,0-.282-.681A.968.968,0,0,0,243.625-96.909Z" transform="translate(-232.899 99.228)" fill="#0c5c6b"/>
<path d="M243.625-97.409a1.47,1.47,0,0,1,1.035.429,1.466,1.466,0,0,1,.428,1.034,1.474,1.474,0,0,1-.428,1.035,1.48,1.48,0,0,1-1.034.428,1.476,1.476,0,0,1-1.034-.428,1.478,1.478,0,0,1-.43-1.036,1.471,1.471,0,0,1,.43-1.035A1.472,1.472,0,0,1,243.625-97.409Zm0,1.926a.471.471,0,0,0,.329-.137.472.472,0,0,0,.134-.327.467.467,0,0,0-.134-.326.472.472,0,0,0-.329-.137.472.472,0,0,0-.327.135.471.471,0,0,0-.136.327.476.476,0,0,0,.137.329A.474.474,0,0,0,243.625-95.483Z" transform="translate(-232.899 99.228)" fill="rgba(0,0,0,0)"/>
<path d="M236.854-95.4a3.417,3.417,0,0,0-3.413,3.413,3.417,3.417,0,0,0,3.413,3.414,3.417,3.417,0,0,0,3.413-3.414A3.417,3.417,0,0,0,236.854-95.4Zm0,5.651a2.241,2.241,0,0,1-2.238-2.238,2.241,2.241,0,0,1,2.238-2.238,2.241,2.241,0,0,1,2.238,2.238A2.241,2.241,0,0,1,236.854-89.753Z" transform="translate(-229.854 98.991)"/>
<path d="M236.854-95.9a3.918,3.918,0,0,1,3.913,3.913,3.918,3.918,0,0,1-3.913,3.914,3.918,3.918,0,0,1-3.913-3.914A3.918,3.918,0,0,1,236.854-95.9Zm0,6.827a2.917,2.917,0,0,0,2.913-2.914,2.917,2.917,0,0,0-2.913-2.913,2.917,2.917,0,0,0-2.913,2.913A2.917,2.917,0,0,0,236.854-89.077Zm0-5.652a2.741,2.741,0,0,1,2.738,2.738,2.741,2.741,0,0,1-2.738,2.738,2.741,2.741,0,0,1-2.738-2.738A2.741,2.741,0,0,1,236.854-94.729Zm0,4.476a1.74,1.74,0,0,0,1.738-1.738,1.74,1.74,0,0,0-1.738-1.738,1.74,1.74,0,0,0-1.738,1.738A1.74,1.74,0,0,0,236.854-90.253Z" transform="translate(-229.854 98.991)" fill="rgba(0,0,0,0)"/>
<path d="M238.731-100.251h-6.273a3.868,3.868,0,0,0-3.863,3.863v6.273a3.868,3.868,0,0,0,3.863,3.863h6.273a3.868,3.868,0,0,0,3.863-3.863v-6.273A3.868,3.868,0,0,0,238.731-100.251Zm0,12.758h-6.273a2.624,2.624,0,0,1-2.621-2.621v-6.273a2.624,2.624,0,0,1,2.621-2.621h6.273a2.624,2.624,0,0,1,2.622,2.621v6.273h0A2.624,2.624,0,0,1,238.731-87.493Z" transform="translate(-228.594 100.251)"/>
<path d="M232.457-100.751h6.273a4.368,4.368,0,0,1,4.363,4.363v6.273a4.368,4.368,0,0,1-4.363,4.363h-6.273a4.368,4.368,0,0,1-4.363-4.363v-6.273A4.368,4.368,0,0,1,232.457-100.751Zm6.273,14a3.367,3.367,0,0,0,3.363-3.363v-6.273a3.367,3.367,0,0,0-3.363-3.363h-6.273a3.367,3.367,0,0,0-3.363,3.363v6.273a3.367,3.367,0,0,0,3.363,3.363Zm-6.273-12.757h6.273a3.125,3.125,0,0,1,3.122,3.121v6.273a3.125,3.125,0,0,1-3.122,3.121h-6.273a3.125,3.125,0,0,1-3.121-3.121v-6.273A3.125,3.125,0,0,1,232.457-99.508Zm6.273,11.516a2.124,2.124,0,0,0,2.122-2.121v-6.273a2.124,2.124,0,0,0-2.122-2.121h-6.273a2.124,2.124,0,0,0-2.121,2.121v6.273a2.124,2.124,0,0,0,2.121,2.121Z" transform="translate(-228.594 100.251)" fill="rgba(0,0,0,0)"/>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-column">
<div id="" class="partners">
<div class="partners__wrapper">
<div class="partners__title">
<div id="" class="title-v1">
<span class="title-v1__part1">Adhérents</span>
<span class="title-v1__part2 line-clamp-2">Nous adhérons</span>
</div>
</div>
<ul class="partners__list flex justify-center align-center">
<li class="partners__item first:ml-0 last:mr:0 mx-4">
<a href="https://www.snpi.fr/"
class="partners__link"
title="Visiter le site SNPI - Ouverture nouvelle fenêtre"
aria-label="Visiter le site SNPI - Ouverture nouvelle fenêtre"
target="_blank"
>
<img data-src="images/partners/snpi.png" class="partners__img partner__img js-lazy" alt="">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="" class="footer-v1-last my-10">
<div class="footer-v1-last__wrapper flex flex-col">
<div class="copyright mb-6">
<div class="copyright__wrapper flex flex-col lg:flex-row justify-center">
<p class="copyright__text text-center mb-2 lg:text-left lg:mb-0">© 2026 | Tous droits réservés</p>
<nav class="copyright-last__menu">
<ul class="copyright__nav-list nav-list flex flex-wrap justify-center">
<li class="nav-list__item pl-4">
<a
href="honoraire.pdf"
title="Nos honoraires - Ouverture nouvelle fenêtre"
target="_blank"
class="nav-list__link">
Nos honoraires
</a>
</li>
<li class="nav-list__item pl-4">
<a
href="/nos-partenaires"
title=""
target=""
class="nav-list__link">
Nos partenaires
</a>
</li>
<li class="nav-list__item pl-4">
<a
href="/mentions-legales"
title=""
target=""
class="nav-list__link">
Mentions légales
</a>
</li>
<li class="nav-list__item pl-4">
<a
href="/admin"
title="Se connecter à votre admin - Ouverture nouvelle fenêtre"
target="_blank"
class="nav-list__link">
Admin
</a>
</li>
<li class="nav-list__item pl-4">
<a title="Politique RGPD" class="nav-list__link" href="https://www.la-boite-immo.com/politique-de-gestion-des-donnees-personnelles">Politique RGPD</a>
</li>
<li class="nav-list__item pl-4">
<button class="js_openPopinCookie nav-list__link">Cookies</button>
</li>
</ul>
</nav>
</div>
</div>
<div class="logolbi flex justify-center">
<span>Réalisé par :</span>
<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">
<svg class="logolbi__svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 411.33 65.16" width="187.371"
height="25.002" y="0px" x="0px">
<g>
<rect x="90.54" y="5.23" width="8.52" height="32.83"/>
<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"/>
<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"/>
<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"/>
<rect x="212.34" y="14.93" width="8.62" height="23.13"/>
<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"/>
<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"/>
<rect x="289.06" y="14.83" width="2.29" height="23.23"/>
<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"/>
<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"/>
<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"/>
<polygon
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"/>
<path d="M292.1,7.39c0,2.44-3.7,2.44-3.7,0s3.7-2.43,3.7,0"/>
<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"/>
<g>
<polygon
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"/>
<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"/>
<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"/>
</g>
<g>
<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"/>
<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"/>
<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"/>
<polygon
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"/>
<polygon
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"/>
<polygon
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"/>
<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"/>
<rect x="199.62" y="48.98" width="1.8" height="9.63"/>
<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"/>
<polygon
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"/>
</g>
<g>
<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"/>
<polygon
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"/>
<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"/>
</g>
<g>
<rect x="275.53" y="48.98" width="1.8" height="9.63"/>
<polygon
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"/>
<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"/>
<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"/>
<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"/>
<polygon
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"/>
<polygon
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"/>
<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"/>
<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"/>
<polygon
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"/>
<polygon
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"/>
<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"/>
</g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="footer__bottombar"></div>
</div>
<div id="fab" class="fab-v1">
<nav class="js-fab-elements fab-v1__nav">
<button class="js-fab-button fab-v1__button">
<span class="fab-v1__button-icon"></span>
</button>
<div class="fab-v1__items">
<div class="js-fab-item fab-v1__item" data-widget-id="plato">
<a
href="/estimation"
class="fab-v1__action"
target=""
title="Estimation rapide"
>
<div class="fab-v1__item-drawing">
<div class="fab-v1__item-picto">
<svg class="fab-v1__item-picto-svg" xmlns="http://www.w3.org/2000/svg" width="14.3" height="17.5" viewbox="0 0 14.3 17.5">
<g transform="translate(-0.25 -0.25)">
<rect class="svg__primary--stroke" width="12.8" height="16" rx="1.6" transform="translate(1 1)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__secondary--stroke" x2="6.4" transform="translate(4.2 4.2)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__secondary--stroke" y2="3.2" transform="translate(10.6 10.6)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__secondary--stroke" x2="0.008" transform="translate(10.6 7.4)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(7.4 7.4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(4.2 7.4)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(7.4 10.6)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(4.2 10.6)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(7.4 13.8)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__primary--stroke" x2="0.008" transform="translate(4.2 13.8)" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g>
</svg>
</div>
</div>
<div class="fab-v1__item-label">
Estimation rapide
</div>
</a>
</div>
<div class="js-fab-item fab-v1__item" data-widget-id="plato">
<a
href="/contact"
class="fab-v1__action"
target=""
title="Nous contacter"
>
<div class="fab-v1__item-drawing">
<div class="fab-v1__item-picto">
<svg xmlns="http://www.w3.org/2000/svg" class="" width="19.849" height="17.5" viewbox="0 0 19.849 17.5">
<g transform="translate(0.035 -0.25)">
<path class="svg__primary--stroke" d="M18.778,9V2.778A1.778,1.778,0,0,0,17,1H2.778A1.778,1.778,0,0,0,1,2.778V13.444a1.783,1.783,0,0,0,1.778,1.778H9.889" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path class="svg__primary--stroke" d="M18.778,3.667,10.805,8.734a1.728,1.728,0,0,1-1.831,0L1,3.667" fill="none" stroke="#0c5c6b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__secondary--stroke" y2="5.333" transform="translate(16.111 11.667)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<line class="svg__secondary--stroke" x2="5.333" transform="translate(13.444 14.333)" fill="none" stroke="#acc4c5" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g>
</svg>
</div>
</div>
<div class="fab-v1__item-label">
Nous contacter
</div>
</a>
</div>
</div>
</nav>
</div>
<div class="cookie-consent rgpd-v1">
<div class="cookiesv2Container">
<div class="cookiesStructure_1">
<div class="cookiesContent">
<p class="titreCookies">
Comme beaucoup, notre site
<span class="colorPrimarySite">utilise les cookies</span>
</p>
<p class="textCookies">
<span class="textStrong">On aimerait vous accompagner pendant votre visite.</span>
En poursuivant, vous acceptez l'utilisation des cookies par ce site, afin de vous proposer des contenus adaptés et réaliser des statistiques !
</p>
<div class="btnContainer">
<button class="btnCookies lightVersion" id="getParamsCookies" type="button"> Paramétrer</button>
<button class="btnCookies" id="getValidAllCookies" type="button"> Tout accepter</button>
</div>
</div>
</div>
<div class="cookiesStructure_2">
<div class="cookiesContent">
<div class="cookieTitle_Content">
<button class="btnRetour" id="getReturnCookies" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16.468" height="12.261" viewbox="0 0 16.468 12.261">
<g transform="translate(1554.209 965.841) rotate(180)">
<path d="M0,0H14.148" transform="translate(1538.741 959.71)" fill="none" stroke="#9c9c9c" stroke-linecap="round" stroke-width="2"></path>
<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>
<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>
</g>
</svg>
</button>
<p class="topContentCookies"> Paramétrer</p>
<button class="btnTop" id="getCloseCookies" type="button"> Tout refuser</button>
</div>
<div class="cookieParams_Content">
<div class="cookiesElement">
<div class="itemCheckboxCookieButtonContent">
<div class="textSectionStructure">
<div class="textSectionContent">
<span class="titreSection">Statistiques de visites</span>
<button class="buttonAcordeon js_accordeonCookies"></button>
</div>
<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>
</div>
</div>
<div class="itemCheckboxCookieContainer">
<div class="itemCheckboxCookieStructure">
<div class="titleContent">
<p class="titleElement"></p>
</div>
<div class="itemCheckboxCookieContent">
<div class="textContent">
<a class="linkElement" target="_blank" href="https://support.google.com/analytics/answer/6004245?hl=fr">?</a>
<svg class="iconElement" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200 200" preserveaspectratio="xMidYMid">
<g>
<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"
fill="#f9ab00"/>
<g fill="#e37400">
<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"/>
<circle cx="41" cy="163" r="21"/>
</g>
</g>
</svg>
<p class="textElement">Google Analytics</p>
</div>
<div class="checkboxCookiesContent">
<input name="checkbox_googleAnalytics" class="checkboxCookies"
id="checkedgoogleAnalytics" type="checkbox" disabled checked>
<span class="requiredCookie">requis</span>
</div>
</div>
<div class="itemCheckboxCookieContent">
<div class="textContent">
<a class="linkElement" target="_blank" href="https://support.google.com/tagmanager/answer/9323295?hl=fr">?</a>
<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"
viewbox="0 0 192 192" enable-background="new 0 0 192 192" xml:space="preserve">
<polygon fill="#8AB4F8" points="111.31,176.79 80.76,147 146.37,80 178,111 "/>
<path fill="#4285F4"
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"/>
<path fill="#8AB4F8"
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"/>
<circle fill="#246FDB" cx="95.5" cy="162.5" r="21.5"/>
</svg>
<p class="textElement">Google Tag Mananger</p>
</div>
<div class="checkboxCookiesContent">
<input name="checkbox_googleTagManager" class="checkboxCookies"
id="checkedgoogleTagManager" type="checkbox" disabled checked>
<span class="requiredCookie">requis</span>
</div>
</div>
</div>
</div>
</div>
<div class="cookiesElement">
<div class="itemCheckboxCookieButtonContent">
<div class="textSectionStructure">
<div class="textSectionContent">
<span class="titreSection">Cookies optionnels</span>
<button class="buttonAcordeon js_accordeonCookies"></button>
</div>
<p>Ces cookies sont déposés par des prestataires afin d'identifier des produits ou services que vous consultez.</p>
</div>
</div>
<div class="itemCheckboxCookieContainer">
<div class="itemCheckboxCookieStructure">
<div class="titleContent">
<p class="titleElement">Vidéos</p>
</div>
<div class="itemCheckboxCookieContent">
<div class="textContent">
<a class="linkElement" target="_blank" href="https://support.google.com/youtube/answer/10364219/principes-fondamentaux-de-protection-de-la-vie-priv%C3%A9e-dans-les-applications-youtube?hl=fr">?</a>
<svg class="iconElement" xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 68 48">
<path class="ytp-large-play-button-bg" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00"/><path d="M 45,24 27,14 27,34" fill="#fff"/>
</svg>
<p class="textElement">Youtube</p>
</div>
<div class="checkboxCookiesContent">
<input name="checkbox_youtube" class="checkboxCookies"
id="checkedyoutube" type="checkbox">
<label class="checkboxCookiesLabel" for="checkedyoutube"></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btnContainer btnConfigCookies">
<a href="i/redac/politiquecookies" class="btnCookies lightVersion" type="button">En savoir plus</a>
<button class="btnCookies" id="getValidAllCookies_2" type="button">Tout accepter</button>
<button class="btnCookies hidden" id="getSaveCookies" type="button">Enregistrer</button>
</div>
</div>
</div>
<input type="hidden" id="notDisplayForUrl" data-url="/i/redac/legals,/mentions-legales,">
</div>
</div>
<div class="js_googleAnalytics_cookies" style="display: none" data-ga4="G-S6BH4JFPGF" data-ua=""></div>
<script language="JavaScript" type="text/javascript">
function googleAnalytics() {
let target = document.querySelector('.js_googleAnalytics_cookies');
if(target) {
let ua = target.getAttribute('data-ua');
let ga4 = target.getAttribute('data-ga4');
let code = null;
if (ga4) {
code = ga4;
} else if (ua) {
code = ua;
}
if(code) {
target.innerHTML = "<script async src=\"https://www.googletagmanager.com/gtag/js?id=" + code + "\"><\/script>";
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
dataLayer.push('js', new Date());
dataLayer.push('config', code);
}
}
}
</script>
<input type="hidden" class="js_googleTagManager_cookies" data-gtm="5P5GMS77">
<script>
function googleTagManager() {
let gtm = document.querySelector('.js_googleTagManager_cookies')?.getAttribute('data-gtm');
if (gtm) {
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-' + gtm)
}
}
</script>
<script>
function vimeo() {
let targets = document.querySelectorAll('.js_vimeo_cookies');
if(targets.length) {
targets.forEach((target) => {
let url = "https://player.vimeo.com/video/";
let autoplay = "?autoplay=1&muted=1&loop=1";
let attributeIframe = [
{
"key": "style",
"value": "width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden"
},
{
"key": "frameborder",
"value": "0"
},
{
"key": "allowfullscreen",
"value": true
}
];
let allow = "autoplay; muted; loop; fullscreen";
video(target, url, autoplay, allow, attributeIframe);
});
}
}
function youtube() {
let targets = document.querySelectorAll('.js_youtube_cookies');
if(targets.length) {
targets.forEach((target) => {
let dataUrl = target.getAttribute('data-url');
let url = "https://www.youtube-nocookie.com/embed/";
let autoplay = "?rel=0&autoplay=1&mute=1&loop=1&playlist="+dataUrl;
let attributeIframe = [
{
"key": "style",
"value": "width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;"
},
{
"key": "frameborder",
"value": "0"
},
{
"key": "allowfullscreen",
"value": true
}
];
let allow = "autoplay; muted";
video(target, url, autoplay, allow, attributeIframe);
});
}
}
function dailymotion() {
let targets = document.querySelectorAll('.js_dailymotion_cookies');
if(targets.length) {
targets.forEach((element) => {
let url = "https://www.dailymotion.com/embed/video/";
let autoplay = "?autoplay=1&muted=1&loop=1";
let attributeIframe = [
{
"key": "style",
"value": "width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;"
},
{
"key": "frameborder",
"value": "0"
},
{
"key": "type",
"value": "text/html"
},
{
"key": "width",
"value": "100%"
},
{
"key": "height",
"value": "100%"
},
{
"key": "allowfullscreen",
"value": true
}
];
let allow = "autoplay; muted";
video(element, url, autoplay, allow, attributeIframe);
});
}
}
function video(element, url, autoplay, allow, attributeIframe) {
element.innerHTML = "";
let count = 0;
let dataUrl = element.getAttribute('data-url');
let dataAutoplay = element.getAttribute('data-autoplay');
let dataAddParams = element.getAttribute('data-add-params');
let iframe = setAttribute(attributeIframe, "iframe");
let finalurl = url + dataUrl;
if (autoplay) {
count++;
finalurl = finalurl + autoplay;
}
if (dataAddParams) {
let sign = "?";
if(count > 0) {
sign = "&";
}
count++;
finalurl = finalurl + sign + dataAddParams;
}
iframe.setAttribute("src", finalurl);
if (dataAutoplay) {
iframe.setAttribute("allow", allow);
}
element.append(iframe);
}
function setAttribute(elements, balise) {
if(elements) {
let dom = document.createElement(balise);
for (let value of elements) {
dom.setAttribute(value.key, value.value);
}
return dom;
}
}
</script>
<script >
/* -------------------------------------------------------------------------- */
/* NEW COOKIES RGPD */
/* -------------------------------------------------------------------------- */
class cookiesRGPD {
constructor() {
this.cookiesContainer = document.querySelector('.cookiesv2Container');
if(this.cookiesContainer) {
this.cookiesStructure_1 = this.cookiesContainer.querySelector('.cookiesStructure_1');
this.cookiesStructure_2 = this.cookiesContainer.querySelector('.cookiesStructure_2');
this.listCookies = [];
this.desactivedCookiesList = false;
this.dataToSend = [];
this.whiteList = ["PHPSESSID", "cookies_hasVerifiedV2"];
this.widgetCall = [];
this.changeList = [];
this.listCheckbox = this.cookiesContainer.querySelectorAll('.checkboxCookies');
this.arrayOfUrl = this.cookiesContainer.querySelector('#notDisplayForUrl')?.getAttribute('data-url')?.split(',');
if(this.cookiesStructure_1 && this.cookiesStructure_2) {
this.animCookiesLoading();
}
}
}
animCookiesLoading() {
this.formatedListCookies();
let url = document.location.href.split('/');
let lengthUrl = url.length - 1;
this.initCookiesForced();
if(this.listCookies['cookies_hasVerifiedV2'] === undefined && !url[lengthUrl].includes(this.arrayOfUrl)) {
if(this.listCookies['cookies_widgetActivatedV2']) {
this.initCookiesHasVerified();
}
setTimeout(() => {
this.cookiesStructure_1.classList.add('active');
}, 2000);
} else {
this.initCookiesHasVerified();
}
this.initCookies();
this.displayPopin();
}
formatedListCookies() {
let cookies = this.getAllCookies();
for (const element of cookies) {
let item = element.split(';')[0].split('=');
this.listCookies[item[0]] = item[1];
}
}
initCookiesForced() {
this.listCheckbox.forEach((element) => {
if(element.checked) {
let name = element.getAttribute('name').split('_')[1];
this.callFunctionCookies(name, "cookies_" + name, true);
}
});
}
initCookiesHasVerified() {
const regex = new RegExp('^cookies_[a-zA-Z0-9]{0,}');
for(let cookies in this.listCookies) {
if(regex.test(cookies) && cookies !== "cookies_hasVerifiedV2" && cookies !== "cookies_widgetActivatedV2") {
this.initCookiesChecked(cookies);
this.callFunctionCookies(cookies.split('_')[1], null, true);
}
}
}
initCookies() {
this.animCookiesClickParams();
this.animCookiesClickReturn();
this.animCookiesClickValidAll();
this.accordeonCookies();
this.countCookiesChangeSave();
this.animCookiesClickSave();
this.animCookiesClickNoCookies();
}
displayPopin() {
document.querySelector('.js_openPopinCookie')?.addEventListener('click', (event) => {
this.cookiesStructure_1.classList.add('active');
this.cookiesStructure_2.classList.remove('active');
});
}
animCookiesClickParams() {
this.cookiesContainer.querySelector('#getParamsCookies')?.addEventListener('click', (event) => {
this.cookiesStructure_1.classList.remove('active');
setTimeout(() => {
this.cookiesStructure_2.classList.add('active');
},500);
});
}
animCookiesClickReturn() {
this.cookiesContainer.querySelector('#getReturnCookies')?.addEventListener('click', (event) => {
this.cookiesStructure_2.classList.remove('active');
setTimeout(() => {
this.cookiesStructure_1.classList.add('active');
},500);
});
}
animCookiesClickValidAll() {
this.cookiesContainer.querySelector('#getValidAllCookies')?.addEventListener('click', () => {
this.actionAnimCookiesClickValidAll();
});
this.cookiesContainer.querySelector('#getValidAllCookies_2')?.addEventListener('click', () => {
this.actionAnimCookiesClickValidAll();
});
}
animCookiesClickNoCookies() {
this.cookiesContainer.querySelector('#getCloseCookies')?.addEventListener('click', () => {
this.animCookiesClickNoCookiesAction();
});
this.cookiesContainer.querySelector('#getCloseCookies_2')?.addEventListener('click', () => {
this.animCookiesClickNoCookiesAction();
});
}
animCookiesClickSave() {
this.cookiesContainer.querySelector('#getSaveCookies')?.addEventListener('click', (event) => {
this.animCookiesClickSaveAction();
this.reinitChangeList();
});
}
countCookiesChangeSave() {
this.listCheckbox.forEach((elements) => {
let array = {
'value': false,
'count': 0
};
elements.addEventListener('change', (element) => {
array.value = element.currentTarget.checked;
array.count = array.count + 1;
this.changeList[element.currentTarget.id] = array;
this.changeActionCookiesSave();
});
});
}
getAllCookies() {
return document.cookie.split(' ');
}
initCookiesChecked(cookies) {
let cookieChecked = document.querySelector('#checked' + cookies.split('_')[1]);
if (cookieChecked !== null) {
cookieChecked.checked = true;
} else {
this.animCookiesClickSaveAction();
this.reinitChangeList();
}
}
actionAnimCookiesClickValidAll() {
this.dataToSend = [];
for(let item of this.listCheckbox) {
item.checked = true;
let name = item.getAttribute('name');
if(name) {
this.dataToSend[name] = true;
}
}
this.animCookiesClose(false, false);
}
accordeonCookies() {
let accordeons = this.cookiesContainer.querySelectorAll('.js_accordeonCookies');
if(accordeons.length) {
accordeons.forEach((accordeon) => {
accordeon.addEventListener('click', (element) => {
let parent = element.currentTarget.closest('.cookiesElement');
let sectionHide = parent.querySelector('.itemCheckboxCookieContainer');
let sectionHeigt = 0;
if(sectionHide && sectionHide.querySelector('.itemCheckboxCookieStructure')) {
sectionHeigt = sectionHide.querySelector('.itemCheckboxCookieStructure').clientHeight;
}
if(parent.classList.contains('active')) {
if(sectionHide) {
sectionHide.style.height = 0;
}
parent.classList.remove('active');
} else {
let cookiesActive = this.cookiesContainer.querySelector('.cookiesElement.active');
if(cookiesActive) {
let cookiesActiveItem = this.cookiesContainer.querySelector('.cookiesElement.active .itemCheckboxCookieContainer');
if(cookiesActiveItem) {
cookiesActiveItem.style.height = 0;
}
cookiesActive.classList.remove('active');
}
if(sectionHide) {
sectionHide.style.height = sectionHeigt + "px";
}
parent.classList.add('active');
}
});
});
}
}
changeActionCookiesSave() {
let count = 0;
let allAcceptedBtn = document.querySelector('#getValidAllCookies_2');
let savedBtn = document.querySelector('#getSaveCookies');
for (let [key,element] of Object.entries(this.changeList)) {
if(element.count%2 !== 0) {
count++;
}
}
if(allAcceptedBtn && savedBtn) {
if(count) {
this.displaySavedButton(allAcceptedBtn, savedBtn);
} else {
this.displayAcceptedButton(allAcceptedBtn, savedBtn);
}
}
}
displaySavedButton(allAcceptedBtn, savedBtn) {
allAcceptedBtn.classList.add('hidden');
savedBtn.classList.remove('hidden');
}
displayAcceptedButton(allAcceptedBtn, savedBtn) {
savedBtn.classList.add('hidden');
allAcceptedBtn.classList.remove('hidden');
}
setAllCheckboxAtThisTime() {
this.dataToSend = [];
for(let item of this.listCheckbox) {
let name = item.getAttribute('name');
if(name) {
this.dataToSend[name] = item.checked;
}
}
}
getActionDeleteOrAddCookies() {
for (let [key,element] of Object.entries(this.changeList)) {
if(element.count%2 !== 0 && !element.value) {
this.desactivedCookiesList = true;
break;
}
}
}
animCookiesClickSaveAction() {
this.animCookiesApplyCookies(true);
this.setAllCheckboxAtThisTime();
this.checkCheckboxCookies();
this.getActionDeleteOrAddCookies();
this.reloadLocationCookies(this.desactivedCookiesList);
}
checkCheckboxCookies() {
for(let data in this.dataToSend) {
let key = data.split('_')[1];
this.callFunctionCookies(key, "cookies_" + key, this.dataToSend[data]);
}
}
reinitChangeList() {
for (let [key,element] of Object.entries(this.changeList)) {
this.changeList[key].count = 0;
}
this.desactivedCookiesList = false;
}
animCookiesClickNoCookiesAction() {
this.dataToSend = [];
for(let item of this.listCheckbox) {
if (item.hasAttribute('disabled')) {
item.checked = true;
} else {
item.checked = false;
}
let name = item.getAttribute('name');
if(name) {
this.dataToSend[name] = item.checked;
}
}
this.animCookiesClose(true, true);
}
getArrayCookies() {
let listCookieNow = this.getAllCookies();
let newListCookieNow = [];
listCookieNow.forEach((element) => {
newListCookieNow.push(element.replace(';', ''));
});
return newListCookieNow;
}
cookiesHasVerifiedActived(reload) {
if(reload) {
let newListCookieNow = this.getArrayCookies();
if(newListCookieNow.includes('cookies_hasVerifiedV2=true') || newListCookieNow.includes('cookies_widgetActivatedV2=true')) {
location.reload();
}
}
}
animCookiesClose(reload, deleted) {
this.closeAllPopin();
this.animCookiesApplyCookies(deleted);
this.reloadLocationCookies(reload);
}
closeAllPopin() {
this.cookiesStructure_1.classList.remove('active');
this.cookiesStructure_2.classList.remove('active');
let allAcceptedBtn = document.querySelector('#getValidAllCookies_2');
let savedBtn = document.querySelector('#getSaveCookies');
if(allAcceptedBtn && savedBtn) {
this.displayAcceptedButton(allAcceptedBtn, savedBtn);
}
}
reloadLocationCookies(reload) {
this.cookiesHasVerifiedActived(reload);
this.closeAllPopin();
document.cookie = "cookies_hasVerifiedV2" + this.expiredCookie(true);
}
animCookiesApplyCookies(deleted) {
if(deleted) {
for(let cookie of this.getAllCookies()) {
let name = cookie.split('=')[0];
let nameFeature = name.split('_')[1];
if(!this.whiteList.includes(name)) {
let key = name.split('_')[1];
this.callFunctionCookies(key, name, this.dataToSend['checkbox_' + nameFeature]);
}
}
} else {
this.checkCheckboxCookies();
}
}
callFunctionCookies(key, cookieName = false, data = false) {
if(cookieName) {
document.cookie = cookieName + this.expiredCookie(data);
}
if(data && typeof window[key] === "function") {
if(!this.widgetCall.includes(key)) {
this.widgetCall.push(key);
window[key]();
}
}
}
calcDateExpiration(isNotExpired) {
let expiredDate = new Date();
let year = 2000;
let month = 1;
if(isNotExpired) {
year = expiredDate.getFullYear() + 1;
month = expiredDate.getMonth() + 1;
}
let dateUTC = new Date(Date.UTC(year, month, 1));
return dateUTC.toUTCString();
}
expiredCookie(data) {
return "=" + data + "; expires=" + this.calcDateExpiration(data) + "; path=/;"
}
}
window.addEventListener('load', () => {
let callCookies = new cookiesRGPD();
let target = document.getElementsByClassName("cookiesv2Container");
setTimeout(() => {
if(target && target[0]) {
target[0].style.display = "block";
}
}, 1000);
});
</script>
</div>
<div class="js-search-holder--vertical"></div>
<script defer src='js/vendors/vendors.min.js?v=0.0.1'></script>
<script defer src='js/main.min.js?v=0.0.1'></script>
<script>
(function () {
window.l10n = {
slimselect: {
searchText: 'Aucun résultat',
searchingText: 'Recherche',
searchPlaceholder: 'Rechercher',
placeholderText: 'Saisir une valeur',
},
search:{
searchBtnSwitchBase: 'Utilisez le moteur de recherche classique',
searchBtnSwitchIA: 'Utilisez le moteur de recherche IA'
},
formats: {
date: 'dd/mm/YYYY',
localString: 'fr'
}
};
window.appAsyncInit = function () {
var core = new APP.Levant({
baseUrl: 'https://www.arrago-immobilier-valras.com/',
currentUrl: '/',
section: 'index',
env: 'prod',
searchEngine: '',
model: 'levant',
BREAKPOINT_MENU_SWITCH: '900'
});
}
})();
</script>
<div class="modal search-filter-full" data-modal-id="search-filter-full">
<div class="modal__body">
<button class="button_default button_icon modal__close">
<span class="modal__close-label">Fermer</span>
<span class="modal__close-icon"><svg class="modal__close-drawing" width="9.679" height="9.679" viewbox="0 0 9.679 9.679">
<g transform="translate(-269.25 -5983.75)">
<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)" />
<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)" />
</g>
</svg></span>
</button>
<div class="loader_container"></div>
<div class="modal__container">
<div class="modal__scroller">
<form method="post"
action="/nos-biens/xdpezdofyyytkyf3/1"
class="form-search-filter list-annonces-form js-form-search-filter open"
id="js-main_popin"
data-form-name="form-main">
<div class="formLine__container">
<div class="formLine__structure">
<div class="line__container line1__container">
<div class="line__structure section0 canHidden">
<div class="form__field form-offredem__field" data-component-name="offredem">
<div class="formOffredem__container" data-search-component="offredem" data-search-field-type="radio">
<div class="form__structure">
<ul class="form__content">
<li class="list-elements__structure js_change_form_parent">
<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">
<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)"/>
</svg>
</span></span>
<ul class="elements__content">
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_0"
value="0" checked="checked" data-search-field="offredem"
data-search-id="offredem0"
data-search-label="De l'ancien"
>
<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">
<span class="radio__item-span"></span>
<span class="radio__item-text">De l'ancien</span>
</label>
</li>
</ul>
</li>
<li class="list-elements__structure js_change_form_parent">
<span data-init="louer" class="js_change_form_parent_active button-select__element">Louer <span class="button-select__element__text"></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">
<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)"/>
</svg>
</span></span>
<ul class="elements__content">
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_2"
value="2" data-search-field="offredem"
data-search-id="offredem2"
data-search-label="à l'année"
>
<label data-form="js-form-search-filter" class="js_change_form item-label" for="main_popin__offredem__0_2" data-search-label="à l'année" data-search-id="offredem2">
<span class="radio__item-span"></span>
<span class="radio__item-text">à l'année</span>
</label>
</li>
<li class="item-element">
<input class="radio__item" type="radio" name="offredem[]" id="main_popin__offredem__0_8"
value="8" data-search-field="offredem"
data-search-id="offredem8"
data-search-label="En saisonnier"
>
<label data-form="js-form-search-filter" class="js_change_form item-label" for="main_popin__offredem__0_8" data-search-label="En saisonnier" data-search-id="offredem8">
<span class="radio__item-span"></span>
<span class="radio__item-text">En saisonnier</span>
</label>
</li>
</ul>
</li>
<li class="list-elements__structure">
<button type="button" class="button-select__element js_change_form" data-remove="true" data-form="js_form_estimate">Estimer</button>
</li>
</ul>
</div>
<div class="link-email__content">
<a href="/alerte-email" class="link-email__element links-group__link button">
<span class="link-email__content-label">Créez votre alerte e-mail</span>
<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">
<g transform="translate(-4.25 -4.25)">
<path d="M13.007,12.75H5a.75.75,0,0,1,0-1.5h8.007a.75.75,0,1,1,0,1.5Z" transform="translate(0 -2.996)"/>
<path 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)"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="line__container line2__container">
<div class="line__structure section0 canHidden">
<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">
<div class="formSelect__structure">
<label class="label-element" for="main_popin__type__0">Type de bien</label>
<div class="formSelect__content">
<select multiple name="type[]" id="main_popin__type__0" class="select__input js-select-search" data-field="type[]">
<option value="2" data-text="Appartement" class="">
Appartement
</option>
<option value="1" data-text="Maison" class="">
Maison
</option>
<option value="50" data-text="viager appartement" class="">
viager appartement
</option>
</select>
</div>
</div>
</div>
</div>
<div class="form__field form-commerce__field" data-component-name="commerce"></div>
</div>
<div class="line__structure section1 canHidden">
<div class="form__field form-localisation__field" data-component-name="localisation"><div class="formSelect__container formSelect__container__localizator" data-search-component="localisation"
data-search-field-type="localizator">
<div class="formSelect__structure">
<div class="formSelect__content">
<div class="formSelect__localizator localizator" data-name="localisation[loc][]" tabindex="0"
data-source="i/javascript/localisationAllItems" data-filter-type="LocalizatorSearch"
data-field="localisation[loc][]">
<div class="localizator__summary">
<div class="localizator__values">
<div class="localizator__value localizator__value--count"></div>
<div class="localizator__hidden"></div>
</div>
</div>
<div class="localizator__content">
<div class="localizator__input textfield">
<input class="textfield__input" type="text" spellcheck="false"
placeholder="Localisation">
</div>
<div class="ss-add"><span class="ss-plus"></span></div>
<div class="localizator__search">
<div class="localizator__select">
<select class="js-select js-select--custom js-select--main" multiple="multiple">
</select>
</div>
</div>
<div class="localizator__values-container">
<div class="localizator__values">
</div>
<div class="localizator__extra">
<div class="radios">
<fieldset class="radios__fieldset">
<legend class="radios__legend">Dans un rayon de</legend>
<ul class="radios__group">
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="5"
id="main_popin__localisation__0_distance_5"
data-field="localisation[distance]"
data-search-label="autour de 5 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_5"><span class="check_radio_element"></span> 5 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="10"
id="main_popin__localisation__0_distance_10"
data-field="localisation[distance]"
data-search-label="autour de 10 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_10"><span class="check_radio_element"></span> 10 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="15"
id="main_popin__localisation__0_distance_15"
data-field="localisation[distance]"
data-search-label="autour de 15 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_15"><span class="check_radio_element"></span> 15 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="20"
id="main_popin__localisation__0_distance_20"
data-field="localisation[distance]"
data-search-label="autour de 20 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_20"><span class="check_radio_element"></span> 20 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="25"
id="main_popin__localisation__0_distance_25"
data-field="localisation[distance]"
data-search-label="autour de 25 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_25"><span class="check_radio_element"></span> 25 km</label>
</div>
</li>
<li class="radios__item">
<div class="radio">
<input
class="input_radio_element"
type="radio"
name="localisation[distance]"
value="30"
id="main_popin__localisation__0_distance_30"
data-field="localisation[distance]"
data-search-label="autour de 30 km"
/>
<label class="label_radio_element" for="main_popin__localisation__0_distance_30"><span class="check_radio_element"></span> 30 km</label>
</div>
</li>
</ul>
</fieldset>
</div>
</div>
</div>
</div>
<div class="localizator__plus"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line__container line3__container">
<div class="formBubble__container" data-search-component="bubble" data-search-field-type="bubble">
<div class="formBubble__structure">
<ul class="formBubble__content"></ul>
</div>
<button type="button" class="button-more__element js_button-more__element"></button>
</div> </div>
<div class="line__container line4__container">
<div class="line__structure section0 canHidden hidden">
<div class="form__field form-nbpieces__field" data-component-name="nbpieces"></div>
<div class="form__field form-nbvacanciers__field" data-component-name="nbvacanciers"></div>
</div>
<div class="line__structure section1 canHidden hidden">
<div class="form__field form-nbchambres__field" data-component-name="nbchambres"></div>
</div>
<div class="line__structure section2 canHidden hidden">
<div class="form__field form-nbsdb__field" data-component-name="nbsdb"></div>
</div>
<div class="line__structure section3 canHidden hidden">
<div class="form__field form-nbse__field" data-component-name="nbse"></div>
</div>
</div>
<div class="line__container line5__container">
<div class="line__structure section0 canHidden hidden">
<div class="form__field form-datelocsais__field" data-component-name="datelocsais"></div>
</div>
<div class="line__structure section1 canHidden">
<div class="form__field form-prices__field" data-component-name="prices">
<div class="formRange__container range" data-search-component="prices" data-search-field-type="range" data-min="76500"
data-max="449000" data-search-label="Budget">
<div class="formRange__structure">
<label for="main_popin__prices__0"
class="formRange__label">Budget </label>
<div class="range__input" tabindex="0" data-steps="" data-id="price">
<div class="formRange__content range__summary">
Budget
</div>
<div class="range__plus"></div>
<div class="range__content">
<div class="range__slider"></div>
<div class="range__preview">
<div class="range__highlight">
<span class="range__text">Mini</span>
<input name="prices[min]" type="number" value="76500" class="range__input range__input-min" data-field="prices[min]">
<input type="hidden" name="prices[rmin]" value="76500" class="range__input-rmin">
<span class="range__unit">€</span>
</div>
<div class="range__highlight">
<span class="range__text">Maxi</span>
<input name="prices[max]" type="number" value="449000" class="range__input range__input-max" data-field="prices[max]">
<input type="hidden" name="prices[rmax]" value="449000" class="range__input-rmax">
<span class="range__unit">€</span>
</div>
</div>
<div class="formRange__reset-content">
<button type="reset" class="button__reset-button">
<span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewbox="0 0 34.9 34.9">
<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 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 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 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"/>
</svg>
</span>
<span class="button__reset-label">Réinitialiser ce filtre</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form__field form-loyer__field" data-component-name="loyer"></div>
<div class="form__field form-loyersais__field" data-component-name="loyersais"></div>
</div>
<div class="line__structure section2 canHidden">
<div class="form__field form-surface__field" data-component-name="surface">
<div class="formRange__container range" data-search-component="surface" data-search-field-type="range" data-min="0"
data-max="146" data-search-label="Surface">
<div class="formRange__structure">
<label for="main_popin__surface__0"
class="formRange__label">Surface </label>
<div class="range__input" tabindex="0" data-steps="" data-id="price">
<div class="formRange__content range__summary">
Surface
</div>
<div class="range__plus"></div>
<div class="range__content">
<div class="range__slider"></div>
<div class="range__preview">
<div class="range__highlight">
<span class="range__text">Mini</span>
<input name="surface[min]" type="number" value="0" class="range__input range__input-min" data-field="surface[min]">
<input type="hidden" name="surface[rmin]" value="0" class="range__input-rmin">
<span class="range__unit">m²</span>
</div>
<div class="range__highlight">
<span class="range__text">Maxi</span>
<input name="surface[max]" type="number" value="146" class="range__input range__input-max" data-field="surface[max]">
<input type="hidden" name="surface[rmax]" value="146" class="range__input-rmax">
<span class="range__unit">m²</span>
</div>
</div>
<div class="formRange__reset-content">
<button type="reset" class="button__reset-button">
<span class="button__reset-svg"><svg class="reset__icon-svg" x="0px" y="0px" viewbox="0 0 34.9 34.9">
<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 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 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 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"/>
</svg>
</span>
<span class="button__reset-label">Réinitialiser ce filtre</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line__structure section3 canHidden hidden">
<div class="form__field form-surfaceterrain__field" data-component-name="surfaceterrain"></div>
</div>
</div>
<div class="line__container line6__container">
<div class="line__structure section0 canHidden hidden">
<div class="form__field form-datedispo__field" data-component-name="datedispo"></div>
</div>
<div class="line__structure section1 canHidden hidden">
<div class="form__field form-dispositifsfiscaux__field" data-component-name="dispositifsfiscaux"></div>
</div>
<div class="line__structure section2 canHidden hidden">
<div class="form__field form-secteuractivite__field" data-component-name="secteuractivite"></div>
</div>
</div>
<div class="line__container line7__container">
<div class="line__structure section0 canHidden">
<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">
<div class="formCheckbox__structure">
<p class="formCheckbox__label-checkbox">Particularites</p>
<div class="formCheckbox__content">
<ul class="formCheckbox__list-content">
<li class="list-element">
<input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_1"
value="1" data-search-field="particularites" data-search-label="Prestige">
<label class="checkbox-label" for="main_popin__particularites__0_1">
<span class="checkbox-span"></span>
<span class="checkbox-text">Prestige</span>
</label>
</li>
<li class="list-element">
<input class="checkbox-input" type="checkbox" name="particularites[]" id="main_popin__particularites__0_3"
value="3" data-search-field="particularites" data-search-label="Vue mer">
<label class="checkbox-label" for="main_popin__particularites__0_3">
<span class="checkbox-span"></span>
<span class="checkbox-text">Vue mer</span>
</label>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="line__structure section1 canHidden hidden">
<div class="form__field form-equipements__field" data-component-name="equipements"></div>
</div>
<div class="line__structure section2 canHidden hidden">
<div class="form__field form-exposition__field" data-component-name="exposition"></div>
</div>
</div>
<div class="line__container line8__container">
<div class="line__structure sectionParams">
<div class="line__title-element">
<p class="title-element">Afficher les biens</p>
</div>
</div>
<div class="line__structure section0 canHidden">
<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">
<div class="formSwitch__structure">
<div class="formSwitch__content">
<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">
<label class="checkbox-label" for="main_popin__visitevirtuelle__0_visitevirtuelle"><span class="switch-checkbox"></span> Uniquement avec visite virtuelle</label>
</div>
</div>
</div></div>
</div>
<div class="line__structure section1 canHidden hidden">
<div class="form__field form-internet__field" data-component-name="internet"></div>
</div>
<div class="line__structure section2 canHidden hidden">
<div class="form__field form-animauxaccepted__field" data-component-name="animauxaccepted"></div>
</div>
</div>
</div>
<div class="form-estimate__container js_form_estimate">
<div class="form-estimate__structure">
<p class="form-estimate__text"><span>Faites estimer votre bien par un professionnel</span></p>
<div class="form__field textfield form-estimate__input-content">
<input
type="text"
name="data[][adressebien]"
class="textfield__input"
id="f__adressebien"
placeholder="Saisir votre adresse "
data-label="champs texte"
>
</div>
<div class="links-group">
<div class="links-group__wrapper flex">
<a
href="/estimation?expand=estimation_pro_group#estimation-formulaires"
class="links-group__link form-estimate__button cta-primary"
target=""
title="Estimer votre bien "
>
<span class="">Estimer votre bien</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="formSubmit__container">
<div class="formSubmit__structure">
<button class="js_submit_main_form button-submit__item link-email__element links-group__link button" type="button">
<span class="submit__icon"><svg class="" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 150 150">
<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"/>
</svg>
</span>
<span class="submit__label js_ajax_counter">Voir les <span>14</span> annonces</span>
</button>
<button class="button-reset__item js_reset_global_form" type="button">
<span class="button-reset__item-icon"><svg class="button-reset__item-icon-svg" x="0px" y="0px" viewbox="0 0 34.9 34.9">
<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 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 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 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"/>
</svg>
</span>
<span class="submit__content">Réinitialiser</span>
</button>
</div>
</div>
<input type="hidden" id="allow_fields_form_full" name="allow_fields" value="offredem,type,localisation,prices,surface,visitevirtuelle,particularites,reference">
</form>
<div class="formReference__container">
<div class="formReference__structure">
<label class="label__item">Rechercher par référence</label>
<form class="formReference__content" action="/nos-biens/xdpezdofyyytkyf3/1" method="GET">
<div class="form__content">
<input class="input__item" type="text" name="reference" id="reference" required placeholder="Saisir la référence / N° de dossier">
<input type="hidden" name="allow_fields" value="reference">
</div>
<button class="button_item" type="submit">OK</button>
</form>
</div>
</div> <button class="modal__focus-trap"></button>
</div>
</div>
</div>
<div class="modal__background"></div>
</div>
<style>
input[type="date" i]::-webkit-calendar-picker-indicator{
display:none
}
input::-webkit-date-and-time-value {
text-align: left;
}
</style>
<script src="https://www.google.com/recaptcha/api.js?render=6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU"></script>
<style>.grecaptcha-badge { visibility: hidden;}</style>
<script>
grecaptcha.ready(function() {
grecaptcha.execute("6LcPSwcjAAAAALqRxz1OmV3XskwQrdJBMbyDDSJU", {action: ""}).then(function(token) {});
});</script>
</body>
</html>