{# {% import "./macros_typography.html.twig" as macrosTypography %}{% import "./macros_button.html.twig" as macrosButton %}<section class="offers-section text-blue py-14 container js-filters"> <div class="grid grid-cols-2 gap-8 justify-between"> <div class="left"> <div class="h3"> Viewing 24 of 176 offers in Geneva </div> <div class="grid grid-cols-3 gap-2 mt-8"> <custom-select placeholder="Type of property" :multiple="true" :close-on-select="false" :options="[ 'All', 'Apartment', 'House', 'Parking', 'Commercial spaces', 'Land', 'Building', 'Holiday accommodation', ]"> </custom-select> <custom-select placeholder="Location" :searchable="true" :multiple="true" :close-on-select="false" :options="[ '1025 - St-Sulpice VD', '1422 - Grandson', '0000 - Atoll de Noonu', '1070 - Puidoux', '1803 - Chardonne', '1814 - La Tour-de-Peilz', '3960 - Corin-de-la-Crête', '1055 - Froideville', ]"> </custom-select> <custom-select placeholder="Price" :searchable="true" :options="[ '100`000.-', '300`000.-', '500`000.-', '750`000.-', '1`000`000.-', '1`500`000.-', '2`000`000.-', '3`000`000.-', '4`000`000.-', '5`000`000.-', ]"> </custom-select> <button class="flex items-center justify-center bg-gray col-start-1 col-end-3 h-14"> <span class="opacity-50 text-blue text-sm">Show more filters</span> </button> {{macrosButton.primaryBtn({ 'type': 'button', 'href': '', 'class': '!h-14', 'text': 'Apply', }) }} </div> <div class="flex justify-between items-center mt-10"> <input-checkbox name="only_new_projects"> Only new projects </input-checkbox> <div class="flex items-center"> <p class="opacity-30 mr-2.5"> Sort by: </p> <div class="min-w-[220px]"> <custom-select-rounded placeholder="Default" :hide-selected="true" :options="[ 'Default', 'Newest', 'Price: low to high', 'Price: high to low', 'Surface: low to high', 'Surface: high to low', ]"> </custom-select-rounded> </div> </div> </div> <div class="grid grid-cols-2 border-t border-gray mt-7 divide-x divide-y divide-gray"> <offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/hero.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item> <offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/service-slide-1.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/service-slide-6.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item> <offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/slide-3.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item> <offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/service-slide-4.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item> <offer-item name="Villas Coya - High Standing In Conches" img="./assets/oaks-lane/home/service-slide-5.webp" location="Chêne-Bougeries" area="124" rooms="16" price="CHF 1'640'000.-" link="/offer-single"> </offer-item> </div> </div> <div class="sticky top-12 bottom-12 "> <div id="map"></div> </div> </div></section> #}{# <section class="offers-section text-blue py-14 container js-filters"> <div class="grid md:grid-cols-2 gap-8 justify-between"> <div class="right md:order-last" data-pin-track> <div class="h-[calc(100vh-120px)] flex" data-pin> <!-- We can't use sticky or fixed position with smooth scroll :( --> <map-with-popup class="flex-grow flex" :markers="mapResults" map-element-class="bg-neutral-200 w-full md:h-auto md:flex-grow" markers-dir="{{asset('frontend/images/map/')}}" :show-zoom="true" :map-options="{maxZoom: 16}" :initial-bounds="boundsObject" :disable-auto-fit="filters.bounds != null" @boundschange="handleBoundsChange" :spiderify="true" ></map-with-popup> </div> </div> <div class="left"> {{ render(controller('App\\Controller\\HomeController::propertyFiltersForm')) }} <div v-html="cardsHtml" ref="cards"></div> </div> </div></section> #}<section class="offers-section text-blue py-14 container js-filters"><div class="grid md:grid-cols-2 gap-8 justify-between"><div data-pin-track="" class="right md:order-last"><div class="pin-spacer" style="order: 0; place-self: auto; grid-area: auto / auto / auto / auto; z-index: auto; float: none; flex-shrink: 1; display: flex; margin: 0px; inset: auto; position: relative; flex-basis: auto; overflow: visible; box-sizing: border-box; width: 656px; height: 3483px; padding: 0px 0px 2818px;"><div data-pin="" class="h-[calc(100vh-120px)] flex" style="translate: none; rotate: none; scale: none; inset: 0px auto auto 0px; margin: 0px; max-width: 656px; width: 656px; max-height: 665px; height: 665px; padding: 0px; transform: translate(0px, 0px);"><div class="relative flex-grow flex"><div class="custom-google-map bg-neutral-200 w-full md:h-auto md:flex-grow" style="position: relative; overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);"><div class="gm-style" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;"><div><button draggable="false" aria-label="Raccourcis clavier" title="Raccourcis clavier" type="button" style="background: none transparent; display: block; border: none; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: absolute; cursor: pointer; user-select: none; z-index: 1000002; outline-offset: 3px; right: 0px; bottom: 0px; transform: translateX(100%);"></button></div><div tabindex="0" aria-label="Carte" aria-roledescription="carte" role="region" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; touch-action: pan-x pan-y;" aria-describedby="A0BECCCA-0182-406C-95D0-FE9095DCE5F7"><div style="z-index: 1; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(0px, 0px);"><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; z-index: 992; transform: matrix(1, 0, 0, 1, -27, -154);"><div style="position: absolute; left: 256px; top: 512px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 0px; top: 512px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -256px; top: 512px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -512px; top: 512px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -512px; top: 256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -512px; top: 0px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -512px; top: -256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 0px; top: 256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -256px; top: 256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -256px; top: 0px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 256px; top: 0px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 256px; top: 256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: -256px; top: -256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 0px; top: -256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div><div style="position: absolute; left: 256px; top: -256px; width: 256px; height: 256px;"><div style="width: 256px; height: 256px;"></div></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div style="position: absolute; z-index: 992; transform: matrix(1, 0, 0, 1, -27, -154);"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 0px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 0px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: -256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: -256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: -512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: -512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: -256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: -512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 0px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -512px; top: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -512px; top: 0px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -512px; top: -256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -512px; top: -512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: 512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 512px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -512px; top: 512px;"></div></div></div><div style="width: 40px; height: 40px; overflow: hidden; position: absolute; left: -64px; top: -135px; z-index: -95;"><img alt="" src="/frontend/images/map//map-pin.svg" draggable="false" style="position: absolute; left: 0px; top: 0px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 40px; height: 40px;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; z-index: 992; transform: matrix(1, 0, 0, 1, -27, -154);"><div style="position: absolute; left: 0px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i133!3i91!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=4502" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -256px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i132!3i91!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=126798" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -256px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i132!3i90!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=35221" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i133!3i90!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=43996" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 256px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i134!3i90!4i256!2m3!1e0!2sm!3i629366554!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=50595" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 256px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i134!3i91!4i256!2m3!1e0!2sm!3i629366554!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=11101" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 256px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i134!3i92!4i256!2m3!1e0!2sm!3i629366554!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=102678" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 0px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i133!3i92!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=96079" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -256px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i132!3i92!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=87304" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -512px; top: 512px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i131!3i92!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=78529" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -512px; top: 256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i131!3i91!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=118023" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -512px; top: 0px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i131!3i90!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=26446" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -512px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i131!3i89!4i256!2m3!1e0!2sm!3i629366470!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=30128" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: -256px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i132!3i89!4i256!2m3!1e0!2sm!3i629366530!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=72299" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 0px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i133!3i89!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=78898" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div><div style="position: absolute; left: 256px; top: -256px; width: 256px; height: 256px; transition: opacity 200ms linear 0s;"><img draggable="false" alt="" role="presentation" src="https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i8!2i134!3i89!4i256!2m3!1e0!2sm!3i629366542!3m17!2sfr-FR!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmap!12m3!1e37!2m1!1ssmartmaps!12m4!1e26!2m2!1sstyles!2zcy5lOmd8cC5jOiMwYzEyMzYscy5lOmwuaXxwLnY6b2ZmLHMuZTpsLnQuZnxwLmM6Izc1NzU3NSxzLmU6bC50LnN8cC5jOiMyMTIxMjEscy50OjE3fHMuZTpsLnQuZnxwLmM6IzllOWU5ZSxzLnQ6MjF8cC52Om9mZixzLnQ6MTl8cy5lOmwudC5mfHAuYzojNzg3ODhjLHMudDoyfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6M3xzLmU6Zy5mfHAuYzojM2Y0MzY2LHMudDozfHMuZTpsLnQuZnxwLmM6Izc4Nzg4YyxzLnQ6NDl8cy5lOmd8cC5jOiM1MDVhNjQscy50OjZ8cy5lOmd8cC5jOiM1MTU2NzQscy50OjZ8cy5lOmwudC5mfHAuYzojM2QzZDNk!4e0!23i1379903&key=AIzaSyCQKLfv1JVr6mxbSALl2jlu3bbpLVd4Wo4&token=87673" style="width: 256px; height: 256px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div></div></div><div style="z-index: 3; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; touch-action: pan-x pan-y;"><div style="z-index: 4; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(0px, 0px);"><div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"><span id="E1D58C33-C71B-4E3F-9763-944F09379685" style="display: none;">Pour naviguer, appuyez sur les touches fléchées.</span><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-1" title="" style="z-index: 1000001; top: 65px; left: -49px; width: 58px; height: 58px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:58px" tabindex="0"> <span aria-hidden="true">17</span></div></div><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-0" title="" style="z-index: 1000001; top: -4px; left: -36px; width: 42px; height: 42px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:42px" tabindex="0"> <span aria-hidden="true">8</span></div></div><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-1" title="" style="z-index: 1000001; top: 11px; left: 24px; width: 58px; height: 58px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:58px" tabindex="0"> <span aria-hidden="true">30</span></div></div><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-0" title="" style="z-index: 1000001; top: -116px; left: 170px; width: 42px; height: 42px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:42px" tabindex="0"> <span aria-hidden="true">2</span></div></div><div style="display: none;"></div><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-0" title="" style="z-index: 1000001; top: 24px; left: -207px; width: 42px; height: 42px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:42px" tabindex="0"> <span aria-hidden="true">2</span></div></div><div class="rounded-full border border-2 border-white bg-blue text-white grid place-items-center custom-label-tighter shadow-[0_-2px_5px_rgb(255,255,255,.2)] cluster-0" title="" style="z-index: 1000001; top: -35px; left: -119px; width: 42px; height: 42px; cursor: pointer; position: absolute; user-select: none;"><div aria-label="" style="position:absolute;text-align:center;width:42px" tabindex="0"> <span aria-hidden="true">2</span></div></div><div title="" role="button" style="width: 40px; height: 40px; overflow: hidden; position: absolute; cursor: pointer; touch-action: none; left: -64px; top: -135px; z-index: -95;" tabindex="0" aria-describedby="E1D58C33-C71B-4E3F-9763-944F09379685"><img alt="" src="https://maps.gstatic.com/mapfiles/transparent.png" draggable="false" style="width: 40px; height: 40px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div></div></div><div class="gm-style-moc" style="z-index: 4; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; opacity: 0; transition-duration: 0.8s;"><p class="gm-style-mot">Vous pouvez zoomer sur la carte à l'aide de CTRL+Molette de défilement</p></div><div class="LGLeeN-keyboard-shortcuts-view" id="A0BECCCA-0182-406C-95D0-FE9095DCE5F7" style="display: none;"><table><tbody><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Flèche vers la gauche">←</kbd></td><td aria-label="Déplacement vers la gauche.">Déplacement vers la gauche</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Flèche vers la droite">→</kbd></td><td aria-label="Déplacement vers la droite.">Déplacement vers la droite</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Flèche vers le haut">↑</kbd></td><td aria-label="Déplacement vers le haut.">Déplacement vers le haut</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key" aria-label="Flèche vers le bas">↓</kbd></td><td aria-label="Déplacement vers le bas.">Déplacement vers le bas</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">+</kbd></td><td aria-label="Zoom avant.">Zoom avant</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">-</kbd></td><td aria-label="Zoom arrière.">Zoom arrière</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Accueil</kbd></td><td aria-label="Déplacement de 75 % vers la gauche.">Déplacement de 75 % vers la gauche</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Fin</kbd></td><td aria-label="Déplacement de 75 % vers la droite.">Déplacement de 75 % vers la droite</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Page précédente</kbd></td><td aria-label="Déplacement de 75 % vers le haut.">Déplacement de 75 % vers le haut</td></tr><tr><td style="text-align: right;"><kbd class="VdnQmO-keyboard-shortcuts-view--shortcut-key">Page suivante</kbd></td><td aria-label="Déplacement de 75 % vers le bas.">Déplacement de 75 % vers le bas</td></tr></tbody></table></div></div><iframe aria-hidden="true" frameborder="0" tabindex="-1" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: none;"></iframe><div style="pointer-events: none; width: 100%; height: 100%; box-sizing: border-box; position: absolute; z-index: 1000002; opacity: 0; border: 2px solid rgb(26, 115, 232);"></div><div></div><div></div><div></div><div></div><div><button draggable="false" aria-label="Passer en plein écran" title="Passer en plein écran" type="button" aria-pressed="false" class="gm-control-active gm-fullscreen-control" style="background: none rgb(255, 255, 255); border: 0px; margin: 10px; padding: 0px; text-transform: none; appearance: none; position: absolute; cursor: pointer; user-select: none; border-radius: 2px; height: 40px; width: 40px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; overflow: hidden; display: none; top: 0px; right: 0px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E" alt="" style="height: 18px; width: 18px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E" alt="" style="height: 18px; width: 18px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%200v6h2V2h4V0H0zm16%200h-4v2h4v4h2V0h-2zm0%2016h-4v2h6v-6h-2v4zM2%2012H0v6h6v-2H2v-4z%22/%3E%3C/svg%3E" alt="" style="height: 18px; width: 18px;"></button></div><div></div><div></div><div></div><div></div><div></div><div><div style="margin: 0px 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a target="_blank" rel="noopener" title="Ouvrir cette zone dans Google Maps (dans une nouvelle fenêtre)" aria-label="Ouvrir cette zone dans Google Maps (dans une nouvelle fenêtre)" href="https://maps.google.com/maps?ll=46.459671,7.181933&z=8&t=m&hl=fr-FR&gl=US&mapclient=apiv3" style="display: inline;"><div style="width: 66px; height: 26px;"><img alt="Google" src="data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069%2029%22%3E%3Cg%20opacity%3D%22.3%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.4706%207.33616L18.0118%206.79504%2017.4599%206.26493C16.0963%204.95519%2014.2582%203.94522%2011.7008%203.94522c-4.613699999999999%200-8.50262%203.7551699999999997-8.50262%208.395779999999998C3.19818%2016.9817%207.0871%2020.7368%2011.7008%2020.7368%2014.1712%2020.7368%2016.0773%2019.918%2017.574%2018.3689%2019.1435%2016.796%2019.5956%2014.6326%2019.5956%2012.957%2019.5956%2012.4338%2019.5516%2011.9316%2019.4661%2011.5041L19.3455%2010.9012H10.9508V14.4954H15.7809C15.6085%2015.092%2015.3488%2015.524%2015.0318%2015.8415%2014.403%2016.4629%2013.4495%2017.1509%2011.7008%2017.1509%209.04835%2017.1509%206.96482%2015.0197%206.96482%2012.341%206.96482%209.66239%209.04835%207.53119%2011.7008%207.53119%2013.137%207.53119%2014.176%208.09189%2014.9578%208.82348L15.4876%209.31922%2016.0006%208.80619%2017.4706%207.33616z%22/%3E%3Cpath%20d%3D%22M24.8656%2020.7286C27.9546%2020.7286%2030.4692%2018.3094%2030.4692%2015.0594%2030.4692%2011.7913%2027.953%209.39009%2024.8656%209.39009%2021.7783%209.39009%2019.2621%2011.7913%2019.2621%2015.0594c0%203.25%202.514499999999998%205.6692%205.6035%205.6692zM24.8656%2012.8282C25.8796%2012.8282%2026.8422%2013.6652%2026.8422%2015.0594%2026.8422%2016.4399%2025.8769%2017.2905%2024.8656%2017.2905%2023.8557%2017.2905%2022.8891%2016.4331%2022.8891%2015.0594%2022.8891%2013.672%2023.853%2012.8282%2024.8656%2012.8282z%22/%3E%3Cpath%20d%3D%22M35.7511%2017.2905v0H35.7469C34.737%2017.2905%2033.7703%2016.4331%2033.7703%2015.0594%2033.7703%2013.672%2034.7343%2012.8282%2035.7469%2012.8282%2036.7608%2012.8282%2037.7234%2013.6652%2037.7234%2015.0594%2037.7234%2016.4439%2036.7554%2017.2961%2035.7511%2017.2905zM35.7387%2020.7286C38.8277%2020.7286%2041.3422%2018.3094%2041.3422%2015.0594%2041.3422%2011.7913%2038.826%209.39009%2035.7387%209.39009%2032.6513%209.39009%2030.1351%2011.7913%2030.1351%2015.0594%2030.1351%2018.3102%2032.6587%2020.7286%2035.7387%2020.7286z%22/%3E%3Cpath%20d%3D%22M51.953%2010.4357V9.68573H48.3999V9.80826C47.8499%209.54648%2047.1977%209.38187%2046.4808%209.38187%2043.5971%209.38187%2041.0168%2011.8998%2041.0168%2015.0758%2041.0168%2017.2027%2042.1808%2019.0237%2043.8201%2019.9895L43.7543%2020.0168%2041.8737%2020.797%2041.1808%2021.0844%2041.4684%2021.7772C42.0912%2023.2776%2043.746%2025.1469%2046.5219%2025.1469%2047.9324%2025.1469%2049.3089%2024.7324%2050.3359%2023.7376%2051.3691%2022.7367%2051.953%2021.2411%2051.953%2019.2723v-8.8366zm-7.2194%209.9844L44.7334%2020.4196C45.2886%2020.6201%2045.878%2020.7286%2046.4808%2020.7286%2047.1616%2020.7286%2047.7866%2020.5819%2048.3218%2020.3395%2048.2342%2020.7286%2048.0801%2021.0105%2047.8966%2021.2077%2047.6154%2021.5099%2047.1764%2021.7088%2046.5219%2021.7088%2045.61%2021.7088%2045.0018%2021.0612%2044.7336%2020.4201zM46.6697%2012.8282C47.6419%2012.8282%2048.5477%2013.6765%2048.5477%2015.084%2048.5477%2016.4636%2047.6521%2017.2987%2046.6697%2017.2987%2045.6269%2017.2987%2044.6767%2016.4249%2044.6767%2015.084%2044.6767%2013.7086%2045.6362%2012.8282%2046.6697%2012.8282zM55.7387%205.22081v-.75H52.0788V20.4412H55.7387V5.22081z%22/%3E%3Cpath%20d%3D%22M63.9128%2016.0614L63.2945%2015.6492%2062.8766%2016.2637C62.4204%2016.9346%2061.8664%2017.3069%2061.0741%2017.3069%2060.6435%2017.3069%2060.3146%2017.2088%2060.0544%2017.0447%2059.9844%2017.0006%2059.9161%2016.9496%2059.8498%2016.8911L65.5497%2014.5286%2066.2322%2014.2456%2065.9596%2013.5589%2065.7406%2013.0075C65.2878%2011.8%2063.8507%209.39832%2060.8278%209.39832%2057.8445%209.39832%2055.5034%2011.7619%2055.5034%2015.0676%2055.5034%2018.2151%2057.8256%2020.7369%2061.0659%2020.7369%2063.6702%2020.7369%2065.177%2019.1378%2065.7942%2018.2213L66.2152%2017.5963%2065.5882%2017.1783%2063.9128%2016.0614zM61.3461%2012.8511L59.4108%2013.6526C59.7903%2013.0783%2060.4215%2012.7954%2060.9017%2012.7954%2061.067%2012.7954%2061.2153%2012.8161%2061.3461%2012.8511z%22/%3E%3C/g%3E%3Cpath%20d%3D%22M11.7008%2019.9868C7.48776%2019.9868%203.94818%2016.554%203.94818%2012.341%203.94818%208.12803%207.48776%204.69522%2011.7008%204.69522%2014.0331%204.69522%2015.692%205.60681%2016.9403%206.80583L15.4703%208.27586C14.5751%207.43819%2013.3597%206.78119%2011.7008%206.78119%208.62108%206.78119%206.21482%209.26135%206.21482%2012.341%206.21482%2015.4207%208.62108%2017.9009%2011.7008%2017.9009%2013.6964%2017.9009%2014.8297%2017.0961%2015.5606%2016.3734%2016.1601%2015.7738%2016.5461%2014.9197%2016.6939%2013.7454h-4.9931V11.6512h7.0298C18.8045%2012.0207%2018.8456%2012.4724%2018.8456%2012.957%2018.8456%2014.5255%2018.4186%2016.4637%2017.0389%2017.8434%2015.692%2019.2395%2013.9838%2019.9868%2011.7008%2019.9868zM29.7192%2015.0594C29.7192%2017.8927%2027.5429%2019.9786%2024.8656%2019.9786%2022.1884%2019.9786%2020.0121%2017.8927%2020.0121%2015.0594%2020.0121%2012.2096%2022.1884%2010.1401%2024.8656%2010.1401%2027.5429%2010.1401%2029.7192%2012.2096%2029.7192%2015.0594zM27.5922%2015.0594C27.5922%2013.2855%2026.3274%2012.0782%2024.8656%2012.0782S22.1391%2013.2937%2022.1391%2015.0594C22.1391%2016.8086%2023.4038%2018.0405%2024.8656%2018.0405S27.5922%2016.8168%2027.5922%2015.0594zM40.5922%2015.0594C40.5922%2017.8927%2038.4159%2019.9786%2035.7387%2019.9786%2033.0696%2019.9786%2030.8851%2017.8927%2030.8851%2015.0594%2030.8851%2012.2096%2033.0614%2010.1401%2035.7387%2010.1401%2038.4159%2010.1401%2040.5922%2012.2096%2040.5922%2015.0594zM38.4734%2015.0594C38.4734%2013.2855%2037.2087%2012.0782%2035.7469%2012.0782%2034.2851%2012.0782%2033.0203%2013.2937%2033.0203%2015.0594%2033.0203%2016.8086%2034.2851%2018.0405%2035.7469%2018.0405%2037.2087%2018.0487%2038.4734%2016.8168%2038.4734%2015.0594zM51.203%2010.4357v8.8366C51.203%2022.9105%2049.0595%2024.3969%2046.5219%2024.3969%2044.132%2024.3969%2042.7031%2022.7955%2042.161%2021.4897L44.0417%2020.7095C44.3784%2021.5143%2045.1997%2022.4588%2046.5219%2022.4588%2048.1479%2022.4588%2049.1499%2021.4487%2049.1499%2019.568V18.8617H49.0759C48.5914%2019.4612%2047.6552%2019.9786%2046.4808%2019.9786%2044.0171%2019.9786%2041.7668%2017.8352%2041.7668%2015.0758%2041.7668%2012.3%2044.0253%2010.1319%2046.4808%2010.1319%2047.6552%2010.1319%2048.5914%2010.6575%2049.0759%2011.2323H49.1499V10.4357H51.203zM49.2977%2015.084C49.2977%2013.3512%2048.1397%2012.0782%2046.6697%2012.0782%2045.175%2012.0782%2043.9267%2013.3429%2043.9267%2015.084%2043.9267%2016.8004%2045.175%2018.0487%2046.6697%2018.0487%2048.1397%2018.0487%2049.2977%2016.8004%2049.2977%2015.084zM54.9887%205.22081V19.6912H52.8288V5.22081H54.9887zM63.4968%2016.6854L65.1722%2017.8023C64.6301%2018.6072%2063.3244%2019.9869%2061.0659%2019.9869%2058.2655%2019.9869%2056.2534%2017.827%2056.2534%2015.0676%2056.2534%2012.1439%2058.2901%2010.1483%2060.8278%2010.1483%2063.3818%2010.1483%2064.6301%2012.1768%2065.0408%2013.2773L65.2625%2013.8357%2058.6843%2016.5623C59.1853%2017.5478%2059.9737%2018.0569%2061.0741%2018.0569%2062.1746%2018.0569%2062.9384%2017.5067%2063.4968%2016.6854zM58.3312%2014.9115L62.7331%2013.0884C62.4867%2012.4724%2061.764%2012.0454%2060.9017%2012.0454%2059.8012%2012.0454%2058.2737%2013.0145%2058.3312%2014.9115z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; user-select: none; border: 0px; padding: 0px; margin: 0px;"></div></a></div></div><div></div><div><div style="display: inline-flex; position: absolute; right: 0px; bottom: 0px;"><div class="gmnoprint" style="z-index: 1000001;"><div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><button draggable="false" aria-label="Raccourcis clavier" title="Raccourcis clavier" type="button" style="background: none; display: inline-block; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; color: rgb(0, 0, 0); font-family: inherit; line-height: inherit;">Raccourcis clavier</button></div></div></div><div class="gmnoprint" style="z-index: 1000001;"><div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><button draggable="false" aria-label="Données cartographiques" title="Données cartographiques" type="button" style="background: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; color: rgb(0, 0, 0); font-family: inherit; line-height: inherit; display: none;">Données cartographiques</button><span style="">Données cartographiques ©2023 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional</span></div></div></div><div class="gmnoscreen"><div style="font-family: Roboto, Arial, sans-serif; font-size: 11px; color: rgb(0, 0, 0); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Données cartographiques ©2023 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional</div></div><button draggable="false" aria-label="Échelle de la carte : 20 km pour 46 pixels" title="Échelle de la carte : 20 km pour 46 pixels" type="button" class="gm-style-cc" aria-describedby="E54759B3-E027-48C7-9EC0-2D0EB2A97254" style="background: none; display: none; border: 0px; margin: 0px; padding: 0px; text-transform: none; appearance: none; position: relative; cursor: pointer; user-select: none; height: 14px; line-height: 14px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><span>20 km </span><div style="position: relative; display: inline-block; height: 8px; bottom: -1px; width: 50px;"><div style="width: 100%; height: 4px; position: absolute; left: 0px; top: 0px;"></div><div style="width: 4px; height: 8px; left: 0px; top: 0px; background-color: rgb(255, 255, 255);"></div><div style="width: 4px; height: 8px; position: absolute; background-color: rgb(255, 255, 255); right: 0px; bottom: 0px;"></div><div style="position: absolute; background-color: rgb(102, 102, 102); height: 2px; left: 1px; bottom: 1px; right: 1px;"></div><div style="position: absolute; width: 2px; height: 6px; left: 1px; top: 1px; background-color: rgb(102, 102, 102);"></div><div style="width: 2px; height: 6px; position: absolute; background-color: rgb(102, 102, 102); bottom: 1px; right: 1px;"></div></div></div><span id="E54759B3-E027-48C7-9EC0-2D0EB2A97254" style="display: none;">Cliquez pour basculer entre les unités métriques et impériales</span></button><div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; user-select: none; position: relative; height: 14px; line-height: 14px;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a href="https://www.google.com/intl/fr-FR_US/help/terms_maps.html" target="_blank" rel="noopener" style="text-decoration: none; cursor: pointer; color: rgb(0, 0, 0);">Conditions d'utilisation</a></div></div><div draggable="false" class="gm-style-cc" style="user-select: none; position: relative; height: 14px; line-height: 14px; display: none;"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a target="_blank" rel="noopener" title="Signaler à Google une erreur dans la carte routière ou les images" dir="ltr" href="https://www.google.com/maps/@46.4596714,7.1819334,8z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto, Arial, sans-serif; font-size: 10px; color: rgb(0, 0, 0); text-decoration: none; position: relative;">Signaler une erreur cartographique</a></div></div></div></div></div></div></div> <div class="overflow-hidden" style="display: none;"><div class="max-w-[19rem] -m-8"><!----></div></div> <div class=" absolute right-4 bottom-4 pointer-events-none bg-white rounded overflow-hidden "><button aria-label="Zoom in" class=" w-8 aspect-squar bg-white pointer-events-auto text-blue grid place-items-center border-b border-blue text-[1.5rem] "> + </button> <button aria-label="Zoom out" class=" w-8 aspect-square bg-white pointer-events-auto text-blue grid place-items-center text-[1.5rem] "> - </button></div></div></div></div></div> <div class="left"><svg class="hidden"><defs><g id="features-24x24"><symbol id="features--balcony" fill="none" viewBox="0 0 24 24"><path d="M6.328 3.954h11.34v9.054h.504V3.702a.246.246 0 0 0-.252-.252H6.076a.246.246 0 0 0-.252.252v9.306h.504V3.954Z" fill="currentcolor"></path> <path d="M16.893 13.026V4.98a.246.246 0 0 0-.251-.252H7.353a.246.246 0 0 0-.251.252v8.028h.504V5.25h4.121v7.776h.505V5.25h4.121v7.776h.54Z" fill="currentcolor"></path> <path d="M8.887 6.096c.108-.109.108-.27 0-.36-.109-.109-.27-.109-.36 0l-.415.414c-.108.108-.108.27 0 .36a.23.23 0 0 0 .18.072.233.233 0 0 0 .18-.072l.415-.414ZM8.617 7.68a.233.233 0 0 0 .18-.072L9.985 6.42c.108-.108.108-.27 0-.36-.108-.09-.27-.108-.36 0L8.437 7.248c-.109.108-.109.27 0 .36a.26.26 0 0 0 .18.072ZM19.83 20.046h-.81V14.34h.81a.246.246 0 0 0 .251-.252.246.246 0 0 0-.251-.252H4.17a.246.246 0 0 0-.252.252c0 .144.108.252.252.252h.81v5.706h-.81a.246.246 0 0 0-.252.251c0 .145.108.252.252.252h15.66a.246.246 0 0 0 .251-.252.246.246 0 0 0-.251-.251Zm-1.314 0h-1.422V14.34h1.421v5.706ZM9.353 14.34h1.422v5.706H9.354V14.34Zm-.504 5.706H7.428V14.34H8.85v5.706Zm2.448-5.706h1.422v5.706h-1.422V14.34Zm1.926 0h1.422v5.706h-1.422V14.34Zm1.926 0h1.421v5.706H15.15V14.34Zm-9.666 0h1.422v5.706H5.484V14.34Z" fill="currentcolor"></path></symbol> <symbol id="features--child" fill="none" viewBox="0 0 24 24"><g fill="currentcolor"><path d="M19.241 9.843a7.5 7.5 0 0 0-7.207-5.372h-.039a7.51 7.51 0 0 0-7.166 5.358 2.215 2.215 0 0 0 0 4.359 7.52 7.52 0 0 0 10.31 4.663 7.521 7.521 0 0 0 4.089-4.678 2.213 2.213 0 0 0 0-4.334zm-.445 3.271a.555.555 0 0 0-.534.416 6.412 6.412 0 0 1-12.455 0 .554.554 0 0 0-.538-.416h-.077a1.106 1.106 0 1 1 0-2.212h.057c.259.009.49-.164.554-.415a6.4 6.4 0 0 1 6.204-4.908.68.68 0 0 1 0 1.356.554.554 0 0 0 0 1.109 1.779 1.779 0 0 0 1.721-2.239 6.4 6.4 0 0 1 4.538 4.686.556.556 0 0 0 .534.415 1.104 1.104 0 0 1 0 2.208z"></path> <path d="M13.918 14.539a.557.557 0 0 0-.685.382c-.087.311-.573.623-1.233.623-.66 0-1.088-.29-1.213-.578a.554.554 0 0 0-1.016.438c.322.748 1.218 1.246 2.23 1.246 1.112 0 2.059-.592 2.3-1.439a.556.556 0 0 0-.383-.672zM10.038 11.803a.983.983 0 1 0-1.966-.005.983.983 0 0 0 1.966.005zm-.983.124h-.001a.124.124 0 0 1-.115-.077.123.123 0 0 1 .027-.136.125.125 0 1 1 .088.213zM14.906 10.819a.984.984 0 1 0 0 1.968.984.984 0 0 0 0-1.968zm0 1.109a.125.125 0 0 1-.114-.079.125.125 0 0 1 .164-.161.125.125 0 0 1 .04.204.128.128 0 0 1-.09.036z"></path></g></symbol> <symbol id="features--fireplace" fill="none" viewBox="0 0 24 24"><g fill="currentcolor"><path d="M15.26 6.134c0 .5-.752.5-.752 0s.751-.5.751 0zM18.048 6.134c0 .5-.751.5-.751 0s.751-.5.751 0zM12.473 6.134c0 .5-.75.5-.75 0s.75-.5.75 0zM9.684 6.134c0 .5-.75.5-.75 0s.75-.5.75 0zM6.895 6.134c0 .5-.75.5-.75 0s.75-.5.75 0z"></path> <path d="M19.644 4H4.52a.521.521 0 0 0-.52.52V7.9c0 .286.234.52.52.52h.736v10.227c0 .287.234.52.52.52h12.61c.287 0 .52-.233.52-.52V8.42h.738c.286 0 .52-.234.52-.52V4.52a.521.521 0 0 0-.52-.52zm-3.598 14.647h-1.54c.308-.318.555-.795.555-1.478 0-1.555-1.165-2.968-1.215-3.027a.26.26 0 0 0-.405.008c-.024.032-.12.157-.23.333a3.562 3.562 0 0 0-.946-1.609.26.26 0 0 0-.368 0 3.572 3.572 0 0 0-.946 1.61c-.11-.177-.204-.301-.23-.334a.264.264 0 0 0-.2-.102.263.263 0 0 0-.205.094c-.05.059-1.215 1.472-1.215 3.027 0 .683.247 1.16.555 1.478h-1.42l.001-4.458a3.91 3.91 0 0 1 3.905-3.905 3.91 3.91 0 0 1 3.906 3.905zm-2.826 0-.53-.362.596-.409a.26.26 0 0 0-.294-.43l-.763.523-.764-.522a.26.26 0 1 0-.294.43l.596.408-.53.362h-.611c-.152-.04-1.006-.312-1.006-1.478 0-.989.57-1.952.886-2.413.137.22.288.505.335.737.006.102.016.164.018.177a.26.26 0 0 0 .279.214.259.259 0 0 0 .237-.26c0-.06-.006-.123-.016-.187-.015-.33.026-1.18.721-1.996.696.816.739 1.655.722 1.99a1.16 1.16 0 0 0-.017.193.26.26 0 0 0 .516.044c.002-.012.012-.073.018-.173.045-.223.19-.506.334-.74.317.46.886 1.423.886 2.413 0 1.153-.853 1.437-1.006 1.478h-.313zm-.92 0h-.14l.07-.047zm6.086 0h-1.82V14.19a4.43 4.43 0 0 0-4.425-4.425 4.43 4.43 0 0 0-4.425 4.425v4.458h-1.94V8.42h12.61zM4.52 7.9V4.52h15.124V7.9z"></path></g></symbol> <symbol id="features--garage" fill="none" viewBox="0 0 24 24"><path d="M9.943 14.053c-.1.074-.314.245-.534.524-.247.314-.501.76-.61 1.352l-.021.113-.132-.024h-.114s-.178 0-.324.025l-.009.001c-.078.014-.145.034-.169.065v2c.015.036.056.119.138.176l.077-.11.005.004c.052.034.132.05.257.005a.14.14 0 0 1 .032-.008l.035-.006a.132.132 0 0 1 .026-.003h6.795c.012 0 .024.002.035.004l.036.007-.002.008.002-.009a.093.093 0 0 1 .03.01c.094.032.162.029.21.01a.238.238 0 0 0 .121-.117v-1.895l-.05-.008c-.134-.024-.317-.024-.318-.024l-.012-.001h-.102v-.063.064a.134.134 0 0 1-.133-.12l-.019-.103a3.076 3.076 0 0 0-.611-1.352 2.8 2.8 0 0 0-.534-.524l-2.053-.042h-.008l-2.045.042h.001Zm-1.296 1.964.132.024a.134.134 0 0 1-.143.109h-.103c-.001 0-.183 0-.317.025-.02.003-.037.007-.051.008v1.895c.015.029.04.068.08.097l-.077.11c.082.057.205.09.385.025l.046-.009h6.796l.046.009c.359.129.492-.128.522-.202v-2.001c-.07-.09-.5-.09-.503-.09l-.114-.001-.02-.113a3.16 3.16 0 0 0-1.232-1.984l-2.098-.043-2.098.043a3.16 3.16 0 0 0-1.231 1.984l-.02.113Zm-.228-.27c.307-1.419 1.36-2.078 1.363-2.08l.072-.021 2.14-.044H12l2.141.044.072.021c.003.002 1.056.66 1.363 2.08.098.007.245.025.375.068.13.043.246.112.282.22l.008.044v2.052l-.007.041c-.001.002-.192.628-.859.406H8.621c-.666.222-.857-.404-.858-.406l-.007-.041v-2.052l.008-.043c.036-.11.151-.178.282-.221.075-.025.155-.041.23-.052l.011-.001c.05-.007.095-.012.134-.014l-.002-.001Zm-.11-.125c.33-1.345 1.307-2.006 1.395-2.064a.153.153 0 0 1 .05-.022l.06-.018.006.02-.007-.021c.017-.005.033-.007.048-.005l2.13-.044v-.001h.021l2.13.045-.003.134.002-.134a.13.13 0 0 1 .048.01l.06.017c.016.005.03.011.042.022.11.072 1.065.734 1.391 2.061.093.011.204.03.307.065l-.042.127.043-.127c.001 0 .003 0 .005.002.164.054.31.147.362.304a.252.252 0 0 1 .006.025l.007.037c.002.01.002.017.002.025v2.05c0 .012 0 .022-.003.032l-.006.033-.006-.001h.007a.075.075 0 0 1-.005.02v.001l-.002.006v.001l-.001.002h-.001c-.036.101-.285.712-1.001.487H8.639c-.772.242-1.002-.485-1.006-.5a.027.027 0 0 1-.002-.007V18.2l-.001-.003v-.002l-.002-.008v-.003l-.005-.033c-.002-.008-.002-.016-.002-.024v-2.05c0-.01 0-.02.004-.03l.006-.037h.007-.007a.115.115 0 0 1 .012-.034c.056-.15.2-.238.361-.29l.042.126-.042-.127a1.658 1.658 0 0 1 .309-.065" fill="currentcolor"></path> <path d="M10.572 17.085a.138.138 0 1 0 0 .277h2.846a.138.138 0 1 0 0-.277h-2.846Z" fill="currentcolor"></path> <path d="M10.573 17.22h-.002l-.095-.094.095.095v.005H13.424v-.006h-2.849Zm-.192-.188a.27.27 0 0 1 .192-.08h2.847c.07 0 .133.026.18.07l.012.009a.273.273 0 0 1-.192.465h-2.847a.272.272 0 0 1-.181-.07l-.011-.01a.273.273 0 0 1-.002-.383l.002-.001ZM8.598 15.615h.003l.009.003c.21.05 3.215.72 6.801-.004v-.001a.134.134 0 0 1 .158.105l.001.002.053.268a.134.134 0 0 1-.118.16c-3.805.764-6.983.008-7.03-.004H8.47a.134.134 0 0 1-.096-.16l.001-.008.061-.262a.135.135 0 0 1 .162-.1h-.001Zm-.107.456.003-.014.002-.007-.002.008-.003.013ZM8.772 18.22h1.627c.074 0 .134.061.134.135v.671a.609.609 0 0 1-.61.611H9.11a.61.61 0 0 1-.611-.61v-.672c0-.074.06-.134.134-.134h.138Zm1.216.546h-.944v.26c0 .01.002.018.005.025a.073.073 0 0 0 .015.022.056.056 0 0 0 .021.014.06.06 0 0 0 .025.005h.811c.01 0 .018-.001.025-.005a.073.073 0 0 0 .022-.014.057.057 0 0 0 .014-.022.059.059 0 0 0 .006-.025v-.26ZM13.732 18.22h1.628c.074 0 .134.061.134.135v.671a.609.609 0 0 1-.61.611h-.812a.61.61 0 0 1-.431-.179l.094-.094-.095.095-.001-.001a.608.608 0 0 1-.178-.43v-.672c0-.074.06-.134.134-.134h.138v-.001Zm1.217.546h-.944v.26a.063.063 0 0 0 .02.046l-.095.095.095-.095a.083.083 0 0 0 .021.014.058.058 0 0 0 .025.006h.811c.01 0 .018-.002.025-.006a.07.07 0 0 0 .026-.019.063.063 0 0 0 .011-.018.06.06 0 0 0 .005-.024v-.26ZM9.18 16.532a.695.695 0 0 1 .638.427.678.678 0 0 1 0 .527.683.683 0 0 1-.639.427.695.695 0 0 1-.638-.427.678.678 0 0 1 0-.527.686.686 0 0 1 .639-.427Zm.103.587a.145.145 0 0 0-.104-.043.144.144 0 0 0-.136.09.152.152 0 0 0 0 .114.144.144 0 0 0 .08.08.153.153 0 0 0 .113 0 .145.145 0 0 0 .079-.08.152.152 0 0 0 0-.113.144.144 0 0 0-.032-.048ZM14.767 16.532a.695.695 0 0 1 .691.69.693.693 0 0 1-.202.489l-.094-.095.095.095a.695.695 0 0 1-.977 0 .685.685 0 0 1-.202-.49.695.695 0 0 1 .427-.638.678.678 0 0 1 .264-.052h-.002Zm.104.587a.147.147 0 0 0-.209 0l-.005.006a.151.151 0 0 0-.027.155.144.144 0 0 0 .136.09c.021 0 .04-.003.057-.01a.145.145 0 0 0 .08-.08.153.153 0 0 0 0-.113.145.145 0 0 0-.033-.048ZM3.885 8.722l7.99-4.39a.258.258 0 0 1 .25.002l7.99 4.39a.257.257 0 0 1 .118.315l-.353 1a.257.257 0 0 1-.38.134L12 6.165l-7.518 4.017a.256.256 0 0 1-.362-.141h-.001l-.354-1.005a.257.257 0 0 1 .122-.313h-.002ZM12 4.852 4.322 9.07l.182.516 7.372-3.94a.258.258 0 0 1 .244 0l7.373 3.94.183-.516-7.677-4.218Z" fill="currentcolor"></path> <path d="M6.462 9.117v10.581H4.738V9.497l.152-.069L6.1 8.881l.363-.164v.399Zm-.515 10.066V9.516l-.693.312v9.355h.693ZM19.26 9.663V19.7h-1.725V8.719l.364.164 1.208.546.152.07v.165Zm-.517 9.52V9.83l-.692-.313v9.667h.692ZM8.137 9.51a.257.257 0 1 1 0-.516h7.726a.258.258 0 1 1 0 .516H8.137ZM8.137 10.856a.257.257 0 1 1 0-.515h7.726a.257.257 0 1 1 0 .515H8.137ZM8.137 12.203a.257.257 0 1 1 0-.516h7.726a.258.258 0 1 1 0 .516H8.137Z" fill="currentcolor"></path></symbol> <symbol id="features--garden" fill="none" viewBox="0 0 24 24"><path d="m12.243 22.286.014-3.907c.261.056.726.136 1.286.136.792 0 1.763-.16 2.58-.769 1.068-.796 1.61-2.165 1.61-4.067a.276.276 0 0 0-.208-.267c-.113-.03-2.791-.708-4.5.594a3.087 3.087 0 0 0-.756.843l.008-1.279a2.133 2.133 0 0 0 1.678-1.245c.78.302 1.682.126 2.287-.474a2.1 2.1 0 0 0 .48-2.264A2.116 2.116 0 0 0 18 7.651c0-.847-.512-1.603-1.279-1.936a2.099 2.099 0 0 0-.479-2.263 2.155 2.155 0 0 0-2.287-.474 2.136 2.136 0 0 0-1.954-1.264 2.14 2.14 0 0 0-1.956 1.266 2.153 2.153 0 0 0-2.287.474 2.101 2.101 0 0 0-.48 2.263A2.116 2.116 0 0 0 6 7.654c0 .847.512 1.603 1.279 1.936a2.099 2.099 0 0 0 .479 2.263 2.155 2.155 0 0 0 2.287.474c.3.675.937 1.149 1.677 1.245l-.014 3.124c-.014.168-.02.342-.02.52 0 .032.008.062.018.091l-.001.257a3.095 3.095 0 0 0-.802-.913c-1.708-1.303-4.387-.623-4.5-.593a.276.276 0 0 0-.207.266c0 1.903.541 3.271 1.61 4.067.817.61 1.788.769 2.58.769.574 0 1.049-.084 1.305-.14l-.003 1.266h.555Zm-1.77-10.41a.274.274 0 0 0-.163-.184.283.283 0 0 0-.246.016 1.594 1.594 0 0 1-1.914-.245 1.555 1.555 0 0 1-.247-1.894.272.272 0 0 0 .016-.243.28.28 0 0 0-.185-.161 1.569 1.569 0 0 1-1.179-1.512c0-.71.485-1.332 1.179-1.513a.275.275 0 0 0 .17-.404 1.553 1.553 0 0 1 .246-1.894 1.594 1.594 0 0 1 1.914-.245.28.28 0 0 0 .41-.168A1.579 1.579 0 0 1 12 2.264c.717 0 1.346.48 1.528 1.167a.28.28 0 0 0 .409.167 1.594 1.594 0 0 1 1.914.245c.507.502.608 1.28.247 1.894a.272.272 0 0 0-.016.243.28.28 0 0 0 .185.161 1.569 1.569 0 0 1 1.179 1.513c0 .709-.485 1.331-1.179 1.512a.275.275 0 0 0-.169.404c.361.614.26 1.393-.247 1.894a1.594 1.594 0 0 1-1.914.245.28.28 0 0 0-.409.168 1.58 1.58 0 0 1-1.528 1.166 1.58 1.58 0 0 1-1.528-1.167Zm2.891 2.568c1.236-.945 3.174-.67 3.81-.544-.037 1.603-.502 2.748-1.382 3.406-1.303.974-3.158.599-3.533.51l.005-1.085c.085-1.025.454-1.794 1.1-2.287Zm-5.227 5.505c-.88-.658-1.344-1.803-1.383-3.406.635-.124 2.569-.401 3.81.543.744.569 1.123 1.502 1.123 2.773 0 .016.006.03.008.044l-.002.55c-.313.078-2.223.492-3.556-.504Z" fill="currentcolor"></path> <path d="M14.433 7.653c0-1.326-1.091-2.406-2.431-2.406S9.57 6.327 9.57 7.653c0 1.327 1.091 2.407 2.431 2.407s2.432-1.08 2.432-2.407Zm-4.308 0c0-1.023.842-1.856 1.876-1.856 1.035 0 1.876.833 1.876 1.856a1.868 1.868 0 0 1-1.876 1.857 1.868 1.868 0 0 1-1.876-1.857ZM12.004 4.645a.277.277 0 0 0 .278-.275v-.543a.277.277 0 0 0-.278-.275.277.277 0 0 0-.277.275v.543c0 .152.124.275.277.275ZM9.458 5.526a.28.28 0 0 0 .392 0 .273.273 0 0 0 0-.389l-.388-.384a.28.28 0 0 0-.392 0 .273.273 0 0 0 0 .389l.388.384ZM8.686 7.379h-.549a.277.277 0 0 0-.278.275c0 .151.125.274.278.274h.549a.277.277 0 0 0 .277-.274.275.275 0 0 0-.277-.275ZM9.458 9.78l-.388.385a.273.273 0 0 0 0 .388.28.28 0 0 0 .392 0l.388-.384a.273.273 0 0 0 0-.389.28.28 0 0 0-.392 0ZM12.282 11.48v-.543a.277.277 0 0 0-.278-.275.277.277 0 0 0-.277.275v.543c0 .151.124.275.277.275a.277.277 0 0 0 .278-.275ZM14.544 9.78a.28.28 0 0 0-.392 0 .273.273 0 0 0 0 .389l.388.384a.28.28 0 0 0 .392 0 .273.273 0 0 0 0-.388l-.388-.385ZM15.317 7.928h.548a.277.277 0 0 0 .278-.274.277.277 0 0 0-.278-.275h-.548a.277.277 0 0 0-.278.275c0 .151.124.274.278.274ZM14.348 5.606a.277.277 0 0 0 .196-.08l.388-.384a.273.273 0 0 0 0-.389.28.28 0 0 0-.392 0l-.388.384a.276.276 0 0 0 .196.469Z" fill="currentcolor"></path></symbol> <symbol id="features--lift" fill="none" viewBox="0 0 24 24"><path d="M12.75 5.625h-1.5" stroke="currentcolor" stroke-width=".75" stroke-linecap="round"></path> <path d="M4.875 4.75c0-.345.28-.625.625-.625h13c.345 0 .625.28.625.625v15.125H4.875V4.75Z" stroke="currentcolor" stroke-width=".75"></path> <path d="M7.125 7.75c0-.345.28-.625.625-.625h8.5c.345 0 .625.28.625.625v12.125h-9.75V7.75Z" stroke="currentcolor" stroke-width=".75"></path> <path stroke="currentcolor" stroke-width=".75" d="M10.875 7.125h2.25v12.75h-2.25z"></path></symbol> <symbol id="features--luxury" fill="none" viewBox="0 0 24 24"><path d="M17.125 4.938a.344.344 0 0 0-.344.343v.688a.344.344 0 1 0 .688 0V5.28a.344.344 0 0 0-.344-.343Zm1.944.806a.342.342 0 0 0-.243.1l-.486.486a.345.345 0 0 0 .486.486l.486-.486a.343.343 0 0 0-.243-.586ZM8.302 7.688a.338.338 0 0 0-.17.047c-.018.01-.028.028-.044.041-.027.022-.057.041-.077.071l-2.178 3.438-.002.008a.34.34 0 0 0-.046.152c0 .014.002.027.003.04.002.041.011.08.028.12.004.009.002.02.006.029.005.007.014.01.018.017.006.01.007.022.015.03l6.531 8.25c.006.008.013.009.02.015a.36.36 0 0 0 .083.068c.012.006.021.012.033.016a.324.324 0 0 0 .134.032.349.349 0 0 0 .136-.03l.03-.018a.353.353 0 0 0 .085-.067c.006-.006.014-.008.019-.015l6.531-8.25c.008-.01.008-.02.015-.03.004-.006.014-.009.018-.016.004-.01.003-.02.006-.03a.324.324 0 0 0 .028-.12c0-.014.004-.026.003-.039a.334.334 0 0 0-.046-.153c0-.002 0-.007-.002-.01L17.3 7.848c-.013-.019-.032-.027-.049-.043a.338.338 0 0 0-.242-.117H8.302Zm10.885 0a.344.344 0 1 0 0 .687h.688a.344.344 0 1 0 0-.688h-.688Zm-10.26.687h3.104l-1.553 2.451-1.55-2.451Zm4.354 0h3.104l-1.551 2.451-1.553-2.451Zm-4.979.3 1.552 2.45H6.75l1.552-2.45Zm4.354 0 1.552 2.45h-3.104l1.552-2.45Zm4.354 0 1.552 2.45h-3.104l1.552-2.45ZM6.835 11.812h3.49l1.61 6.442-5.1-6.442Zm4.199 0h3.244L12.656 18.3l-1.623-6.488Zm3.953 0h3.49l-5.1 6.442 1.61-6.442Z" fill="currentcolor"></path></symbol> <symbol id="features--parking" fill="none" viewBox="0 0 24 24"><path d="M10.645 12.735h1.973a2.804 2.804 0 0 0 2.802-2.803 2.804 2.804 0 0 0-2.802-2.803h-1.973a.351.351 0 0 0-.352.352v4.902a.348.348 0 0 0 .352.352Zm.351-4.903h1.622c1.157 0 2.1.942 2.1 2.1 0 1.158-.943 2.1-2.1 2.1h-1.622v-4.2Z" fill="currentcolor"></path> <path d="M9.503 19.155c.82 0 1.49-.67 1.49-1.49v-2.653h1.622a5.084 5.084 0 0 0 5.08-5.08 5.084 5.084 0 0 0-5.08-5.08H9.503a1.49 1.49 0 0 0-1.495 1.49v11.323c.005.825.675 1.49 1.495 1.49ZM8.72 6.342c0-.028 0-.056.005-.08a.787.787 0 0 1 .783-.707h3.112a4.382 4.382 0 0 1 4.377 4.377 4.382 4.382 0 0 1-4.377 4.377h-1.973a.351.351 0 0 0-.352.352v3.004a.786.786 0 0 1-.787.787.786.786 0 0 1-.788-.787V6.342Z" fill="currentcolor"></path> <path d="M20.038 17.965c.267-.36.515-.74.73-1.139l.029-.042c.234-.431.436-.876.604-1.336 0-.004.005-.01.005-.014.019-.056.042-.112.061-.168l.042-.127c.014-.037.024-.075.038-.112.023-.08.051-.16.07-.24 0-.004.005-.014.005-.018.168-.586.286-1.195.346-1.823 0-.01 0-.02.005-.028.01-.085.014-.174.019-.258 0-.024.005-.042.005-.066.004-.075.009-.154.009-.23 0-.023 0-.046.005-.07.004-.098.004-.197.004-.29 0-.174-.004-.342-.014-.516-.234-4.597-3.585-8.384-7.976-9.284-.08-.019-.164-.033-.244-.047a10.384 10.384 0 0 0-1.767-.155 10.325 10.325 0 0 0-2.01.202c-4.4.9-7.752 4.687-7.986 9.284a9.328 9.328 0 0 0-.01.806c0 .024 0 .047.005.07.005.075.005.155.01.23 0 .024.004.042.004.066.005.084.014.173.02.258a9.722 9.722 0 0 0 .351 1.851l.004.018.07.24c.015.037.024.075.038.112l.042.127c.019.056.038.112.061.168 0 .005.005.01.005.014.169.46.37.91.604 1.336l.029.042c.22.398.463.778.73 1.139.01.014.02.033.029.047a10.095 10.095 0 0 0 3.458 2.905 9.81 9.81 0 0 0 3.515 1.036h.005c.075.01.15.014.225.019.023 0 .047.005.07.005.061.004.122.009.183.009.042.005.089.005.131.005.042 0 .09.004.131.004.094.005.183.005.277.005.094 0 .183 0 .276-.005.043 0 .09-.004.132-.004.042 0 .089-.005.13-.005.062-.005.123-.01.184-.01.023 0 .046-.004.07-.004.075-.005.15-.014.225-.019h.005a9.835 9.835 0 0 0 3.52-1.036 10.098 10.098 0 0 0 3.49-2.952ZM12.01 2.705a9.44 9.44 0 0 1 2.32.291 9.187 9.187 0 0 1 3.055 1.425c.06.042.122.089.183.131a9.642 9.642 0 0 1 1.321 1.2 9.28 9.28 0 0 1 2.419 6.247c0 .089 0 .183-.005.272 0 .023 0 .047-.005.07-.004.07-.004.14-.01.21 0 .02-.004.043-.004.062-.005.08-.01.16-.019.239 0 .01 0 .019-.004.028a9.32 9.32 0 0 1-.319 1.687l-.014.042a3.022 3.022 0 0 1-.06.192l-.043.127a.741.741 0 0 1-.033.094c-1.18 3.426-4.312 5.952-8.056 6.247-.019 0-.042.005-.061.005-.056.004-.112.009-.173.009-.043 0-.08.005-.122.005-.042 0-.085.004-.122.004-.084 0-.169.005-.258.005s-.168 0-.258-.005c-.042 0-.084-.004-.121-.004-.043 0-.08-.005-.122-.005-.056-.005-.117-.005-.174-.01-.018 0-.042-.004-.06-.004-3.75-.295-6.876-2.821-8.057-6.247-.01-.033-.023-.061-.033-.094l-.042-.127a3.029 3.029 0 0 0-.06-.192l-.015-.042a9.318 9.318 0 0 1-.318-1.687c0-.01 0-.019-.005-.028a4.1 4.1 0 0 1-.019-.24c0-.018-.005-.041-.005-.06-.004-.07-.009-.14-.009-.211 0-.023 0-.047-.005-.07-.004-.09-.004-.183-.004-.272.018-5.123 4.19-9.293 9.317-9.293Z" fill="currentcolor"></path></symbol> <symbol id="features--pool" fill="none" viewBox="0 0 24 24"><path d="M5.069 19.56h13.86c.774 0 1.35-.594 1.35-1.386V10.56c0-.81-.594-1.44-1.35-1.44h-5.67V6.15c0-.558.468-1.008 1.026-1.008s1.025.45 1.025 1.008a.36.36 0 0 0 .72 0c0-.954-.791-1.728-1.745-1.728-.954 0-1.746.774-1.746 1.728v.99h-4.14v-.99c0-.558.486-1.008 1.061-1.008.576 0 1.062.468 1.062 1.008a.36.36 0 0 0 .72 0c0-.936-.81-1.728-1.782-1.728-.954 0-1.781.791-1.781 1.728v2.97h-2.61c-.756 0-1.35.63-1.35 1.44v7.596c0 .81.576 1.404 1.35 1.404Zm7.47-11.7v2.34h-4.14V7.86h4.14Zm-8.1 2.7c0-.36.234-.72.63-.72h2.61V12a.36.36 0 0 0 .72 0v-1.08h4.14V12a.36.36 0 0 0 .72 0V9.84h5.67c.396 0 .63.378.63.72v7.596c0 .396-.252.666-.63.666H5.069c-.379.018-.63-.252-.63-.648V10.56Z" fill="currentcolor"></path> <path d="M6.114 15.888c.468 0 .684.162.954.36.306.216.684.504 1.386.504.702 0 1.08-.27 1.386-.504.27-.198.486-.36.954-.36.468 0 .684.162.954.36.306.216.684.504 1.386.504.702 0 1.08-.27 1.386-.504.27-.198.486-.36.954-.36.468 0 .684.162.954.36.306.216.684.504 1.386.504a.36.36 0 0 0 0-.72c-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504-.702 0-1.08.27-1.386.504-.27.199-.486.36-.954.36-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504-.702 0-1.08.27-1.386.504-.27.199-.486.36-.954.36-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504a.36.36 0 0 0 0 .72ZM6.114 12.864c.468 0 .684.162.954.36.306.216.684.504 1.386.504.702 0 1.08-.27 1.386-.504.27-.198.486-.36.954-.36.468 0 .684.162.954.36.306.216.684.504 1.386.504.702 0 1.08-.27 1.386-.504.27-.198.486-.36.954-.36.468 0 .684.162.954.36.306.216.684.504 1.386.504a.36.36 0 0 0 0-.72c-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504-.702 0-1.08.27-1.386.504-.27.199-.486.36-.954.36-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504-.702 0-1.08.27-1.386.504-.27.199-.486.36-.954.36-.468 0-.684-.161-.954-.36-.306-.216-.684-.504-1.386-.504a.36.36 0 0 0 0 .72Z" fill="currentcolor"></path></symbol> <symbol id="features--terrace" fill="none" viewBox="0 0 24 24"><path d="M8.472 15.528h.112A.424.424 0 0 0 9 15.112a.424.424 0 0 0-.416-.417l-2.144.001a.567.567 0 0 1-.56-.464l-.544-3.136c-.032-.224-.256-.368-.48-.336-.223.032-.368.256-.336.48l.56 3.136c.08.432.336.768.688.976l-.56 2.752a.396.396 0 0 0 .32.48c.032 0 .048.016.08.016a.396.396 0 0 0 .4-.336l.56-2.736h1.056l.56 2.736a.411.411 0 0 0 .4.336c.032 0 .049 0 .08-.016a.403.403 0 0 0 .32-.48l-.512-2.576ZM17.145 10.76a.427.427 0 0 0-.48.336l-.544 3.152a.566.566 0 0 1-.56.464h-2.143a.424.424 0 0 0-.417.416c0 .224.192.416.417.416h.112L13 18.121a.396.396 0 0 0 .32.48c.032 0 .049.016.08.016a.396.396 0 0 0 .4-.336l.56-2.737h1.057l.56 2.737a.411.411 0 0 0 .4.336c.032 0 .048 0 .08-.016a.404.404 0 0 0 .32-.48l-.56-2.752c.352-.192.623-.544.688-.976l.544-3.137a.391.391 0 0 0-.305-.496Z" fill="currentcolor"></path> <path d="M11.799 17.768h-.384v-4.144h2.448a.424.424 0 0 0 .416-.417.424.424 0 0 0-.416-.416H8.135a.424.424 0 0 0-.416.417c0 .224.192.416.416.416h2.448v4.144H10.2a.424.424 0 0 0-.416.416c0 .224.191.417.416.417l1.6-.001a.424.424 0 0 0 .416-.416.413.413 0 0 0-.416-.416ZM5.11 8.488h5.473v3.68h.816v-3.68h5.472a.414.414 0 0 0 .416-.416c0-2.048-2.544-3.68-5.872-3.808v-.448A.424.424 0 0 0 11 3.4a.424.424 0 0 0-.416.416v.464C7.255 4.392 4.71 6.024 4.71 8.072a.4.4 0 0 0 .4.416ZM11 5.08c2.72 0 5.04 1.152 5.423 2.592H5.575C5.96 6.232 8.28 5.08 11 5.08Z" fill="currentcolor"></path></symbol> <symbol id="features--view" fill="none" viewBox="0 0 24 24"><path d="M9.36 6a2.915 2.915 0 0 0-1.821.575.412.412 0 0 0-.084.084l-3.138 4.205a.414.414 0 0 0-.07.135A4.067 4.067 0 0 0 3 13.931C3 16.167 4.795 18 7.001 18c1.713 0 3.175-1.104 3.746-2.641h2.506C13.824 16.896 15.286 18 16.999 18 19.206 18 21 16.168 21 13.931c0-2.236-1.795-4.055-4.001-4.055-2.207 0-4.008 1.82-4.008 4.055 0 .205.022.405.05.6h-2.083c.029-.195.051-.396.051-.6 0-.203-.022-.398-.051-.594h1.15a.408.408 0 0 0 .415-.413.408.408 0 0 0-.415-.413h-1.361C10.176 10.975 8.713 9.876 7 9.876c-.354 0-.695.054-1.023.142l2.09-2.797c.498-.358 1.167-.46 1.72-.335.556.126.931.435 1.004.833v2.977a.41.41 0 0 0 .7.296.417.417 0 0 0 .118-.296V9.288h.78v1.408a.41.41 0 0 0 .7.296.417.417 0 0 0 .118-.296V7.719c.073-.398.447-.707 1.004-.833.553-.126 1.221-.023 1.72.335l1.578 2.106a.406.406 0 0 0 .586.1.414.414 0 0 0 .066-.597l-1.617-2.17a.414.414 0 0 0-.083-.084A2.915 2.915 0 0 0 14.64 6c-.209.004-.41.033-.607.077-.788.179-1.507.704-1.637 1.531a.43.43 0 0 0-.006.065v.787h-.78v-.787a.43.43 0 0 0-.006-.065c-.13-.827-.849-1.352-1.637-1.53A3.02 3.02 0 0 0 9.36 6ZM7.002 10.71a3.204 3.204 0 0 1 3.196 3.222c0 1.79-1.431 3.236-3.196 3.236-1.765 0-3.19-1.447-3.19-3.236 0-1.789 1.425-3.222 3.19-3.222Zm9.997 0c1.765 0 3.19 1.433 3.19 3.222 0 1.79-1.425 3.236-3.19 3.236s-3.196-1.447-3.196-3.236a3.204 3.204 0 0 1 3.196-3.222Z" fill="currentcolor"></path></symbol> <symbol id="features--wheelchair" fill="none" viewBox="0 0 24 24"><path d="M11.32 7.32c-.874 0-1.586-.712-1.586-1.586 0-.874.711-1.586 1.586-1.586.874 0 1.585.711 1.585 1.586 0 .874-.711 1.585-1.585 1.585Zm0-2.64c-.582 0-1.055.473-1.055 1.054a1.056 1.056 0 0 0 2.11 0c0-.582-.474-1.054-1.055-1.054ZM14.059 16.528a3.726 3.726 0 0 1-3.551 2.615 3.723 3.723 0 0 1-3.72-3.719 3.724 3.724 0 0 1 2.577-3.538v-.692a4.39 4.39 0 0 0-3.24 4.23 4.387 4.387 0 0 0 4.382 4.382 4.387 4.387 0 0 0 4.007-2.61l-.455-.668Z" fill="currentcolor"></path> <path d="M15.404 13.618c-.231-.35-.641-.724-1.097-.724H13.2a.242.242 0 0 1-.241-.243V9.235c0-.903-.732-1.637-1.632-1.637-.9 0-1.632.734-1.632 1.637v3.991c0 .902.732 1.636 1.632 1.636h1.743c.146 0 .385.187.545.43l2.107 3.087.332-.692-1.887-2.765c-.232-.35-.641-.724-1.097-.724h-1.743a.972.972 0 0 1-.969-.973v-3.99c0-.537.435-.974.969-.974s.968.437.968.974v3.415c0 .5.406.907.904.907h1.107c.147 0 .386.188.547.43l2.93 4.295.331-.692-2.71-3.972Z" fill="currentcolor"></path></symbol></g></defs></svg> <form class="grid gap-8"><div class="grid lg:grid-cols-3 gap-2 relative z-10"><div class="relative"><label class="block py-1 overflow-hidden relative border border-gray focus-within:border-blue cursor-pointer text-blue"><div class=" mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--reduced-range mui-textfield--programmatic mui-textfield--label-medium mui-textfield--label-gray pl-4 lg:pl-6 pr-8 lg:pr-10 m-0 mui-textfield--label-gray"><input readonly="readonly" class="overflow-ellipsis font-[500] pointer-events-none mui--is-empty mui--is-pristine mui--is-touched"> <label>Type de bien</label></div> <div class=" absolute right-4 lg:right-2 2xl:right-4 bottom-[1.125rem] transition-transform duration-300 -translate-y-2"><svg width="24" height="24"><use xlink:href="#chevron-24x24-down"></use></svg></div></label> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute top-1/2 -translate-y-1/2 right-4 lg:right-6 pointer-events-none"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <!----> <div class="search-form-dropdown min-w-[16rem] max-w-screen" style="display: none;"><div class="grid gap-2 px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><!----> <label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="170"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> commercial</span></label></div><div class="grid gap-2 px-4 lg:px-2 2xl:px-4 border-t border-gray py-4"><div class=" block text-[.75rem] leading-none -tracking-[0.04em] text-zinc-600 pl-4 "> residentiel</div> <label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="1"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> appartement</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="2"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> maison</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="4"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> immeuble</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="3"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> terrain</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="type[]" class="peer absolute opacity-0 pointer-events-none" value="9"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight"> hôtel</span></label></div> <div class="px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><button type="button" class="custom-choice-option text-[500] bg-blue text-white w-full justify-center hover:bg-blue focus:bg-blue">Valider</button></div></div></div> <div class="relative"><label class="block py-1 overflow-hidden relative border border-gray focus-within:border-blue cursor-text"><div class=" mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--reduced-range mui-textfield--programmatic mui-textfield--label-medium mui-textfield--label-gray pl-4 lg:pl-6 pr-8 lg:pr-10 m-0 mui-textfield--label-gray"><input name="search" class="overflow-ellipsis font-[500] mui--is-empty mui--is-pristine mui--is-touched"> <label>Localisation</label></div> <div class=" absolute right-4 lg:right-2 2xl:right-4 bottom-[1.125rem] transition-transform duration-300 -translate-y-2"><svg width="24" height="24"><use xlink:href="#chevron-24x24-down"></use></svg></div></label> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute top-1/2 -translate-y-1/2 right-4 lg:right-6 pointer-events-none"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <!----> <div class="search-form-dropdown font-[500] px-4 lg:px-2 2xl:px-4 py-2" style="display: none;"><p class="px-4 py-2 custom-label-tighter opacity-40">Commencez à écrire...</p></div></div> <input type="hidden" name="code"> <div class="relative"><label class="block py-1 overflow-hidden relative border border-gray focus-within:border-blue cursor-pointer text-blue"><div class=" mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--reduced-range mui-textfield--programmatic mui-textfield--label-medium mui-textfield--label-gray pl-4 lg:pl-6 pr-8 lg:pr-10 m-0 mui-textfield--label-gray"><input readonly="readonly" class="overflow-ellipsis font-[500] pointer-events-none mui--is-empty mui--is-pristine mui--is-touched"> <label>Pièces</label></div> <div class=" absolute right-4 lg:right-2 2xl:right-4 bottom-[1.125rem] transition-transform duration-300 -translate-y-2"><svg width="24" height="24"><use xlink:href="#chevron-24x24-down"></use></svg></div></label> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute top-1/2 -translate-y-1/2 right-4 lg:right-6 pointer-events-none"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <!----> <div class="search-form-dropdown min-w-[16rem] max-w-screen" style="display: none;"><div class="grid gap-2 px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><!----> <label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="1"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">1 chambre</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="2"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">2 chambres</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="3"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">3 chambres</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="4"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">4 chambres</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="5"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">5 chambres</span></label><label class="custom-choice-option cursor-pointer custom-choice-option--big"><input type="checkbox" name="pieces[]" class="peer absolute opacity-0 pointer-events-none" value="6"> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">6 chambres</span></label></div> <div class="px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><button type="button" class="custom-choice-option text-[500] bg-blue text-white w-full justify-center hover:bg-blue focus:bg-blue">Valider</button></div></div></div> <div class="lg:col-span-2"><button type="button" class="w-full h-14 text-center bg-light text-blue hover:bg-gray focus:bg-gray"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block align-middle mr-2.5 transition-transform opacity-30"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <span class="text-[14px] leading-[24px] tracking-tight transition-opacity opacity-50">Caractéristiques</span></button> <div class="absolute z-10 top-full left-0 w-full -mt-px shadow-lg" style="display: none;"><div class="bg-white gray-grid"><div class="advanced-filters-grid"><div class="advanced-filters-grid__left"><p class="card-title card-title--auto-height">Budget</p></div> <div class="advanced-filters-grid__right grid grid-cols-2 gap-8"><div class="relative"><label class="block py-1 overflow-hidden relative border border-gray focus-within:border-blue cursor-pointer text-blue"><div class=" mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--reduced-range mui-textfield--programmatic mui-textfield--label-medium mui-textfield--label-gray pl-4 lg:pl-6 pr-8 lg:pr-10 m-0 mui-textfield--label-gray"><input readonly="readonly" class="overflow-ellipsis font-[500] pointer-events-none"> <label>Min, CHF</label></div> <div class=" absolute right-4 lg:right-2 2xl:right-4 bottom-[1.125rem] transition-transform duration-300 -translate-y-2"><svg width="24" height="24"><use xlink:href="#chevron-24x24-down"></use></svg></div></label> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute top-1/2 -translate-y-1/2 right-4 lg:right-6 pointer-events-none"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <!----> <div class="search-form-dropdown" style="display: none;"><div class="grid gap-2 px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><!----> <label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="100000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">100'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="500000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">500'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="750000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">750'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="1000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">1'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="1500000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">1'500'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="2000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">2'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="3000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">3'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="4000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">4'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMin" class="peer absolute opacity-0 pointer-events-none" value="5000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">5'000'000.-</span></label></div> <!----></div></div> <div class="relative"><label class="block py-1 overflow-hidden relative border border-gray focus-within:border-blue cursor-pointer text-blue"><div class=" mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--reduced-range mui-textfield--programmatic mui-textfield--label-medium mui-textfield--label-gray pl-4 lg:pl-6 pr-8 lg:pr-10 m-0 mui-textfield--label-gray"><input readonly="readonly" class="overflow-ellipsis font-[500] pointer-events-none"> <label>Max, CHF</label></div> <div class=" absolute right-4 lg:right-2 2xl:right-4 bottom-[1.125rem] transition-transform duration-300 -translate-y-2"><svg width="24" height="24"><use xlink:href="#chevron-24x24-down"></use></svg></div></label> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute top-1/2 -translate-y-1/2 right-4 lg:right-6 pointer-events-none"><path d="M7.25 9.375L12.5 14.625L17.75 9.375" stroke="currentcolor" stroke-width="1.5"></path></svg> <!----> <div class="search-form-dropdown" style="display: none;"><div class="grid gap-2 px-4 lg:px-2 2xl:px-4 border-t border-gray py-2"><!----> <label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="100000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">100'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="500000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">500'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="750000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">750'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="1000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">1'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="1500000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">1'500'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="2000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">2'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="3000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">3'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="4000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">4'000'000.-</span></label><label class="custom-choice-option cursor-pointer"><input type="radio" name="budgetMax" class="peer absolute opacity-0 pointer-events-none" value="5000000"> <!----> <span class="font-[1rem] leading-[1.5] tracking-tight">5'000'000.-</span></label></div> <!----></div></div></div></div> <div class="advanced-filters-grid"><div class="advanced-filters-grid__left"><p class="card-title card-title--auto-height">Surface habitable</p></div> <div class="advanced-filters-grid__right grid grid-cols-2 gap-8"><label class="mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--advanced-filters mui-textfield--label-gray pb-1 border-b border-neutral-300"><input type="number" name="surfaceMin"> <label>Min, m²</label></label> <label class="mui-textfield mui-textfield--float-label mui-textfield--no-underline mui-textfield--inherit-color mui-textfield--advanced-filters mui-textfield--label-gray pb-1 border-b border-neutral-300"><input type="number" name="surfaceMax"> <label>Max, m²</label></label></div></div> <div class="advanced-filters-grid"><div class="advanced-filters-grid__left"><p class="card-title card-title--auto-height">Caractéristiques</p></div> <div class="advanced-filters-grid__right"><ul class="-ml-2 md:-ml-4 -mt-4"><li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="30" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--balcony"></use></svg> <span class="text-[1rem] leading-none tracking-tight">balcon</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="54" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--lift"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Ascenseur</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="400" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--parking"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Place de parking</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="65" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--garage"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Garage</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="266" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--garden"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Jardin</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="10" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--child"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Enfants bienvenus</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="80" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--fireplace"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Cheminée</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="119" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--wheelchair"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Accessible en chaise roulante</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="178" name="label[view_id]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--luxury"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Haut standing</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="42" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--pool"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Piscine</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="47" name="am[]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--terrace"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Terrasse couverte</span></span></label></li> <li class="inline-block align-top ml-2 xl:ml-4 mt-4"><label class="block"><input type="checkbox" value="82" name="label[view_id]" class="peer absolute opacity-0 pointer-events-none"> <span class="flex items-center h-8 px-4 rounded-full cursor-pointer border border-neutral-200 transition-colors peer-focus:border-neutral-400 hover:border-neutral-400 peer-checked:bg-blue peer-checked:border-blue peer-checked:text-white"><svg width="24" height="24" class="mr-2"><use xlink:href="#features--view"></use></svg> <span class="text-[1rem] leading-none tracking-tight">Vue</span></span></label></li></ul></div></div> <div class="advanced-filters-grid"><div class="advanced-filters-grid__left"><button type="button" class="w-full border border-neutral-200 h-14 grid place-items-center custom-label-tighter text-zinc-400 transition-colors hover:border-neutral-400 hover:text-zinc-600 px-6 font-[500]"> Effacer les filtres </button></div> <div class="advanced-filters-grid__right xl:flex justify-between items-center"><button class="w-full mt-8 xl:mt-0 bg-blue text-white h-14"> Search </button></div></div></div></div></div> <button class="bg-blue text-white text-center h-14 text-[14px] leading-[24px] tracking-tight">Submit</button></div> <div class="grid gap-8 md:flex md:justify-between md:items-center mt-10 w-full"><label class="flex items-center cursor-pointer"><input type="checkbox" name="to_promotion" class="peer absolute opacity-0 pointer-events-none" value=""> <span class="block relative w-5 h-5 transition-colors text-white bg-white border border-blue mr-2.5 peer-checked:bg-blue"><svg class="absolute top-1.5 left-[3px] w-3 h-2 stroke-2"><use xlink:href="#icon-check"></use></svg></span> <span class="font-[1rem] leading-[1.5] tracking-tight">Only new projects</span></label> <div class="flex items-center"><p class="opacity-30 mr-4"> Sort by: </p> <div class="min-w-[220px]"><div tabindex="0" class="multiselect multiselect-rounded multiselect-blue" custom-label="function () { [native code] }" placeholder="Default" hide-selected="true" options="[object Object],[object Object],[object Object]"><div class="multiselect__select"></div> <div class="multiselect__tags"><div class="multiselect__tags-wrap" style="display: none;"></div> <!----> <div class="multiselect__spinner" style="display: none;"></div> <!----> <!----> <span class="multiselect__placeholder"> Default </span></div> <div tabindex="-1" class="multiselect__content-wrapper" style="max-height: 300px; display: none;"><ul class="multiselect__content" style="display: inline-block;"> <!----> <li class="multiselect__element"><span data-select="" data-selected="" data-deselect="" class="multiselect__option multiselect__option--highlight"><span>Nouveautés</span></span> <!----></li><li class="multiselect__element"><span data-select="" data-selected="" data-deselect="" class="multiselect__option"><span>Prix: croissant</span></span> <!----></li><li class="multiselect__element"><span data-select="" data-selected="" data-deselect="" class="multiselect__option"><span>Prix: décroissant</span></span> <!----></li> <li style="display: none;"><span class="multiselect__option">No elements found. Consider changing the search query.</span></li> <li style="display: none;"><span class="multiselect__option">List is empty.</span></li> </ul></div></div></div></div></div></form> <div><div><ul class="hidden js-sort"><li><a href="/search-ajax/buy?action=acheter&direction=desc&sort=p.id&page=1" title="Nouveautés" class=" sortable">Nouveautés</a></li> <li><a href="/search-ajax/buy?action=acheter&direction=asc&sort=p.price&page=1" title="Prix: croissant" class=" sortable">Prix: croissant</a></li> <li><a href="/search-ajax/buy?action=acheter&direction=desc&sort=p.price&page=1" title="Prix: décroissant" class=" sortable">Prix: décroissant</a></li></ul> <div class="grid xl:grid-cols-2 mt-7 mr-px mb-px"><div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Bel attique avec vue sur le château de la Bâtiaz à Martigny" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Bel attique avec vue sur le château de la Bâtiaz à Martigny" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/bel-attique-avec-vue-sur-le-chateau-de-la-batiaz-a-martigny-366" class="absolute inset-0 text-[0px] z-10">Bel attique avec vue sur le château de la Bâtiaz à Martigny</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Martigny</span> <span class="inline-block px-2 opacity-50">•</span> <span> 113m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>4.5 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Bel attique avec vue sur le château de la Bâtiaz à Martigny</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 580’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble composé de deux appartements et un commerce" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble composé de deux appartements et un commerce" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/immeuble-compose-de-deux-appartements-et-un-commerce-371" class="absolute inset-0 text-[0px] z-10">Immeuble composé de deux appartements et un commerce</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Les Mosses</span> <span class="inline-block px-2 opacity-50">•</span> <span> 429m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>11 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Immeuble composé de deux appartements et un commerce</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 975’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Chalet de deux appartements et une boulangerie tea-rom" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Chalet de deux appartements et une boulangerie tea-rom" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/chalet-de-deux-appartements-et-une-boulangerie-tea-rom-222" class="absolute inset-0 text-[0px] z-10">Chalet de deux appartements et une boulangerie tea-rom</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Les Mosses</span> <span class="inline-block px-2 opacity-50">•</span> <span> 429m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>11 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Chalet de deux appartements et une boulangerie tea-rom</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 975’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble à rénover en Ville de Sion" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble à rénover en Ville de Sion" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/immeuble-a-renover-en-ville-de-sion-215" class="absolute inset-0 text-[0px] z-10">Immeuble à rénover en Ville de Sion</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Sion</span> <span class="inline-block px-2 opacity-50">•</span> <span> 406m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>8 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Immeuble à rénover en Ville de Sion</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 1’250’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Résidence La Violette Savièse" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Résidence La Violette Savièse" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/residence-la-violette-saviese-250" class="absolute inset-0 text-[0px] z-10">Résidence La Violette Savièse</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Savièse</span> <span class="inline-block px-2 opacity-50">•</span> <span> 86m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>3.5 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Résidence La Violette Savièse</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 480’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Nouvelle promotion à Savièse - Appartement 3.5 au deuxième étage" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Nouvelle promotion à Savièse - Appartement 3.5 au deuxième étage" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/nouvelle-promotion-a-saviese-appartement-3-5-au-deuxieme-etage-373" class="absolute inset-0 text-[0px] z-10">Nouvelle promotion à Savièse - Appartement 3.5 au deuxième étage</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Granois</span> <span class="inline-block px-2 opacity-50">•</span> <span> 116m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>3.5 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Nouvelle promotion à Savièse - Appartement 3.5 au deuxième étage</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 647’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Nouvelle promotion à Savièse - Appartement 4.5 dans les combles" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Nouvelle promotion à Savièse - Appartement 4.5 dans les combles" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/nouvelle-promotion-a-saviese-appartement-4-5-dans-les-combles-372" class="absolute inset-0 text-[0px] z-10">Nouvelle promotion à Savièse - Appartement 4.5 dans les combles</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Granois</span> <span class="inline-block px-2 opacity-50">•</span> <span> 150.72m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>4.5 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Nouvelle promotion à Savièse - Appartement 4.5 dans les combles</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 859’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Magnifique appartement de 3,5 pièces avec extérieurs à Saxon" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Magnifique appartement de 3,5 pièces avec extérieurs à Saxon" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/magnifique-appartement-de-3-5-pieces-avec-exterieurs-a-saxon-214" class="absolute inset-0 text-[0px] z-10">Magnifique appartement de 3,5 pièces avec extérieurs à Saxon</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Saxon</span> <span class="inline-block px-2 opacity-50">•</span> <span> 100m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>3.5 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Magnifique appartement de 3,5 pièces avec extérieurs à Saxon</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 550’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Votre futur local commercial au coeur de la station de Crans-Montana" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Votre futur local commercial au coeur de la station de Crans-Montana" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/votre-futur-local-commercial-au-coeur-de-la-station-de-crans-montana-211" class="absolute inset-0 text-[0px] z-10">Votre futur local commercial au coeur de la station de Crans-Montana</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Crans-Montana</span> <span class="inline-block px-2 opacity-50">•</span> <span> 474m <sup>2</sup></span> <!----> <!----></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Votre futur local commercial au coeur de la station de Crans-Montana</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 1’350’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble mixte au centre de Saxon" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Immeuble mixte au centre de Saxon" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/immeuble-mixte-au-centre-de-saxon-212" class="absolute inset-0 text-[0px] z-10">Immeuble mixte au centre de Saxon</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Saxon</span> <span class="inline-block px-2 opacity-50">•</span> <span> 346m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>10 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Immeuble mixte au centre de Saxon</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 1’100’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Charmante bâtisse de 7 pièces comportant un appartement de 4.5 pièces en duplex et une surface commerciale" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Charmante bâtisse de 7 pièces comportant un appartement de 4.5 pièces en duplex et une surface commerciale" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/charmante-batisse-de-7-pieces-comportant-un-appartement-de-4-5-pieces-en-duplex-et-une-surface-commerciale-219" class="absolute inset-0 text-[0px] z-10">Charmante bâtisse de 7 pièces comportant un appartement de 4.5 pièces en duplex et une surface commerciale</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Saint-Maurice</span> <span class="inline-block px-2 opacity-50">•</span> <span> 558m <sup>2</sup></span> <span class="inline-block px-2 opacity-50">•</span> <span>7 Rooms</span></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Charmante bâtisse de 7 pièces comportant un appartement de 4.5 pièces en duplex et une surface commerciale</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 850’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div> <div class="offer-item grid grid-rows-[auto_1fr] p-8 border border-gray -mb-px -mx-8 w-[calc(100%+4rem)] md:ml-0 md:-mr-px md:w-full"><div class="relative overflow-hidden"><div class="offer-item__img aspect-square img-clip select-none"><img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Maison de 2 appartements avec espace artisanal/entrepôt au centre de Chamoson" loading="lazy"> <img src="https://oaks-lane-frontend.ewm.dev/api/photo/no-photo-available.png" alt="Maison de 2 appartements avec espace artisanal/entrepôt au centre de Chamoson" loading="lazy"></div></div> <div class="offer-item__content relative flex flex-col md:pt-6 group"><a href="buy/maison-de-2-appartements-avec-espace-artisanal-entrepot-au-centre-de-chamoson-178" class="absolute inset-0 text-[0px] z-10">Maison de 2 appartements avec espace artisanal/entrepôt au centre de Chamoson</a> <p class="offer-item__eyebrow text-sm tracking-tight"><span>Chamoson</span> <!----> <!----> <!----> <!----></p> <h2 class="offer-item__title title text-2xl mt-3 group-hover:underline duration-300">Maison de 2 appartements avec espace artisanal/entrepôt au centre de Chamoson</h2> <p class="offer-item__price text-sm tracking-tight mt-3 whitespace-nowrap"> CHF 955’000.-</p> <div class="arrow-diagonal offer-item__arrow absolute bottom-0 right-0 w-[18px] h-[18px] overflow-hidden"><div class="arrow-diagonal-wrapp w-full h-full"><svg class="absolute w-[18px] h-[18px] translate-x-[-200%] translate-y-[-200%] group-hover:translate-x-0 group-hover:translate-y-0 duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg> <svg class="absolute w-[18px] h-[18px] group-hover:translate-x-full group-hover:translate-y-full duration-500 ease-basic-ease transition-transform"><use xlink:href="#arrow-45"></use></svg></div></div></div></div></div> <div class="pt-6 flex justify-center md:justify-end"><nav class="flex justify-center xl:justify-between js-pagination font-[500]"><ul class="grid grid-flow-col justify-center custom-label-tighter"><li><span class="pagination-item2 pagination-item2--current">1</span></li> <li><a href="/search-ajax/buy?action=acheter&page=2" class="pagination-item2"> 2 </a></li> <li><a href="/search-ajax/buy?action=acheter&page=3" class="pagination-item2"> 3 </a></li> <li><a href="/search-ajax/buy?action=acheter&page=4" class="pagination-item2"> 4 </a></li> <li><a href="/search-ajax/buy?action=acheter&page=6" class="pagination-item2">6</a></li></ul> <div class="hidden xl:grid xl:grid-flow-col xl:gap-4"><a title="suivant" rel="prev" href="/search-ajax/buy?action=acheter&page=2" class="hidden xl:circle-64"><svg width="32" height="32"><use xlink:href="#arrow-32x32-right"></use></svg></a></div></nav></div></div></div></div></div></section>