</ 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> Home</a></li> <li><a href="/holiday-destinations/"><i class="icon-flight"></i> Holiday destinations</a></li> <li><a href="/last-minute/"><i class="icon-sale"></i> Offers</a></li> <li><a href="/contact-us"><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="uk"></i> UK</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.com/" class="language"> <i class="fr"></i> FR </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> My page</a></li> <li><a href="/for-homeowners/"><i class="icon-fence"></i> Home owners</a></li> </ul> <div class="rent-out-your-home-container text-center"><a href="/rent-out-your-holiday-home" class="rent-out-your-home-button button">Rent out your home</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="Go to the front page"><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="Go to the front page"><img src="/dist/assets/img/provacances-logo-mobile.svg" alt="Provacances logo" /></a> <form id="siteSearchForm" action="/holiday-homes/" 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="Free text or ref no."> </div> <div id="autosuggest"> </div> <p id="noResult"> <img src="/src/assets/img/logo_rotate_50_grey.gif" class="loading" /> <span id="noResultText">No matching holiday homes or 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="/rent-out-your-holiday-home" class="rent-out-your-home-button button">Rent out your home</a></li> <li><a href="/">Home</a></li> <li><a href="/holiday-destinations/">Holiday destinations</a></li> <li><a href="/last-minute/">Offers</a></li> <li class="show-for-xlarge"><a href="/for-homeowners/"> Home owners</a></li> <li><a href="/my-page/">My page</a></li> <li id="favoritesContainer"> <a href="#" class="showFavoritesLink" id="showFavoritesLink">Favorites</a> <span class="warning badge favoritesBadge hide">0</span> </li> <li><a href="/contact-us/">Contact</a></li> <li class="languages"> <a href="#" class="language active"><i class="uk"></i> UK</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.com/" class="language"><i class="fr"></i> FR</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>You are here:</span></li> <li><a href="/">Home</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.co.uk/holiday-homes/">All holiday homes</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.co.uk/holiday-homes/france/">France</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.co.uk/holiday-homes/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.co.uk/holiday-homes/franceprovence-cote-d-azuralpes-maritimes/">Alpes-Maritimes</a></li> <li><i class="icon icon-angle-right"></i></li> <li>Théoule-sur-Mer</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">Adjust your search</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>Adjust your search</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> Period</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"> From <span id="dateFromContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateFromInput" readonly="readonly" placeholder="Check in" 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"> To <span id="dateToContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateToInput" readonly="readonly" placeholder="Check out" 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> Show only offers </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">Show only offers</span> <span class="switch-active" aria-hidden="true">Yes</span> <span class="switch-inactive" aria-hidden="true"> </span> </label> </div> <p class="has-tip" title="The availability calendar is 100% up to date and your booking is instantly confirmed. "> <i class="icon icon-lightning-full"></i> Instant confirmation </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">Instant confirmation</span> <span class="switch-active" aria-hidden="true">Yes</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> Choose area</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="Choose area" value="Théoule-sur-Mer"> <input type="text" id="geoLocationFilter" class="ng-hide" name="geoLocationFilter" ng-change="updateSrp($event, 'geoLocationFilter', false)" ng-model="srpModel.geoLocationFilter" placeholder="Choose area" 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> Back to overview</a> </li> <li> <a href="/holiday-homes/france/" class="country" data-value="France"><span>France</span></a> <ul class="areas"> <li> <a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/" class="department" data-value="Var"><span>Var <small>(France)</small></span></a> <ul class="towns"> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/fayence/" class="town" data-value="Fayence"><span>Fayence</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/montauroux/" class="town" data-value="Montauroux"><span>Montauroux</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/les-issambres/" class="town" data-value="Les Issambres"><span>Les Issambres</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/seillans/" class="town" data-value="Seillans"><span>Seillans</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/lorgues/" class="town" data-value="Lorgues"><span>Lorgues</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/ste-maxime/" class="town" data-value="Ste-Maxime"><span>Ste-Maxime</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/callian/" class="town" data-value="Callian"><span>Callian</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/st-aygulf/" class="town" data-value="St-Aygulf"><span>St-Aygulf</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/callas/" class="town" data-value="Callas"><span>Callas</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/ollioules/" class="town" data-value="Ollioules"><span>Ollioules</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/grimaud/" class="town" data-value="Grimaud"><span>Grimaud</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/vidauban/" class="town" data-value="Vidauban"><span>Vidauban</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/bargemon/" class="town" data-value="Bargemon"><span>Bargemon</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/draguignan/" class="town" data-value="Draguignan"><span>Draguignan</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/le-muy/" class="town" data-value="Le Muy"><span>Le Muy</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/claviers/" class="town" data-value="Claviers"><span>Claviers</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/frejus/" class="town" data-value="Fréjus"><span>Fréjus</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/antheor/" class="town" data-value="Anthéor"><span>Anthéor</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/les-arcs/" class="town" data-value="Les Arcs"><span>Les Arcs</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/bandol/" class="town" data-value="Bandol"><span>Bandol</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/agay/" class="town" data-value="Agay"><span>Agay</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/carces/" class="town" data-value="Carcès"><span>Carcès</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/carqueiranne/" class="town" data-value="Carqueiranne"><span>Carqueiranne</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/var/cotignac/" class="town" data-value="Cotignac"><span>Cotignac</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/la-moutonne/" class="town" data-value="La Moutonne"><span>La Moutonne</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/tourrettes/" class="town" data-value="Tourrettes"><span>Tourrettes</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/flayosc/" class="town" data-value="Flayosc"><span>Flayosc</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/var/mons/" class="town" data-value="Mons"><span>Mons</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/vence/" class="town" data-value="Vence"><span>Vence</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/st-jeannet/" class="town" data-value="St-Jeannet"><span>St-Jeannet</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/grasse/" class="town" data-value="Grasse"><span>Grasse</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/la-gaude/" class="town" data-value="La Gaude"><span>La Gaude</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/cabris/" class="town" data-value="Cabris"><span>Cabris</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/nice/" class="town" data-value="Nice"><span>Nice</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/villeneuve-loubet/" class="town" data-value="Villeneuve-Loubet"><span>Villeneuve-Loubet</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/le-rouret/" class="town" data-value="Le Rouret"><span>Le Rouret</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/antibes/" class="town" data-value="Antibes"><span>Antibes</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/cannes/" class="town" data-value="Cannes"><span>Cannes</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/carros/" class="town" data-value="Carros"><span>Carros</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/eze/" class="town" data-value="Eze"><span>Eze</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/gattieres/" class="town" data-value="Gattières"><span>Gattières</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/golfe-juan/" class="town" data-value="Golfe-Juan"><span>Golfe-Juan</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/mandelieu/" class="town" data-value="Mandelieu"><span>Mandelieu</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/peymeinade/" class="town" data-value="Peymeinade"><span>Peymeinade</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/biot/" class="town" data-value="Biot"><span>Biot</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/mougins/" class="town" data-value="Mougins"><span>Mougins</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/valbonne/" class="town" data-value="Valbonne"><span>Valbonne</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/castagniers/" class="town" data-value="Castagniers "><span>Castagniers </span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/le-tignet/" class="town" data-value="Le Tignet"><span>Le Tignet</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/coursegoules/" class="town" data-value="Coursegoules"><span>Coursegoules</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/alpes-maritimes/pegomas/" class="town" data-value="Pégomas"><span>Pégomas</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/" class="department" data-value="Vaucluse"><span>Vaucluse <small>(France)</small></span></a> <ul class="towns"> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/malaucene/" class="town" data-value="Malaucène"><span>Malaucène</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/apt/" class="town" data-value="Apt"><span>Apt</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/vaucluse/gordes/" class="town" data-value="Gordes"><span>Gordes</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/orange/" class="town" data-value="Orange"><span>Orange</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/vaucluse/cavaillon/" class="town" data-value="Cavaillon"><span>Cavaillon</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/aubignan/" class="town" data-value="Aubignan"><span>Aubignan</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/vaucluse/cairanne/" class="town" data-value="Cairanne"><span>Cairanne</span></a></li> <li><a href="/holiday-homes/france/provence-cote-d-azur/vaucluse/valreas/" class="town" data-value="Valreas"><span>Valreas</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/bouches-du-rhone/martigues/" class="town" data-value="Martigues"><span>Martigues</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/bouches-du-rhone/paradou/" class="town" data-value="Paradou"><span>Paradou</span></a></li> </ul> </li> <li> <a href="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/alpes-de-haute-provence/cereste/" class="town" data-value="Cereste"><span>Cereste</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/provence-cote-d-azur/drome/plaisians/" class="town" data-value="Plaisians"><span>Plaisians</span></a></li> </ul> </li> <li> <a href="/holiday-homes/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="/holiday-homes/france/languedoc-roussillon/" class="area" data-value="Languedoc-Roussillon"><span>Languedoc-Roussillon<small>(France)</small></span></a> <ul class="departments"> <li> <a href="/holiday-homes/france/languedoc-roussillon/aude/" class="department" data-value="Aude"><span>Aude <small>(France)</small></span></a> <ul class="towns"> <li><a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/languedoc-roussillon/aude/fraisse/" class="town" data-value="Fraissé"><span>Fraissé</span></a></li> <li><a href="/holiday-homes/france/languedoc-roussillon/aude/canet-d-aude/" class="town" data-value="Canet d´Aude"><span>Canet d´Aude</span></a></li> <li><a href="/holiday-homes/france/languedoc-roussillon/aude/talairan/" class="town" data-value="Talairan"><span>Talairan</span></a></li> <li><a href="/holiday-homes/france/languedoc-roussillon/aude/argeliers/" class="town" data-value="Argeliers"><span>Argeliers</span></a></li> <li><a href="/holiday-homes/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="/holiday-homes/france/languedoc-roussillon/herault/" class="department" data-value="Hérault"><span>Hérault <small>(France)</small></span></a> <ul class="towns"> <li><a href="/holiday-homes/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="/holiday-homes/france/languedoc-roussillon/herault/st-amans-soult/" class="town" data-value="St-Amans-Soult"><span>St-Amans-Soult</span></a></li> <li><a href="/holiday-homes/france/languedoc-roussillon/herault/cazouls/" class="town" data-value="Cazouls"><span>Cazouls</span></a></li> </ul> </li> <li> <a href="/holiday-homes/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="/holiday-homes/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="/holiday-homes/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="/holiday-homes/france/languedoc-roussillon/pyrenees-orientales/sorede/" class="town" data-value="Sorède"><span>Sorède</span></a></li> </ul> </li> <li> <a href="/holiday-homes/france/languedoc-roussillon/gard/" class="department" data-value="Gard"><span>Gard <small>(France)</small></span></a> <ul class="towns"> <li><a href="/holiday-homes/france/languedoc-roussillon/gard/langlade/" class="town" data-value="Langlade"><span>Langlade</span></a></li> <li><a href="/holiday-homes/france/languedoc-roussillon/gard/roquemaure/" class="town" data-value="Roquemaure"><span>Roquemaure</span></a></li> </ul> </li> </ul> </li> <li> <a href="/holiday-homes/france/alsace-burgundy/" class="area" data-value="Alsace - Burgundy"><span>Alsace - Burgundy<small>(France)</small></span></a> <ul class="departments"> </ul> </li> <li> <a href="/holiday-homes/france/normandy-and-brittany/" class="area" data-value="Normandy and Brittany"><span>Normandy and Brittany<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> Rental type</a> <div id="panel3d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel3d-heading"> <div class="switch-wrapper"> <p>House/Villa</p> <div class="button-group small"> <a class="button" id="villaYesButton" onclick="angular.element('#villaYes').triggerHandler('click');">Yes</a> <a class="button" id="villaNoButton" onclick="angular.element('#villaNo').triggerHandler('click');">No</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>Apartment</p> <div class="button-group small"> <a class="button" id="apartmentYesButton" onclick="angular.element('#apartmentYes').triggerHandler('click');">Yes</a> <a class="button" id="apartmentNoButton" onclick="angular.element('#apartmentNo').triggerHandler('click');">No</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>Rural apartment</p> <div class="button-group small"> <a class="button" id="ruralApartmentYesButton" onclick="angular.element('#ruralApartmentYes').triggerHandler('click');">Yes</a> <a class="button" id="ruralApartmentNoButton" onclick="angular.element('#ruralApartmentNo').triggerHandler('click');">No</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> Guests </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="">Choose number</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> Bedrooms</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="">Choose number</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> Bathrooms</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="">Choose number</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 sea</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="">Choose distance</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 town</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="">Choose distance</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> Facilities</a> <div id="panel9d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel9d-heading"> <div class="wrapper"> <p>Private pool</p> <div class="button-group small"> <a class="button" id="poolYesButton" onclick="angular.element('#poolYes').triggerHandler('click'); $('#poolYes').prop('checked', true);">Yes</a> <a class="button" id="poolNoButton" onclick="angular.element('#poolNo').triggerHandler('click'); $('#poolNo').prop('checked', true);">No</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>Shared pool</p> <div class="button-group small"> <a class="button" id="poolIsSharedYesButton" onclick="angular.element('#poolIsSharedYes').triggerHandler('click'); $('#poolIsSharedYes').prop('checked', true);">Yes</a> <a class="button" id="poolIsSharedNoButton" onclick="angular.element('#poolIsSharedNo').triggerHandler('click'); $('#poolIsSharedNo').prop('checked', true);">No</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>Fenced pool</p> <div class="button-group small"> <a class="button" id="fencedPoolYesButton" onclick="angular.element('#fencedPoolYes').triggerHandler('click'); $('#fencedPoolYes').prop('checked', true);">Yes</a> <a class="button" id="fencedPoolNoButton" onclick="angular.element('#fencedPoolNo').triggerHandler('click'); $('#fencedPoolNo').prop('checked', true);">No</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>Pool heating</p> <div class="button-group small"> <a class="button" id="poolHeatingYesButton" onclick="angular.element('#poolHeatingYes').triggerHandler('click'); $('#poolHeatingYes').prop('checked', true);">Yes</a> <a class="button" id="poolHeatingNoButton" onclick="angular.element('#poolHeatingNo').triggerHandler('click'); $('#poolHeatingNo').prop('checked', true);">No</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>Air conditioning</p> <div class="button-group small"> <a class="button" id="airconditionYesButton" onclick="angular.element('#airconditionYes').triggerHandler('click'); $('#airconditionYes').prop('checked', true);">Yes</a> <a class="button" id="airconditionNoButton" onclick="angular.element('#airconditionNo').triggerHandler('click'); $('#airconditionNo').prop('checked', true);">No</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);">Yes</a> <a class="button" id="internetNoButton" onclick="angular.element('#internetNo').triggerHandler('click'); $('#internetNo').prop('checked', true);">No</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>Dog allowed</p> <div class="button-group small"> <a class="button" id="petsAllowedYesButton" onclick="angular.element('#petsAllowedYes').triggerHandler('click'); $('#petsAllowedYes').prop('checked', true);">Yes</a> <a class="button" id="petsAllowedNoButton" onclick="angular.element('#petsAllowedNo').triggerHandler('click'); $('#petsAllowedNo').prop('checked', true);">No</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> Adjust your search</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> = Instant confirmation </p> <div class="list-filter"> <p ng-if="!srpModel.isMapView" class="float-left">Sort by:</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"> Default </a> <a id="sortingNumberOfPersons" ng-click="updateSrp($event, 'sorting', false)" data-sortBy="NumberOfPersons" data-sortDirection="descending" class="button sortButton" ng-model="srpModel.orderby"> Number of persons <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"> Price <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="search-on-map" data-appendUrlPrefix="false" data-srpUrlPrefix="holiday-homes" title="Map view" class="button small secondary pull-right"><i class="icon icon-map"></i> Show on map</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> 4 Holiday homes in Théoule-sur-Mer, France </h1> </div> <div id="searchResult" class="small-12 columns" ng-class="busyLoadingResults ? 'dimmed': ''"> <div id="srp" > <div class="row" id="homeUnit3447"> <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="Add to favorites" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite3447 icon icon-heart-full ngClick" data-homeunitid="3447"></a> <a href="https://www.provacances.co.uk/holiday-home/beautiful-villa-with-pool-in-theoule-sur-mer/id3447/" title="Beautiful villa with pool in Théoule-sur-Mer" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/06/06_501_1.jpg" class="lazyload" alt="Beautiful villa with pool in Théoule-sur-Mer" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/06/06_501_1.jpg" class="lazyload" alt="Beautiful villa with pool in Théoule-sur-Mer" /> </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. 06.501, Provence Côte d'Azur, France</small> <a href="https://www.provacances.co.uk/holiday-home/beautiful-villa-with-pool-in-theoule-sur-mer/id3447/" target="_blank">Beautiful villa with pool in Théoule-sur-Mer</a> <small class="show-for-xlarge show-for-xxlarge">Nice villa located in a quiet neighborhood in the l'Esterel hills along the coast. The drive from Cannes along the coast towards Théoule-sur-Mer is...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Air conditioning" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Yes </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Yes </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: Yes </span> <span href="#" title="Number of persons" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 6 </span> <span href="#" title="Bedrooms" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">3</span> <span href="#" title="Bathrooms" 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> From 4,016 €</p> </div> <a href="https://www.provacances.co.uk/holiday-home/beautiful-villa-with-pool-in-theoule-sur-mer/id3447/" id="gotoHomeUnit3447" target="_blank" title="Beautiful villa with pool in Théoule-sur-Mer" class="submitButton button primary expand"> <i class="icon icon-lightning-full"></i> View details </a> <p class="show-for-large"> <a ng-click="openMap(43.49071, 6.94039, 3447, 2697, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Map view</a><br /> <a ng-click="openPricesOverview(3447)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Weekly rates</a><br /> <a ng-click="openPriceDetails(3447)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Price details</a> </p> </div> </div> </div> </div> </div> </div> <div class="row" id="homeUnit2069"> <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="Add to favorites" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite2069 icon icon-heart-full ngClick" data-homeunitid="2069"></a> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-private-pool-in-theoule-sur-mer/id2069/" title="Holiday house with private pool in Théoule-sur-Mer" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/06/06_503_70.jpg" class="lazyload" alt="Holiday house with private pool in Théoule-sur-Mer" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/06/06_503_70.jpg" class="lazyload" alt="Holiday house with private pool in Théoule-sur-Mer" /> </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. 06.503, Provence Côte d'Azur, France</small> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-private-pool-in-theoule-sur-mer/id2069/" target="_blank">Holiday house with private pool in Théoule-sur-Mer</a> <small class="show-for-xlarge show-for-xxlarge">The "Villa d'Esterel" is located between Saint-Raphael and Cannes in the small town of Théoule/Miramar on the beautiful Côte d’Azur. You can either...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Air conditioning" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Yes </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Yes </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: Yes </span> <span href="#" title="Number of persons" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 6 </span> <span href="#" title="Bedrooms" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">3</span> <span href="#" title="Bathrooms" 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> From 1,423 €</p> </div> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-private-pool-in-theoule-sur-mer/id2069/" id="gotoHomeUnit2069" target="_blank" title="Holiday house with private pool in Théoule-sur-Mer" class="submitButton button primary expand"> <i class="icon icon-lightning-full"></i> View details </a> <p class="show-for-large"> <a ng-click="openMap(43.48207, 6.926676, 2069, 1524, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Map view</a><br /> <a ng-click="openPricesOverview(2069)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Weekly rates</a><br /> <a ng-click="openPriceDetails(2069)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Price details</a> </p> </div> </div> </div> </div> </div> </div> <div class="row" id="homeUnit1494"> <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="Add to favorites" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite1494 icon icon-heart-full ngClick" data-homeunitid="1494"></a> <a href="https://www.provacances.co.uk/holiday-home/holiday-home-theoule-sur-mer/id1494/" title="Holiday home Théoule-sur-Mer" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/06/06_509_40.jpg" class="lazyload" alt="Holiday home Théoule-sur-Mer" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/06/06_509_40.jpg" class="lazyload" alt="Holiday home Théoule-sur-Mer" /> </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. 06.509, Provence Côte d'Azur, France</small> <a href="https://www.provacances.co.uk/holiday-home/holiday-home-theoule-sur-mer/id1494/" target="_blank">Holiday home Théoule-sur-Mer</a> <small class="show-for-xlarge show-for-xxlarge">Holiday home located near the beach and the Port in Miramar in the Théoule-sur-Mer municipality. Beautiful views over the Mediterranean and the...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Air conditioning" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Yes </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Yes </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: Yes Shared </span> <span href="#" title="Number of persons" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 4 </span> <span href="#" title="Bedrooms" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">2</span> <span href="#" title="Bathrooms" class="icon icon-bathtub has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> 1 </span> </div> </div> <div class="small-12 medium-5 bottom"> <div class="actualPrice"> <p> From 1,492 €</p> </div> <a href="https://www.provacances.co.uk/holiday-home/holiday-home-theoule-sur-mer/id1494/" id="gotoHomeUnit1494" target="_blank" title="Holiday home Théoule-sur-Mer" class="submitButton button primary expand"> <i class="icon icon-lightning-full"></i> View details </a> <p class="show-for-large"> <a ng-click="openMap(43.48652, 6.93773, 1494, 995, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Map view</a><br /> <a ng-click="openPricesOverview(1494)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Weekly rates</a><br /> <a ng-click="openPriceDetails(1494)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Price details</a> </p> </div> </div> </div> </div> </div> </div> <div class="row" id="homeUnit2640"> <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="Add to favorites" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite2640 icon icon-heart-full ngClick" data-homeunitid="2640"></a> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-pool-and-sea-view-in-theoule-sur-mer/id2640/" title="Holiday house with pool and sea view in Théoule-sur-Mer / Miramar" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/06/06_499_1.jpg" class="lazyload" alt="Holiday house with pool and sea view in Théoule-sur-Mer / Miramar" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/06/06_499_1.jpg" class="lazyload" alt="Holiday house with pool and sea view in Théoule-sur-Mer / Miramar" /> </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-outline"></a><a href="#" class="icon icon-star-outline"></a></div> <h3> <small>Ref. 06.499, Provence Côte d'Azur, France</small> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-pool-and-sea-view-in-theoule-sur-mer/id2640/" target="_blank">Holiday house with pool and sea view in Théoule-sur-Mer / Miramar</a> <small class="show-for-xlarge show-for-xxlarge">Large Provencal villa with private pool situated on a hillside with panoramic view over the bay of Miramar. The villa is located on the coastline...</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Air conditioning" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Yes </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Yes </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: Yes </span> <span href="#" title="Number of persons" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 8-12 </span> <span href="#" title="Bedrooms" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">4</span> <span href="#" title="Bathrooms" class="icon icon-bathtub has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> 4 </span> </div> </div> <div class="small-12 medium-5 bottom"> <div class="actualPrice"> <p> From 1,917 €</p> </div> <a href="https://www.provacances.co.uk/holiday-home/holiday-house-with-pool-and-sea-view-in-theoule-sur-mer/id2640/" id="gotoHomeUnit2640" target="_blank" title="Holiday house with pool and sea view in Théoule-sur-Mer / Miramar" class="submitButton button primary expand"> <i class="icon icon-lightning-full"></i> View details </a> <p class="show-for-large"> <a ng-click="openMap(43.48318, 6.925976, 2640, 2023, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Map view</a><br /> <a ng-click="openPricesOverview(2640)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Weekly rates</a><br /> <a ng-click="openPriceDetails(2640)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Price details</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"> We use cookies on this website. Mostly to remember settings for the user, but also for gathering statistics. By using this website, you accept that we use cookies. <a href="/privacy-policy/#Cookies">Read more about our use of cookies</a> </div> <div class="small-3 columns text-right"> <a href="#" id="cookieAcceptButton" title="Accept and close" class="button primary"> <i class="icon icon-cancel-circled"></i> <span class="hide-for-small-only">Accept and close</span> </a> </div> </div> </div> <footer> <div> <div class="row align-center align-middle"> <div class="column"> <a href="https://uk.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="/about-provacances/">About Provacances</a></li> <li><a href="/classification/">Classification</a></li> <li><a href="/rental-conditions/">Rental Conditions</a></li> <li><a href="/contact-us/">Contact</a></li> <li><a href="/privacy-policy/">Privacy Policy</a></li> <li><img src="https://static03.provacances.net//dist/assets/img/payments.png" alt="We accept payment with Dankort, E-dankort, Visa and Mastercard" /></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Opening hours </li> <li>Monday-Friday: 9.00 am - 2.00 pm</li> <li></li> <li>E-mails are answered daily until 6 pm</li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Useful links</li> <li><a href="/for-homeowners/"> Home owners</a></li> <li><a href="/reviews/">Reviews</a></li> <li><a href="/faq/">FAQ</a></li> <li><a href="/nice-to-know/">Nice to know</a></li> <li><a href="/newsletters/">Newsletters</a></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Subscribe to newsletter</li> <li>Join our newsletter and be the first to hear about our promotional offers as well as learn more about our exciting areas.</li> <li> <div class="input-group"> <input class="input-group-field" type="email" placeholder="Email address" id="newsletterEmailAddress" name="newsletterEmailAddress"> <a class="input-group-button button" id="newsletterSignupButton">Sign me up</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=29176_637471954700000000"></script> <script src="https://static04.provacances.net/dist/assets/js/app.js?v=29176_637471954700000000"></script> <script src="https://static04.provacances.net/dist/assets/js/datepicker-en.js"></script> <script src="https://static04.provacances.net/dist/assets/js/angular.js?v=29176_637471954700000000"></script> <script src="https://static03.provacances.net/dist/assets/js/SearchController.js?v=29176_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-5P2JKGXT8B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5P2JKGXT8B'); </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.co.uk'); /**/ 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>Holiday homes <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>Favorites</h3> <div class="noFavoritesText"> <strong>Keep track of your favorite holiday homes</strong><br /> <p>Here you can save the holiday homes you like best. Click on the heart and save your favorite.</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="Air conditioning" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> {{#if Aircondition}} Yes {{else}}No{{/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}} Yes {{else}}No{{/if}} </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: {{#if Pool}} Yes {{else}}No{{/if}} </span> <span href="#" title="Number of persons" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4">{{MaxPersons}}</span> <span href="#" title="Bedrooms" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">{{NumOfBedrooms}}</span> <span href="#" title="Dog allowed" class="icon icon-dog has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> {{#if PetsAllowed}} Yes {{else}}No{{/if}} </span> </div> <span class="smaller"> Price from {{PriceFrom}} € </span> </div> </div> {{/each}} </script> </body> </html>