</ iframe ></noscript> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas position-right" id="offCanvas" data-off-canvas data-position="right"> <ul class="vertical menu"> <li><a href="/"><i class="icon-home"></i> Accueil</a></li> <li><a href="/destination-de-vacances/"><i class="icon-flight"></i> Destinations </a></li> <li><a href="/dernieres-minutes/"><i class="icon-sale"></i> Promos</a></li> <li><a href="/contactez-nous"><i class="icon-contact"></i>Contact</a></li> </ul> <ul class="vertical menu tools" data-accordion-menu> <li> <a href="#" class="language active"><i class="fr"></i> FR</a> <ul class="vertical menu"> <li> <a href="https://www.provacances.dk/" class="language"> <i class="da"></i> DA </a> </li> <li> <a href="https://www.provacances.co.uk/" class="language"> <i class="uk"></i> UK </a> </li> <li> <a href="https://www.provacances.de/" class="language"> <i class="de"></i> DE </a> </li> <li> <a href="https://www.provacances.no/" class="language"> <i class="no"></i> NO </a> </li> <li> <a href="https://www.provacances.se/" class="language"> <i class="sv"></i> SV </a> </li> </ul> </li> <li><a href="/my-page/"><i class="icon-lock"></i> Ma page</a></li> <li><a href="/pour-les-proprietaires/"><i class="icon-fence"></i>Propriétaires</a></li> </ul> <div class="rent-out-your-home-container text-center"><a href="/louez-votre-location-de-vacances" class="rent-out-your-home-button button">Louez votre maison</a></div> </div> <div class="off-canvas-content" data-off-canvas-content> <div class="title-bar hide-for-large"> <div class="title-bar-left"> <a href="/" title="Aller à la page d'accueil"><img src="/dist/assets/img/provacances-logo-mobile.svg" alt="Provacances logo" /></a> </div> <div class="title-bar-right"> <a href="#" id="mobileFavoritesHeart" class="showFavoritesLink"><i class="icon-heart" id="mobileFavoritesHeartIcon"></i></a> <button class="menu-icon" type="button" data-open="offCanvas"></button> </div> </div> <div class="top-bar show-for-large" id="primary-nav"> <div id="siteSearch" class="top-bar-left"> <a href="/" title="Aller à la page d'accueil"><img src="/dist/assets/img/provacances-logo-mobile.svg" alt="Provacances logo" /></a> <form id="siteSearchForm" action="/maisons-de-vacances/" method="get"> <input type="hidden" id="qHomeUnitId" name="qHomeUnitId" /> <div id="topSearchContainer" class="menu inputWithIconContainer"> <i class="icon icon-search"></i> <input type="search" name="q" id="searchword" autocomplete="off" placeholder="Texte libre ou réf."> </div> <div id="autosuggest"> </div> <p id="noResult"> <img src="/src/assets/img/logo_rotate_50_grey.gif" class="loading" /> <span id="noResultText">Aucune correspondance de vacances ou de destinations</span> </p> <img src="/src/assets/img/logo_rotate_50_grey.gif" id="loading" class="loading" /> </form> </div> <div id="siteMenu" class="top-bar-right"> <ul class="vertical medium-horizontal menu"> <li class="rent-out-your-home-container"><a href="/louez-votre-location-de-vacances" class="rent-out-your-home-button button">Louez votre maison</a></li> <li><a href="/">Accueil</a></li> <li><a href="/destination-de-vacances/">Destinations </a></li> <li><a href="/dernieres-minutes/">Promos</a></li> <li class="show-for-xlarge"><a href="/pour-les-proprietaires/">Propriétaires</a></li> <li><a href="/my-page/">Ma page</a></li> <li id="favoritesContainer"> <a href="#" class="showFavoritesLink" id="showFavoritesLink">Favoris</a> <span class="warning badge favoritesBadge hide">0</span> </li> <li><a href="/contactez-nous/">Contact</a></li> <li class="languages"> <a href="#" class="language active"><i class="fr"></i> FR</a> <ul class="vertical menu"> <li> <a href="https://www.provacances.dk/" class="language"><i class="da"></i> DA</a> </li> <li> <a href="https://www.provacances.co.uk/" class="language"><i class="uk"></i> UK</a> </li> <li> <a href="https://www.provacances.de/" class="language"><i class="de"></i> DE</a> </li> <li> <a href="https://www.provacances.no/" class="language"><i class="no"></i> NO</a> </li> <li> <a href="https://www.provacances.se/" class="language"><i class="sv"></i> SV</a> </li> </ul> </li> </ul> </div> </div> <div id="favoritesQuickView"></div> <div class="row content-copy show-for-medium" id="breadcrumbs"> <div class="small-12 columns"> <ul class="menu simple"> <li><span>Vous êtes ici:</span></li> <li><a href="/">Accueil</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.com/maisons-de-vacances/">Toutes les locations</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.com/maisons-de-vacances/france/">France</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.com/maisons-de-vacances/franceprovence-cote-d-azur/">Provence Côte d'Azur</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.com/maisons-de-vacances/franceprovence-cote-d-azurvar/">Var</a></li> <li><i class="icon icon-angle-right"></i></li> <li>Bandol</li> </ul> </div> </div> <div class="row show-for-small hide-for-large lighter-gray"> <div class="small-12 large-3 columns"> <a class="button expanded change-search">Modifiez votre recherche</a> </div> </div> <section class="full-width space-bottom"> <div class="row" ng-app="Provacances.SearchController" ng-controller="SearchCtrl" ng-init="initSrp($event, 'false', 'BrowseStep5'); initSrpSliders('0', '0', '0', '0', '0');"> <div class="small-12 large-3 columns lighter-gray filter" id="filterBoxContainer"> <div id="filterBox" class="show-for-large lighter-gray"> <a id="filterBoxAnchor"></a> <h2>Modifiez votre recherche</h2> <ul class="accordion" id="search-side-filter" data-accordion data-multi-expand="true" role="tablist"> <li id="periodAccordion" class="accordion-item "> <a href="#panel1d" role="tab" class="accordion-title" id="panel1d-heading" aria-controls="panel1d"><i class="icon icon-calendar"></i> Période</a> <div id="panel1d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel1d-heading"> <form> <div id="calendarContainer" class="input-group"> <label class="float-left columns small-6"> Du <span id="dateFromContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateFromInput" readonly="readonly" placeholder="Arrivée" value=""> <i id="removeFromDate" class="icon icon-cancel-circled"></i> <input id="chooseDateFromHidden" type="text" class="ng-hide" name="dateFrom" ng-model="srpModel.chooseDateFromHidden" /> </span> </label> <label class="float-left columns small-6"> Au <span id="dateToContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateToInput" readonly="readonly" placeholder="Départ" value=""> <input id="chooseDateToHidden" type="text" class="ng-hide" name="dateTo" ng-change="updateSrp($event, 'chooseDateToHidden', false)" ng-model="srpModel.chooseDateToHidden" /> <i id="removeToDate" class="icon icon-cancel-circled"></i> </span> </label> <div id="provacancesCalendar"></div> </div> </form> <div class="switch-wrapper"> <p> <i class="icon icon-sale"></i> Voyez les promos </p> <div class="switch large"> <input type="checkbox" class="switch-input" id="onlyShowOffers" value="1" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" name="onlyShowOffers" ng-change="updateSrp($event, 'onlyShowOffers', false)" ng-model="srpModel.onlyShowOffers"> <label class="switch-paddle" id="onlyShowOffersSwitch" for="onlyShowOffers"> <span class="show-for-sr">Voyez les promos</span> <span class="switch-active" aria-hidden="true">Oui</span> <span class="switch-inactive" aria-hidden="true"> </span> </label> </div> <p class="has-tip" title="Le planning est 100% à jour et votre réservation sera confirmée instantanément."> <i class="icon icon-lightning-full"></i> Confirmation immédiate </p> <div class="switch large"> <input type="checkbox" class="switch-input" id="onlyShowInstantConfirmation" value="1" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" name="onlyShowInstantConfirmation" ng-change="updateSrp($event, 'onlyShowInstantConfirmation', false)" ng-model="srpModel.onlyShowInstantConfirmation"> <label class="switch-paddle" for="onlyShowInstantConfirmation"> <span class="show-for-sr">Confirmation immédiate</span> <span class="switch-active" aria-hidden="true">Oui</span> <span class="switch-inactive" aria-hidden="true"> </span> </label> </div> </div> </div> </li> <li id="geoAccordion" class="accordion-item is-active"> <a href="#panel2d" role="tab" class="accordion-title" id="panel2d-heading" aria-controls="panel2d"><i class="icon icon-map"></i> Destination</a> <div id="panel2d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel2d-heading"> <div id="geopicker"> <div id="geoLocationContainer" class="inputWithIconContainer"> <input type="text" class="smaller" placeholder="Choisissez " value="Bandol"> <input type="text" id="geoLocationFilter" class="ng-hide" name="geoLocationFilter" ng-change="updateSrp($event, 'geoLocationFilter', false)" ng-model="srpModel.geoLocationFilter" placeholder="Choisissez " autocomplete="off"> <i class="icon icon-search"></i> <i id="geoLocationArrowDown" class="fa fa-caret-down"></i> </div> <div id="geospots"> <ul class="countries"> <li> <a href="#" class="back"><i class="icon icon-angle-left"></i> Retour au sommaire</a> </li> <li> <a href="/maisons-de-vacances/france/" class="country" data-value="France"><span>France</span></a> <ul class="areas"> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/" class="area" data-value="Provence Côte d'Azur"><span>Provence Côte d'Azur<small>(France)</small></span></a> <ul class="departments"> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/var/" class="department" data-value="Var"><span>Var <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/fayence/" class="town" data-value="Fayence"><span>Fayence</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/montauroux/" class="town" data-value="Montauroux"><span>Montauroux</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/les-issambres/" class="town" data-value="Les Issambres"><span>Les Issambres</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/seillans/" class="town" data-value="Seillans"><span>Seillans</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/lorgues/" class="town" data-value="Lorgues"><span>Lorgues</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/ste-maxime/" class="town" data-value="Ste-Maxime"><span>Ste-Maxime</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/callian/" class="town" data-value="Callian"><span>Callian</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/st-aygulf/" class="town" data-value="St-Aygulf"><span>St-Aygulf</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/callas/" class="town" data-value="Callas"><span>Callas</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/ollioules/" class="town" data-value="Ollioules"><span>Ollioules</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/grimaud/" class="town" data-value="Grimaud"><span>Grimaud</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/vidauban/" class="town" data-value="Vidauban"><span>Vidauban</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/st-paul-en-foret/" class="town" data-value="St-Paul-en-Forêt "><span>St-Paul-en-Forêt </span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/bagnols-en-foret/" class="town" data-value="Bagnols-en-Forêt"><span>Bagnols-en-Forêt</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/bargemon/" class="town" data-value="Bargemon"><span>Bargemon</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/bormes-les-mimosas/" class="town" data-value="Bormes-les-Mimosas"><span>Bormes-les-Mimosas</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/draguignan/" class="town" data-value="Draguignan"><span>Draguignan</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/plan-de-la-tour/" class="town" data-value="Plan-de-la-Tour"><span>Plan-de-la-Tour</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/roquebrune-sur-argens/" class="town" data-value="Roquebrune-sur-Argens"><span>Roquebrune-sur-Argens</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/le-muy/" class="town" data-value="Le Muy"><span>Le Muy</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/claviers/" class="town" data-value="Claviers"><span>Claviers</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/frejus/" class="town" data-value="Fréjus"><span>Fréjus</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/st-raphael/" class="town" data-value="St-Raphaël"><span>St-Raphaël</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/antheor/" class="town" data-value="Anthéor"><span>Anthéor</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/les-arcs/" class="town" data-value="Les Arcs"><span>Les Arcs</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/bandol/" class="town" data-value="Bandol"><span>Bandol</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/agay/" class="town" data-value="Agay"><span>Agay</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/carces/" class="town" data-value="Carcès"><span>Carcès</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/cavalaire-sur-mer/" class="town" data-value="Cavalaire-sur-Mer"><span>Cavalaire-sur-Mer</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/carqueiranne/" class="town" data-value="Carqueiranne"><span>Carqueiranne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/cotignac/" class="town" data-value="Cotignac"><span>Cotignac</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/la-croix-valmer/" class="town" data-value="La Croix-Valmer"><span>La Croix-Valmer</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/la-moutonne/" class="town" data-value="La Moutonne"><span>La Moutonne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/puget-sur-argens/" class="town" data-value="Puget-sur-Argens"><span>Puget-sur-Argens</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/six-fours-les-plages/" class="town" data-value="Six-Fours-les-Plages"><span>Six-Fours-les-Plages</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/tourrettes/" class="town" data-value="Tourrettes"><span>Tourrettes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/trans-en-provence/" class="town" data-value="Trans-en-Provence"><span>Trans-en-Provence</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/flayosc/" class="town" data-value="Flayosc"><span>Flayosc</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/montfort-sur-argens/" class="town" data-value="Montfort-sur-Argens"><span>Montfort-sur-Argens</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/les-adrets-de-l-esterel/" class="town" data-value="Les Adrets de l'Esterel"><span>Les Adrets de l'Esterel</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/mons/" class="town" data-value="Mons"><span>Mons</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/st-cezaire-sur-siagne/" class="town" data-value="St-Cézaire-sur-Siagne"><span>St-Cézaire-sur-Siagne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/var/rayol-canadel/" class="town" data-value="Rayol Canadel"><span>Rayol Canadel</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/" class="department" data-value="Alpes-Maritimes"><span>Alpes-Maritimes <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/vence/" class="town" data-value="Vence"><span>Vence</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/tourrettes-sur-loup/" class="town" data-value="Tourrettes-sur-Loup"><span>Tourrettes-sur-Loup</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/st-jeannet/" class="town" data-value="St-Jeannet"><span>St-Jeannet</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/grasse/" class="town" data-value="Grasse"><span>Grasse</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/la-gaude/" class="town" data-value="La Gaude"><span>La Gaude</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/cagnes-sur-mer/" class="town" data-value="Cagnes-sur-Mer"><span>Cagnes-sur-Mer</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/st-paul-de-vence/" class="town" data-value="St-Paul-de-Vence"><span>St-Paul-de-Vence</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/cabris/" class="town" data-value="Cabris"><span>Cabris</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/nice/" class="town" data-value="Nice"><span>Nice</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/theoule-sur-mer/" class="town" data-value="Théoule-sur-Mer"><span>Théoule-sur-Mer</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/le-rouret/" class="town" data-value="Le Rouret"><span>Le Rouret</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/villeneuve-loubet/" class="town" data-value="Villeneuve-Loubet"><span>Villeneuve-Loubet</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/chateauneuf-de-grasse/" class="town" data-value="Châteauneuf-de-Grasse"><span>Châteauneuf-de-Grasse</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/antibes/" class="town" data-value="Antibes"><span>Antibes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/cannes/" class="town" data-value="Cannes"><span>Cannes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/carros/" class="town" data-value="Carros"><span>Carros</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/eze/" class="town" data-value="Eze"><span>Eze</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/gattieres/" class="town" data-value="Gattières"><span>Gattières</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/golfe-juan/" class="town" data-value="Golfe-Juan"><span>Golfe-Juan</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/juan-les-pins/" class="town" data-value="Juan-les-Pins"><span>Juan-les-Pins</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/peymeinade/" class="town" data-value="Peymeinade"><span>Peymeinade</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/auribeau-sur-siagne/" class="town" data-value="Auribeau-sur-Siagne"><span>Auribeau-sur-Siagne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/biot/" class="town" data-value="Biot"><span>Biot</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/cannes-la-bocca/" class="town" data-value="Cannes la Bocca"><span>Cannes la Bocca</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/la-colle-sur-loup/" class="town" data-value="La Colle-sur-Loup"><span>La Colle-sur-Loup</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/mandelieu/" class="town" data-value="Mandelieu"><span>Mandelieu</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/mougins/" class="town" data-value="Mougins"><span>Mougins</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/roquefort-les-pins/" class="town" data-value="Roquefort-les-Pins"><span>Roquefort-les-Pins</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/valbonne/" class="town" data-value="Valbonne"><span>Valbonne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/villefranche-sur-mer/" class="town" data-value="Villefranche-sur-Mer"><span>Villefranche-sur-Mer</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/mandelieu-la-napoule/" class="town" data-value="Mandelieu-la-Napoule"><span>Mandelieu-la-Napoule</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/roquebrune-cap-martin/" class="town" data-value="Roquebrune-Cap-Martin"><span>Roquebrune-Cap-Martin</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/castagniers/" class="town" data-value="Castagniers "><span>Castagniers </span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/speracedes/" class="town" data-value="Spéracèdes"><span>Spéracèdes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/le-tignet/" class="town" data-value="Le Tignet"><span>Le Tignet</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/berre-les-alpes/" class="town" data-value="Berre les Alpes"><span>Berre les Alpes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/coursegoules/" class="town" data-value="Coursegoules"><span>Coursegoules</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/pegomas/" class="town" data-value="Pégomas"><span>Pégomas</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-maritimes/grasse-le-tignet/" class="town" data-value="Grasse/le Tignet"><span>Grasse/le Tignet</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/" class="department" data-value="Vaucluse"><span>Vaucluse <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/vaison-la-romaine/" class="town" data-value="Vaison-la-Romaine"><span>Vaison-la-Romaine</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/beaumes-de-venise/" class="town" data-value="Beaumes-de-Venise"><span>Beaumes-de-Venise</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/malaucene/" class="town" data-value="Malaucène"><span>Malaucène</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/pernes-les-fontaines/" class="town" data-value="Pernes-les-Fontaines"><span>Pernes-les-Fontaines</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/apt/" class="town" data-value="Apt"><span>Apt</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/gordes/" class="town" data-value="Gordes"><span>Gordes</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/isle-sur-la-sorgue/" class="town" data-value="Isle-sur-la-Sorgue"><span>Isle-sur-la-Sorgue</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/orange/" class="town" data-value="Orange"><span>Orange</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/cavaillon/" class="town" data-value="Cavaillon"><span>Cavaillon</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/mollans-sur-ouveze/" class="town" data-value="Mollans sur Ouvèze"><span>Mollans sur Ouvèze</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/saint-martin-de-castillon/" class="town" data-value="Saint-Martin-de-Castillon"><span>Saint-Martin-de-Castillon</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/aubignan/" class="town" data-value="Aubignan"><span>Aubignan</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/villeneuve-les-avignon/" class="town" data-value="Villeneuve-lès-Avignon"><span>Villeneuve-lès-Avignon</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/cairanne/" class="town" data-value="Cairanne"><span>Cairanne</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/valreas/" class="town" data-value="Valreas"><span>Valreas</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/vaucluse/cameret-sur-aigues/" class="town" data-value="Cameret sur Aigues"><span>Cameret sur Aigues</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/bouches-du-rhone/" class="department" data-value="Bouches-du-Rhône"><span>Bouches-du-Rhône <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/bouches-du-rhone/martigues/" class="town" data-value="Martigues"><span>Martigues</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/bouches-du-rhone/sausset-les-pins/" class="town" data-value="Sausset les Pins"><span>Sausset les Pins</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/bouches-du-rhone/paradou/" class="town" data-value="Paradou"><span>Paradou</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-de-haute-provence/" class="department" data-value="Alpes-de-Haute-Provence"><span>Alpes-de-Haute-Provence <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-de-haute-provence/cereste/" class="town" data-value="Cereste"><span>Cereste</span></a></li> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/alpes-de-haute-provence/reillanne/" class="town" data-value="Reillanne"><span>Reillanne</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/drome/" class="department" data-value="Drôme"><span>Drôme <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/provence-cote-d-azur/drome/plaisians/" class="town" data-value="Plaisians"><span>Plaisians</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/provence-cote-d-azur/ardeche/" class="department" data-value="Ardèche"><span>Ardèche <small>(France)</small></span></a> <ul class="towns"> </ul> </li> </ul> </li> <li> <a href="/maisons-de-vacances/france/languedoc-roussillon/" class="area" data-value="Languedoc-Roussillon"><span>Languedoc-Roussillon<small>(France)</small></span></a> <ul class="departments"> <li> <a href="/maisons-de-vacances/france/languedoc-roussillon/aude/" class="department" data-value="Aude"><span>Aude <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/salleles-d-aude/" class="town" data-value="Sallèles-d'Aude"><span>Sallèles-d'Aude</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/montbrun-des-corbieres/" class="town" data-value="Montbrun-des-Corbières"><span>Montbrun-des-Corbières</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/ferrals-les-corbieres/" class="town" data-value="Ferrals-les-Corbières"><span>Ferrals-les-Corbières</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/fraisse/" class="town" data-value="Fraissé"><span>Fraissé</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/canet-d-aude/" class="town" data-value="Canet d´Aude"><span>Canet d´Aude</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/talairan/" class="town" data-value="Talairan"><span>Talairan</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/argeliers/" class="town" data-value="Argeliers"><span>Argeliers</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/aude/conilhac-de-la-montagne/" class="town" data-value="Conilhac-de-la-Montagne"><span>Conilhac-de-la-Montagne</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/languedoc-roussillon/herault/" class="department" data-value="Hérault"><span>Hérault <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/herault/cap-d-agde-agde/" class="town" data-value="Cap d'Agde - Agde"><span>Cap d'Agde - Agde</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/herault/st-amans-soult/" class="town" data-value="St-Amans-Soult"><span>St-Amans-Soult</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/herault/cazouls/" class="town" data-value="Cazouls"><span>Cazouls</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/languedoc-roussillon/pyrenees-orientales/" class="department" data-value="Pyrénées-Orientales"><span>Pyrénées-Orientales <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/pyrenees-orientales/laroque-des-alberes/" class="town" data-value="Laroque des Albères"><span>Laroque des Albères</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/pyrenees-orientales/le-barcares-port-barcares/" class="town" data-value="Le Barcarès - Port Barcarès"><span>Le Barcarès - Port Barcarès</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/pyrenees-orientales/sorede/" class="town" data-value="Sorède"><span>Sorède</span></a></li> </ul> </li> <li> <a href="/maisons-de-vacances/france/languedoc-roussillon/gard/" class="department" data-value="Gard"><span>Gard <small>(France)</small></span></a> <ul class="towns"> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/gard/langlade/" class="town" data-value="Langlade"><span>Langlade</span></a></li> <li><a href="/maisons-de-vacances/france/languedoc-roussillon/gard/roquemaure/" class="town" data-value="Roquemaure"><span>Roquemaure</span></a></li> </ul> </li> </ul> </li> <li> <a href="/maisons-de-vacances/france/alsace-bourgogne/" class="area" data-value="Alsace - Bourgogne"><span>Alsace - Bourgogne<small>(France)</small></span></a> <ul class="departments"> </ul> </li> <li> <a href="/maisons-de-vacances/france/normandie-et-bretagne/" class="area" data-value="Normandie et Bretagne"><span>Normandie et Bretagne<small>(France)</small></span></a> <ul class="departments"> </ul> </li> </ul> </li> </ul> </div> </div> </div> </li> <li id="hometypeAccordion" class="accordion-item "> <a href="#panel3d" role="tab" class="accordion-title" id="panel3d-heading" aria-controls="panel3d"><i class="icon icon-home"></i> Logement</a> <div id="panel3d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel3d-heading"> <div class="switch-wrapper"> <p>Maison/Villa</p> <div class="button-group small"> <a class="button" id="villaYesButton" onclick="angular.element('#villaYes').triggerHandler('click');">Oui</a> <a class="button" id="villaNoButton" onclick="angular.element('#villaNo').triggerHandler('click');">Non</a> </div> <input type="radio" name="villa" ng-click="updateSrp($event, 'villaYes', true)" ng-model="srpModel.villaYes" id="villaYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="villa" ng-click="updateSrp($event, 'villaNo', true)" ng-model="srpModel.villaNo" id="villaNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> <div class="switch-wrapper"> <p>Appartement</p> <div class="button-group small"> <a class="button" id="apartmentYesButton" onclick="angular.element('#apartmentYes').triggerHandler('click');">Oui</a> <a class="button" id="apartmentNoButton" onclick="angular.element('#apartmentNo').triggerHandler('click');">Non</a> </div> <input type="radio" name="apartment" ng-click="updateSrp($event, 'apartmentYes', true)" ng-model="srpModel.apartmentYes" id="apartmentYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="apartment" ng-click="updateSrp($event, 'apartmentNo', true)" ng-model="srpModel.apartmentNo" id="apartmentNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> <div class="switch-wrapper"> <p>Gîtes ruraux</p> <div class="button-group small"> <a class="button" id="ruralApartmentYesButton" onclick="angular.element('#ruralApartmentYes').triggerHandler('click');">Oui</a> <a class="button" id="ruralApartmentNoButton" onclick="angular.element('#ruralApartmentNo').triggerHandler('click');">Non</a> </div> <input type="radio" name="ruralApartment" ng-click="updateSrp($event, 'ruralApartmentYes', true)" ng-model="srpModel.ruralApartmentYes" id="ruralApartmentYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="ruralApartment" ng-click="updateSrp($event, 'ruralApartmentNo', true)" ng-model="srpModel.ruralApartmentNo" id="ruralApartmentNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> </div> </li> <li id="personsAccordion" class="accordion-item "> <a href="#panel4d" role="tab" class="accordion-title" id="panel4d-heading" aria-controls="panel4d"><i class="icon icon-human"></i> Capacité </a> <div id="panel4d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel4d-heading"> <select type="select" id="persons" name="persons" ng-model="srpModel.persons" ng-change="updateSrp($event, 'persons', false)"> <option value="">Choisissez </option> <option ng-repeat="personOption in srpModel.personOptions" value="{{personOption.id}}">{{personOption.name}}</option> </select> </div> </li> <li id="bedroomsAccordion" class="accordion-item "> <a href="#panel5d" role="tab" class="accordion-title" id="panel5d-heading" aria-controls="panel5d"><i class="icon icon-bed"></i> Chambres</a> <div id="panel5d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel5d-heading"> <select type="select" id="bedrooms" name="bedrooms" ng-model="srpModel.bedrooms" ng-change="updateSrp($event, 'bedrooms', false)"> <option value="">Choisissez </option> <option ng-repeat="bedroomOption in srpModel.bedroomOptions" value="{{bedroomOption.id}}">{{bedroomOption.name}}</option> </select> </div> </li> <li id="bathroomsAccordion" class="accordion-item "> <a href="#panel6d" role="tab" class="accordion-title" id="panel6d-heading" aria-controls="panel6d"><i class="icon icon-bathtub"></i> Sdb/s.d’eau</a> <div id="panel6d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel6d-heading"> <select type="select" id="bathrooms" name="bathrooms" ng-model="srpModel.bathrooms" ng-change="updateSrp($event, 'bathrooms', false)"> <option value="">Choisissez </option> <option ng-repeat="bathroomOption in srpModel.bathroomOptions" value="{{bathroomOption.id}}">{{bathroomOption.name}}</option> </select> </div> </li> <li id="distanceToSeaAccordion" class="accordion-item "> <a href="#panel7d" role="tab" class="accordion-title" id="panel7d-heading" aria-controls="panel7d"><i class="icon icon-water"></i> Distance de la mer</a> <div id="panel7d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel7d-heading"> <select type="select" id="distanceToSea" name="distanceToSea" ng-model="srpModel.distanceToSea" ng-change="updateSrp($event, 'distanceToSea', false)"> <option value="">Choisissez </option> <option ng-repeat="distanceToSeaOption in srpModel.distanceToSeaOptions" value="{{distanceToSeaOption.id}}">{{distanceToSeaOption.name}} km</option> </select> </div> </li> <li id="distanceToTownShoppingAccordion" class="accordion-item "> <a href="#panel8d" role="tab" class="accordion-title" id="panel8d-heading" aria-controls="panel8d"><i class="icon icon-sale"></i> Distance de la ville </a> <div id="panel8d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel8d-heading"> <select type="select" id="distanceToShopping" name="distanceToShopping" ng-model="srpModel.distanceToShopping" ng-change="updateSrp($event, 'distanceToShopping', false)"> <option value="">Choisissez </option> <option ng-repeat="distanceToShoppingOption in srpModel.distanceToShoppingOptions" value="{{distanceToShoppingOption.id}}">{{distanceToShoppingOption.name}} km</option> </select> </div> </li> <li id="facilityAccordion" class="accordion-item "> <a href="#panel9d" role="tab" class="accordion-title" id="panel9d-heading" aria-controls="panel9d"><i class="icon icon-like"></i> Plus de filtres</a> <div id="panel9d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel9d-heading"> <div class="wrapper"> <p>Piscine privée</p> <div class="button-group small"> <a class="button" id="poolYesButton" onclick="angular.element('#poolYes').triggerHandler('click'); $('#poolYes').prop('checked', true);">Oui</a> <a class="button" id="poolNoButton" onclick="angular.element('#poolNo').triggerHandler('click'); $('#poolNo').prop('checked', true);">Non</a> </div> <input type="radio" name="pool" ng-click="updateSrp($event, 'poolYes', true)" ng-model="srpModel.poolYes" id="poolYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="pool" ng-click="updateSrp($event, 'poolNo', true)" ng-model="srpModel.poolNo" id="poolNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> <div class="wrapper"> <p>Piscine commune</p> <div class="button-group small"> <a class="button" id="poolIsSharedYesButton" onclick="angular.element('#poolIsSharedYes').triggerHandler('click'); $('#poolIsSharedYes').prop('checked', true);">Oui</a> <a class="button" id="poolIsSharedNoButton" onclick="angular.element('#poolIsSharedNo').triggerHandler('click'); $('#poolIsSharedNo').prop('checked', true);">Non</a> </div> <input type="radio" name="poolIsShared" ng-click="updateSrp($event, 'poolIsSharedYes', true)" ng-model="srpModel.poolIsSharedYes" id="poolIsSharedYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="poolIsShared" ng-click="updateSrp($event, 'poolIsSharedNo', true)" ng-model="srpModel.poolIsSharedNo" id="poolIsSharedNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> <div class="wrapper"> <p>Piscine clôturée</p> <div class="button-group small"> <a class="button" id="fencedPoolYesButton" onclick="angular.element('#fencedPoolYes').triggerHandler('click'); $('#fencedPoolYes').prop('checked', true);">Oui</a> <a class="button" id="fencedPoolNoButton" onclick="angular.element('#fencedPoolNo').triggerHandler('click'); $('#fencedPoolNo').prop('checked', true);">Non</a> </div> <input type="radio" name="fencedPool" ng-click="updateSrp($event, 'fencedPoolYes', true)" ng-model="srpModel.fencedPoolYes" id="fencedPoolYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" class="ngRegister" /> <input type="radio" name="fencedPool" ng-click="updateSrp($event, 'fencedPoolNo', true)" ng-model="srpModel.fencedPoolNo" id="fencedPoolNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" class="ngRegister" /> </div> <div class="wrapper"> <p>Chauffage piscine</p> <div class="button-group small"> <a class="button" id="poolHeatingYesButton" onclick="angular.element('#poolHeatingYes').triggerHandler('click'); $('#poolHeatingYes').prop('checked', true);">Oui</a> <a class="button" id="poolHeatingNoButton" onclick="angular.element('#poolHeatingNo').triggerHandler('click'); $('#poolHeatingNo').prop('checked', true);">Non</a> </div> <input type="radio" name="poolHeating" ng-click="updateSrp($event, 'poolHeatingYes', true)" ng-model="srpModel.poolHeatingYes" id="poolHeatingYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" /> <input type="radio" name="poolHeating" ng-click="updateSrp($event, 'poolHeatingNo', true)" ng-model="srpModel.poolHeatingNo" id="poolHeatingNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" /> </div> <div class="wrapper"> <p>Climatisation</p> <div class="button-group small"> <a class="button" id="airconditionYesButton" onclick="angular.element('#airconditionYes').triggerHandler('click'); $('#airconditionYes').prop('checked', true);">Oui</a> <a class="button" id="airconditionNoButton" onclick="angular.element('#airconditionNo').triggerHandler('click'); $('#airconditionNo').prop('checked', true);">Non</a> </div> <input type="radio" name="aircondition" ng-click="updateSrp($event, 'airconditionYes', true)" ng-model="srpModel.airconditionYes" id="airconditionYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" /> <input type="radio" name="aircondition" ng-click="updateSrp($event, 'airconditionNo', true)" ng-model="srpModel.airconditionNo" id="airconditionNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" /> </div> <div class="wrapper"> <p>Internet</p> <div class="button-group small"> <a class="button" id="internetYesButton" onclick="angular.element('#internetYes').triggerHandler('click'); $('#internetYes').prop('checked', true);">Oui</a> <a class="button" id="internetNoButton" onclick="angular.element('#internetNo').triggerHandler('click'); $('#internetNo').prop('checked', true);">Non</a> </div> <input type="radio" name="internet" ng-click="updateSrp($event, 'internetYes', true)" ng-model="srpModel.internetYes" id="internetYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" /> <input type="radio" name="internet" ng-click="updateSrp($event, 'internetNo', true)" ng-model="srpModel.internetNo" id="internetNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" /> </div> <div class="wrapper"> <p>Chien admis</p> <div class="button-group small"> <a class="button" id="petsAllowedYesButton" onclick="angular.element('#petsAllowedYes').triggerHandler('click'); $('#petsAllowedYes').prop('checked', true);">Oui</a> <a class="button" id="petsAllowedNoButton" onclick="angular.element('#petsAllowedNo').triggerHandler('click'); $('#petsAllowedNo').prop('checked', true);">Non</a> </div> <input type="radio" name="petsAllowed" ng-click="updateSrp($event, 'petsAllowedYes', true)" ng-model="srpModel.internetYes" id="petsAllowedYes" ng-value="1" ng-true-value="'1'" ng-false-value="'0'" /> <input type="radio" name="petsAllowed" ng-click="updateSrp($event, 'petsAllowedNo', true)" ng-model="srpModel.internetNo" id="petsAllowedNo" ng-value="0" ng-true-value="'0'" ng-false-value="'1'" /> </div> </div> </li> </ul> <div id="spacerToToTopButton"></div> </div> <div id="topTopButton" class="show-for-large"> <a href="#filterBox" class="button expanded secondary"><i class="icon icon-angle-up"></i> Modifiez votre recherche</a> </div> </div> <div class="small-12 large-9 columns" id="search-result"> <div class="row"> <div class="large-10 small-12"> <p class="info float-left"> <i class="icon icon-lightning-full"></i> = Confirmation immédiate </p> <div class="list-filter"> <p ng-if="!srpModel.isMapView" class="float-left">Triez par:</p> <div ng-if="!srpModel.isMapView" class="button-group round small secondary float-left"> <a id="sortingDefault" ng-click="updateSrp($event, 'sorting', false)" data-sortBy="" data-sortDirection="descending" class="button sortButton" ng-model="srpModel.orderby"> Tri standard </a> <a id="sortingNumberOfPersons" ng-click="updateSrp($event, 'sorting', false)" data-sortBy="NumberOfPersons" data-sortDirection="descending" class="button sortButton" ng-model="srpModel.orderby"> Nombre de personnes <i class="icon icon-angle-{{srpModel.orderbydirection=='descending' ?'down':'up'}}" ng-if="srpModel.orderby==='NumberOfPersons'" ng-model="srpModel.orderbydirection"></i> </a> <a id="sortingPrice" ng-click="updateSrp($event, 'sorting', false)" data-sortBy="Price" data-sortDirection="descending" class="button sortButton" ng-model="srpModel.orderby"> Prix <i class="icon icon-angle-{{srpModel.orderbydirection=='descending' ?'down':'up'}}" ng-if="srpModel.orderby==='Price'" ng-model="srpModel.orderbydirection"></i> </a> </div> </div> </div> <div class="large-2 small-12"> <a ng-click="changeSrpView($event, true)" href="#" data-searchOnMapUrlFriendlyName="recherche-sur-la-carte" data-appendUrlPrefix="false" data-srpUrlPrefix="maisons-de-vacances" title="Voyez la carte" class="button small secondary pull-right"><i class="icon icon-map"></i> Voyez sur la carte</a> </div> </div> <div class="row"> <div id="searchResultAndHeader" class="small-12 columns content fixed-fixed"> <div id="loadingResults" ng-show="busyLoadingResults"> <img src="/src/assets/img/logo_rotate_50_grey.gif" /> </div> <div id="srpPageHeader" class="small-12 columns"> <h1> 2 Locations de vacances en Bandol, France </h1> </div> <div id="searchResult" class="small-12 columns" ng-class="busyLoadingResults ? 'dimmed': ''"> <div id="srp" > <div class="row" id="homeUnit2771"> <div class="small-12 columns holiday wide"> <div class="row"> <div class="xlarge-5 medium-4 small-12 img new-addition-container"> <a href="#" title="Ajoutez aux favoris" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite2771 icon icon-heart-full ngClick" data-homeunitid="2771"></a> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-avec-piscine-et-vue-mer-a-bandol/id2771/" title="Maison de vacances avec piscine et vue mer à Bandol" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/83/83_666_130.jpg" class="lazyload" alt="Maison de vacances avec piscine et vue mer à Bandol" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/83/83_666_130.jpg" class="lazyload" alt="Maison de vacances avec piscine et vue mer à Bandol" /> </div> </a> </div> <div class="xlarge-7 medium-8 small-12 copy"> <div class="row"> <div class="small-12 medium-7 top"> <div class="stars"><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star-outline"></a></div> <h3> <small>Ref. 83.666, Provence Côte d'Azur, France</small> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-avec-piscine-et-vue-mer-a-bandol/id2771/" target="_blank">Maison de vacances avec piscine et vue mer à Bandol</a> <small class="show-for-xlarge show-for-xxlarge">Belle villa à Bandol pour 11 personnes située dans la première rangée de la mer avec vue panoramique sur la mer Méditerranée. Juste en face de la...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Climatisation" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Oui </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Oui </span> <span href="#" title="Piscine" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Piscine: Oui </span> <span href="#" title="Nombre de personnes" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 11 </span> <span href="#" title="Chambres" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">5</span> <span href="#" title="Sdb/s.d’eau" class="icon icon-bathtub has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> 2 </span> </div> </div> <div class="small-12 medium-5 bottom"> <div class="actualPrice"> <p> Du 2 174 €</p> </div> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-avec-piscine-et-vue-mer-a-bandol/id2771/" id="gotoHomeUnit2771" target="_blank" title="Maison de vacances avec piscine et vue mer à Bandol" class="submitButton button primary expand"> <i class="icon icon-lightning-full"></i> Découvrez </a> <p class="show-for-large"> <a ng-click="openMap(43.13668, 5.73284, 2771, 2148, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Voyez la carte</a><br /> <a ng-click="openPricesOverview(2771)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Tarifs semaine</a><br /> <a ng-click="openPriceDetails(2771)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Préstations complémentaires</a> </p> </div> </div> </div> </div> </div> </div> <div class="row" id="homeUnit2936"> <div class="small-12 columns holiday wide"> <div class="row"> <div class="xlarge-5 medium-4 small-12 img new-addition-container"> <a href="#" title="Ajoutez aux favoris" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite2936 icon icon-heart-full ngClick" data-homeunitid="2936"></a> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-luxueuse-a-bandol-avec-vue-imprenable/id2936/" title="Maison de vacances luxueuse à Bandol avec vue imprenable" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/83/83_668_30.jpg" class="lazyload" alt="Maison de vacances luxueuse à Bandol avec vue imprenable" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/83/83_668_30.jpg" class="lazyload" alt="Maison de vacances luxueuse à Bandol avec vue imprenable" /> </div> </a> </div> <div class="xlarge-7 medium-8 small-12 copy"> <div class="row"> <div class="small-12 medium-7 top"> <div class="stars"><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a><a href="#" class="icon icon-star active"></a></div> <h3> <small>Ref. 83.668, Provence Côte d'Azur, France</small> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-luxueuse-a-bandol-avec-vue-imprenable/id2936/" target="_blank">Maison de vacances luxueuse à Bandol avec vue imprenable</a> <small class="show-for-xlarge show-for-xxlarge">Située sur une corniche privée qui domine la baie, cette luxueuse maison de vacances au positionnement unique offre une vue époustouflante et un...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Climatisation" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Oui </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Oui </span> <span href="#" title="Piscine" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Piscine: Oui </span> <span href="#" title="Nombre de personnes" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 12 </span> <span href="#" title="Chambres" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">6</span> <span href="#" title="Sdb/s.d’eau" class="icon icon-bathtub has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> 6 </span> </div> </div> <div class="small-12 medium-5 bottom"> <div class="actualPrice"> <p> Du 12 109 €</p> </div> <a href="https://www.provacances.com/maison-de-vacances/maison-de-vacances-luxueuse-a-bandol-avec-vue-imprenable/id2936/" id="gotoHomeUnit2936" target="_blank" title="Maison de vacances luxueuse à Bandol avec vue imprenable" class="submitButton button primary expand"> Découvrez </a> <p class="show-for-large"> <a ng-click="openMap(43.13638, 5.732197, 2936, 2276, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Voyez la carte</a><br /> <a ng-click="openPricesOverview(2936)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Tarifs semaine</a><br /> <a ng-click="openPriceDetails(2936)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Préstations complémentaires</a> </p> </div> </div> </div> </div> </div> </div> </div> <div id="loadMoreResults" ng-show="busyLoadingMoreResults"> <img src="https://static03.provacances.net/dist/assets/img/logo_rotate_100_white.gif" /> </div> <div id="searchResultMapView"> <div id="map_canvas"></div> </div> </div> </div> </div> </div> <div class="reveal" id="priceDetailsRevealModal" data-reveal> <div id="priceDetailsReveal" class="initialStyle"> <img src="https://static03.provacances.net/dist/assets/img/logo_rotate_50_white.gif" class="loading"/> </div> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">×</span> </button> </div> <div class="reveal full-width" id="pricesOverviewRevealModal" data-reveal> <div id="pricesOverviewReveal" class="initialStyle"> <img src="https://static03.provacances.net/dist/assets/img/logo_rotate_50_white.gif" class="loading"/> </div> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">×</span> </button> </div> <div class="reveal full-width" id="mapReveal" data-reveal> <div class="full-width map" id="map_canvas_srp_item"></div> </div> </div> </section> <div class="full-width overlay-bottom" id="cookie-bottom"> <div class="row"> <div class="small-9 columns"> Nous utilisons des cookies sur ce site. La plupart du temps de se rappeler les paramètres de l'utilisateur, mais aussi pour la collecte de statistiques. En utilisant ce site, vous acceptez que nous utilisons des cookies. <a href="/politique-de-confidentialite/#Cookies">En savoir plus sur notre utilisation des cookies</a> </div> <div class="small-3 columns text-right"> <a href="#" id="cookieAcceptButton" title="Acceptez et fermez" class="button primary"> <i class="icon icon-cancel-circled"></i> <span class="hide-for-small-only">Acceptez et fermez</span> </a> </div> </div> </div> <footer> <div> <div class="row align-center align-middle"> <div class="column"> <a href="https://www.trustpilot.com/review/www.provacances.de" title="Trustpilot" target="_blank"><img src="https://static03.provacances.net//dist/assets/img/trustpilot.svg" /></a> </div> <div class="column show-for-medium"> <a href="http://www.facebook.com/Provacances" title="" target="_blank"><img src="/dist/assets/img/find-us-on-facebook.svg" /></a> </div> <div class="column show-for-medium"> <a href="https://www.bisnode.dk/om-bisnode/hvad-vi-gor/live-rating-logo-eng/" target="_blank" style="text-decoration: none;"><img style="border: 0px; width: 150px; padding: 10px; " oncontextmenu="return false" title="Our company is credit worthy according to Bisnode's credit assessment system that is based on a number of decision rules. This credit rating is updated on a daily basis, and always shows the current rating and date." alt="Our company is credit worthy according to Bisnode's credit assessment system that is based on a number of decision rules. This credit rating is updated on a daily basis, and always shows the current rating and date." id="bisnode" src="/dist/assets/img/AAA_logo_166x101.png" /></a> </div> </div> </div> <div class="row"> <div class="small-12 medium-6 large-3 columns"> <ul> <li><img src="https://static03.provacances.net//dist/assets/img/provacances-logo-mobile.svg" alt="" /></li> <li><a href="/concernant-provacances/">Infos sur Provacances</a></li> <li><a href="/classification/">Classification</a></li> <li><a href="/conditions-de-location/">Conditions de location</a></li> <li><a href="/contactez-nous/">Contact</a></li> <li><a href="/politique-de-confidentialite/">Politique de confidentialité</a></li> <li><img src="https://static03.provacances.net//dist/assets/img/payments.png" alt="Nous acceptons le paiement avec Dankort, E-Dankort, Visa et Mastercard" /></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Heures d'ouverture </li> <li>Lundi-Vendredi: 9h00 - 14h00</li> <li></li> <li>Les e-mails sont répondus tous les jours jusqu'à 18h</li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Liens utiles</li> <li><a href="/pour-les-proprietaires/">Propriétaires</a></li> <li><a href="/avis/">Appréciations</a></li> <li><a href="/faq/">FAQ</a></li> <li><a href="/bon-a-savoir/">Bon à savoir</a></li> <li><a href="/les-newsletters/">Les newsletters</a></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Recevez notre newsletter</li> <li>Abonnez-vous à notre newsletter et recevez les offres spéciales et promotions sur les locations de vacances.</li> <li> <div class="input-group"> <input class="input-group-field" type="email" placeholder="Adresse e-mail" id="newsletterEmailAddress" name="newsletterEmailAddress"> <a class="input-group-button button" id="newsletterSignupButton">S'abonner</a> </div> </li> <li><small></small></li> </ul> </div> </div> <div> <div class="row text-center"> <p>© Provacances</p> </div> </div> </footer> <div id="search-bar-spacer"> </div> <div class="reveal" id="revealModal" data-reveal> <div id="revealModalContent" class="initialStyle"> <img src="/src/assets/img/logo_rotate_50_white.gif" class="loading" /> </div> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <script src="https://static04.provacances.net/dist/assets/js/foundation.js?v=20341_637471954700000000"></script> <script src="https://static04.provacances.net/dist/assets/js/app.js?v=20341_637471954700000000"></script> <script src="https://static04.provacances.net/dist/assets/js/datepicker-fr.js"></script> <script src="https://static04.provacances.net/dist/assets/js/angular.js?v=20341_637471954700000000"></script> <script src="https://static03.provacances.net/dist/assets/js/SearchController.js?v=20341_637471954700000000"></script> <!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1176310-8', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-2DRBJG7WD3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2DRBJG7WD3'); </script> <!-- MailChimpNewsletterSignUp is not enabled --> <!-- Mailchimp tracking code --> <script type="text/javascript"> var $mcGoal = { 'settings': { 'uuid': 'aa3037f18f798db6241604103', 'dc': 'us6' } }; (function () { var sp = document.createElement('script'); sp.type = 'text/javascript'; sp.async = true; sp.defer = true; sp.src = ('https:' == document.location.protocol ? 'https://s3.amazonaws.com/downloads.mailchimp.com' : 'http://downloads.mailchimp.com') + '/js/goal.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sp, s); })(); </script> <script type="text/javascript"> $(document).ready(function () { ProvacancesApp.initMaster('www.provacances.com'); /**/ Ladda.bind('.ladda-button'); ProvacancesApp.initSearch(); }); </script> <script id="autosuggestTemplate" type="text/x-handlebars-template"> <img src="https://static04.provacances.net/dist/assets/img/logo_rotate_50_grey.gif" class="loading" /> {{#each this}} {{#if IsHomeUnit}} {{#if IsFirst}} <div class="row space-extra-top-bottom autosuggest header"> <div class="small-12 columns"><h3>Locations de vacances <span id="holidayHomesCount"></span></h3></div> </div> {{/if}} <div class="row space-extra-top-bottom autosuggest homeunit"> <div class="small-5 columns image"> <a href="{{AutoSuggestHomeUnit.VipUrl}}"> <img src="https://static03.provacances.net/HomeImages/320/{{AutoSuggestHomeUnit.ReferenceNumberFirstTwoCharacters}}/{{AutoSuggestHomeUnit.MainImageFileName}}" alt="{{AutoSuggestHomeUnit.AreaAndCountry}}" /> </a> </div> <div class="small-7 columns"> <div class="smaller"><strong>{{AutoSuggestHomeUnit.ReferenceNumber}}</strong></div> <a href="{{AutoSuggestHomeUnit.VipUrl}}"> {{AutoSuggestHomeUnit.DescriptionHeader}} </a><br /> <span class="smaller">{{AutoSuggestHomeUnit.AreaAndCountry}}</span> </div> </div> {{else}} {{#if IsFirst}} <div class="row space-extra-top-bottom autosuggest header"> <div class="small-12 columns"><h3>Destinations <span id="destinationsCount"></span></h3></div> </div> {{/if}} <div class="row space-extra-top-bottom small autosuggest geography"> <div class="small-12 columns"> <a href="{{AutoSuggestArea.GeoItemUrl}}"> <strong>{{AutoSuggestArea.GeoItemName}}</strong> </a><br /> {{AutoSuggestArea.GeoItemDescription}} </div> </div> {{/if}} {{/each}} </script> <script id="favoritesQuickViewTemplate" type="text/x-handlebars-template"> <div class="row"> <div class="small-12"> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span class="close-button-span" aria-hidden="true">×</span> </button> <h3>Favoris</h3> <div class="noFavoritesText"> <strong>Ajouter aux favoris</strong><br /> <p>Ici vous pouvez enregistrer les locations que vous préférez. Pour enregistrer une location à votre liste de favoris, cliquez sur le cœur.</p> </div> </div> </div> {{#each objects}} <div class="row space-extra-top-bottom favoritesQuickViewItem"> <div class="small-3 image"> <a href="{{VipUrl}}"> <img src="https://static03.provacances.net/HomeImages/320/{{ReferenceNumberFirstTwoCharacters}}/{{MainImageFileName}}" alt="{{TownName}}, {{AreaName}}" /> </a> </div> <div class="small-9 columns"> <div class="smaller"><strong>{{ReferenceNumber}}</strong><i class="removeFavorite icon icon-cancel-circled" onclick="ProvacancesApp.removeHomeUnitFromFavorites({{HomeUnitId}})"></i></div> <a href="{{VipUrl}}"> {{DescriptionHeader}} </a> <span class="smaller">{{AreaName}}, {{CountryName}}</span> <div class="icons"> <span href="#" title="Climatisation" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> {{#if Aircondition}} Oui {{else}}Non{{/if}} </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> {{#if Internet}} Oui {{else}}Non{{/if}} </span> <span href="#" title="Piscine" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Piscine: {{#if Pool}} Oui {{else}}Non{{/if}} </span> <span href="#" title="Nombre de personnes" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4">{{MaxPersons}}</span> <span href="#" title="Chambres" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">{{NumOfBedrooms}}</span> <span href="#" title="Chien admis" class="icon icon-dog has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> {{#if PetsAllowed}} Oui {{else}}Non{{/if}} </span> </div> <span class="smaller"> Prix du {{PriceFrom}} € </span> </div> </div> {{/each}} </script> </body> </html>