</ 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> Forside</a></li> <li><a href="/semestermaal/"><i class="icon-flight"></i> Semesterorter</a></li> <li><a href="/sistaminuten/"><i class="icon-sale"></i> Erbjudanden</a></li> <li><a href="/kontakt"><i class="icon-contact"></i>Kontakt</a></li> </ul> <ul class="vertical menu tools" data-accordion-menu> <li> <a href="#" class="language active"><i class="sv"></i> SV</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.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> </ul> </li> <li><a href="/my-page/"><i class="icon-lock"></i> Min sida</a></li> <li><a href="/for-villaaegare/"><i class="icon-fence"></i>Villaägaren</a></li> </ul> <div class="rent-out-your-home-container text-center"><a href="/lat-provacances-hyra-ut-din-bostad" class="rent-out-your-home-button button">Hyr ut ditt hem</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="Gå till första sidan"><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="Gå till första sidan"><img src="/dist/assets/img/provacances-logo-mobile.svg" alt="Provacances logo" /></a> <form id="siteSearchForm" action="/semesterbostaeder/" 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="Fritext eller refnr."> </div> <div id="autosuggest"> </div> <p id="noResult"> <img src="/src/assets/img/logo_rotate_50_grey.gif" class="loading" /> <span id="noResultText">Inga matchande fritidshus eller resmål</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="/lat-provacances-hyra-ut-din-bostad" class="rent-out-your-home-button button">Hyr ut ditt hem</a></li> <li><a href="/">Forside</a></li> <li><a href="/semestermaal/">Semesterorter</a></li> <li><a href="/sistaminuten/">Erbjudanden</a></li> <li class="show-for-xlarge"><a href="/for-villaaegare/">Villaägaren</a></li> <li><a href="/my-page/">Min sida</a></li> <li id="favoritesContainer"> <a href="#" class="showFavoritesLink" id="showFavoritesLink">Favoriter</a> <span class="warning badge favoritesBadge hide">0</span> </li> <li><a href="/kontakt/">Kontakt</a></li> <li class="languages"> <a href="#" class="language active"><i class="sv"></i> SV</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.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> </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>Du är här:</span></li> <li><a href="/">Forside</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.se/semesterbostaeder/">Alla bostäder</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.se/semesterbostaeder/frankrike/">Frankrike</a></li> <li><i class="icon icon-angle-right"></i></li> <li><a href="https://www.provacances.se/semesterbostaeder/frankrikeprovence-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.se/semesterbostaeder/frankrikeprovence-cote-d-azurvar/">Var</a></li> <li><i class="icon icon-angle-right"></i></li> <li>La Croix-Valmer</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">Justera sökning</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>Justera sökning</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"> Från <span id="dateFromContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateFromInput" readonly="readonly" placeholder="Checka 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"> Till <span id="dateToContainer" class="inputWithIconContainer noFrontIcon"> <input class="readonly small" type="text" id="chooseDateToInput" readonly="readonly" placeholder="Checka ut" 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> Visa erbjudanden </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">Visa erbjudanden</span> <span class="switch-active" aria-hidden="true">Ja</span> <span class="switch-inactive" aria-hidden="true"> </span> </label> </div> <p class="has-tip" title="Kalendern är 100% upp till datum och din bokning är bekräftad omedelbart."> <i class="icon icon-lightning-full"></i> Omeldelbar bekräftelse </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">Omeldelbar bekräftelse</span> <span class="switch-active" aria-hidden="true">Ja</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> Välj område</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="Vart vill du åka?" value="La Croix-Valmer"> <input type="text" id="geoLocationFilter" class="ng-hide" name="geoLocationFilter" ng-change="updateSrp($event, 'geoLocationFilter', false)" ng-model="srpModel.geoLocationFilter" placeholder="Vart vill du åka?" 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> Tillbaka till översikt</a> </li> <li> <a href="/semesterbostaeder/frankrike/" class="country" data-value="Frankrike"><span>Frankrike</span></a> <ul class="areas"> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/" class="area" data-value="Provence Côte d'Azur"><span>Provence Côte d'Azur<small>(Frankrike)</small></span></a> <ul class="departments"> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/" class="department" data-value="Var"><span>Var <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/fayence/" class="town" data-value="Fayence"><span>Fayence</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/montauroux/" class="town" data-value="Montauroux"><span>Montauroux</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/les-issambres/" class="town" data-value="Les Issambres"><span>Les Issambres</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/seillans/" class="town" data-value="Seillans"><span>Seillans</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/lorgues/" class="town" data-value="Lorgues"><span>Lorgues</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/ste-maxime/" class="town" data-value="Ste-Maxime"><span>Ste-Maxime</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/callian/" class="town" data-value="Callian"><span>Callian</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/st-aygulf/" class="town" data-value="St-Aygulf"><span>St-Aygulf</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/callas/" class="town" data-value="Callas"><span>Callas</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/ollioules/" class="town" data-value="Ollioules"><span>Ollioules</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/grimaud/" class="town" data-value="Grimaud"><span>Grimaud</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/vidauban/" class="town" data-value="Vidauban"><span>Vidauban</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/bargemon/" class="town" data-value="Bargemon"><span>Bargemon</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/draguignan/" class="town" data-value="Draguignan"><span>Draguignan</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/le-muy/" class="town" data-value="Le Muy"><span>Le Muy</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/claviers/" class="town" data-value="Claviers"><span>Claviers</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/frejus/" class="town" data-value="Fréjus"><span>Fréjus</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/st-raphael/" class="town" data-value="St-Raphaël"><span>St-Raphaël</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/antheor/" class="town" data-value="Anthéor"><span>Anthéor</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/les-arcs/" class="town" data-value="Les Arcs"><span>Les Arcs</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/bandol/" class="town" data-value="Bandol"><span>Bandol</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/agay/" class="town" data-value="Agay"><span>Agay</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/carces/" class="town" data-value="Carcès"><span>Carcès</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/carqueiranne/" class="town" data-value="Carqueiranne"><span>Carqueiranne</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/var/cotignac/" class="town" data-value="Cotignac"><span>Cotignac</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/la-moutonne/" class="town" data-value="La Moutonne"><span>La Moutonne</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/tourrettes/" class="town" data-value="Tourrettes"><span>Tourrettes</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/flayosc/" class="town" data-value="Flayosc"><span>Flayosc</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/mons/" class="town" data-value="Mons"><span>Mons</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/var/rayol-canadel/" class="town" data-value="Rayol Canadel"><span>Rayol Canadel</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/" class="department" data-value="Alpes-Maritimes"><span>Alpes-Maritimes <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/vence/" class="town" data-value="Vence"><span>Vence</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/st-jeannet/" class="town" data-value="St-Jeannet"><span>St-Jeannet</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/grasse/" class="town" data-value="Grasse"><span>Grasse</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/la-gaude/" class="town" data-value="La Gaude"><span>La Gaude</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/cabris/" class="town" data-value="Cabris"><span>Cabris</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/nice/" class="town" data-value="Nice"><span>Nice</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/villeneuve-loubet/" class="town" data-value="Villeneuve-Loubet"><span>Villeneuve-Loubet</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/le-rouret/" class="town" data-value="Le Rouret"><span>Le Rouret</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/antibes/" class="town" data-value="Antibes"><span>Antibes</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/cannes/" class="town" data-value="Cannes"><span>Cannes</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/carros/" class="town" data-value="Carros"><span>Carros</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/eze/" class="town" data-value="Eze"><span>Eze</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/gattieres/" class="town" data-value="Gattières"><span>Gattières</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/golfe-juan/" class="town" data-value="Golfe-Juan"><span>Golfe-Juan</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/mandelieu/" class="town" data-value="Mandelieu"><span>Mandelieu</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/speracedes/" class="town" data-value="Spéracèdes"><span>Spéracèdes</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/peymeinade/" class="town" data-value="Peymeinade"><span>Peymeinade</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/biot/" class="town" data-value="Biot"><span>Biot</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/mougins/" class="town" data-value="Mougins"><span>Mougins</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/valbonne/" class="town" data-value="Valbonne"><span>Valbonne</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/castagniers/" class="town" data-value="Castagniers "><span>Castagniers </span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/le-tignet/" class="town" data-value="Le Tignet"><span>Le Tignet</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/coursegoules/" class="town" data-value="Coursegoules"><span>Coursegoules</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-maritimes/pegomas/" class="town" data-value="Pégomas"><span>Pégomas</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/" class="department" data-value="Vaucluse"><span>Vaucluse <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/malaucene/" class="town" data-value="Malaucène"><span>Malaucène</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/apt/" class="town" data-value="Apt"><span>Apt</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/gordes/" class="town" data-value="Gordes"><span>Gordes</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/orange/" class="town" data-value="Orange"><span>Orange</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/cavaillon/" class="town" data-value="Cavaillon"><span>Cavaillon</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/aubignan/" class="town" data-value="Aubignan"><span>Aubignan</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/cairanne/" class="town" data-value="Cairanne"><span>Cairanne</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/vaucluse/valreas/" class="town" data-value="Valreas"><span>Valreas</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/bouches-du-rhone/" class="department" data-value="Bouches-du-Rhône"><span>Bouches-du-Rhône <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/bouches-du-rhone/martigues/" class="town" data-value="Martigues"><span>Martigues</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/provence-cote-d-azur/bouches-du-rhone/paradou/" class="town" data-value="Paradou"><span>Paradou</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-de-haute-provence/" class="department" data-value="Alpes-de-Haute-Provence"><span>Alpes-de-Haute-Provence <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-de-haute-provence/cereste/" class="town" data-value="Cereste"><span>Cereste</span></a></li> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/alpes-de-haute-provence/reillanne/" class="town" data-value="Reillanne"><span>Reillanne</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/drome/" class="department" data-value="Drôme"><span>Drôme <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/provence-cote-d-azur/drome/plaisians/" class="town" data-value="Plaisians"><span>Plaisians</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/provence-cote-d-azur/ardeche/" class="department" data-value="Ardèche"><span>Ardèche <small>(Frankrike)</small></span></a> <ul class="towns"> </ul> </li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/languedoc-roussillon/" class="area" data-value="Languedoc-Roussillon"><span>Languedoc-Roussillon<small>(Frankrike)</small></span></a> <ul class="departments"> <li> <a href="/semesterbostaeder/frankrike/languedoc-roussillon/aude/" class="department" data-value="Aude"><span>Aude <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/languedoc-roussillon/aude/fraisse/" class="town" data-value="Fraissé"><span>Fraissé</span></a></li> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/aude/canet-d-aude/" class="town" data-value="Canet d´Aude"><span>Canet d´Aude</span></a></li> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/aude/talairan/" class="town" data-value="Talairan"><span>Talairan</span></a></li> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/aude/argeliers/" class="town" data-value="Argeliers"><span>Argeliers</span></a></li> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/languedoc-roussillon/herault/" class="department" data-value="Hérault"><span>Hérault <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/languedoc-roussillon/herault/st-amans-soult/" class="town" data-value="St-Amans-Soult"><span>St-Amans-Soult</span></a></li> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/herault/cazouls/" class="town" data-value="Cazouls"><span>Cazouls</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/languedoc-roussillon/pyrenees-orientales/" class="department" data-value="Pyrénées-Orientales"><span>Pyrénées-Orientales <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/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="/semesterbostaeder/frankrike/languedoc-roussillon/pyrenees-orientales/sorede/" class="town" data-value="Sorède"><span>Sorède</span></a></li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/languedoc-roussillon/gard/" class="department" data-value="Gard"><span>Gard <small>(Frankrike)</small></span></a> <ul class="towns"> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/gard/langlade/" class="town" data-value="Langlade"><span>Langlade</span></a></li> <li><a href="/semesterbostaeder/frankrike/languedoc-roussillon/gard/roquemaure/" class="town" data-value="Roquemaure"><span>Roquemaure</span></a></li> </ul> </li> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/alsace-bourgogne/" class="area" data-value="Alsace – Bourgogne"><span>Alsace – Bourgogne<small>(Frankrike)</small></span></a> <ul class="departments"> </ul> </li> <li> <a href="/semesterbostaeder/frankrike/normandiet-och-bretagne/" class="area" data-value="Normandiet och Bretagne"><span>Normandiet och Bretagne<small>(Frankrike)</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> Boendetyp</a> <div id="panel3d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel3d-heading"> <div class="switch-wrapper"> <p>Hus/villor</p> <div class="button-group small"> <a class="button" id="villaYesButton" onclick="angular.element('#villaYes').triggerHandler('click');">Ja</a> <a class="button" id="villaNoButton" onclick="angular.element('#villaNo').triggerHandler('click');">Nej</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>Lägenhet</p> <div class="button-group small"> <a class="button" id="apartmentYesButton" onclick="angular.element('#apartmentYes').triggerHandler('click');">Ja</a> <a class="button" id="apartmentNoButton" onclick="angular.element('#apartmentNo').triggerHandler('click');">Nej</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>Semesterlägenhet på vingård mm</p> <div class="button-group small"> <a class="button" id="ruralApartmentYesButton" onclick="angular.element('#ruralApartmentYes').triggerHandler('click');">Ja</a> <a class="button" id="ruralApartmentNoButton" onclick="angular.element('#ruralApartmentNo').triggerHandler('click');">Nej</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> Personer </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="">Välj antal</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> Sovrum</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="">Välj antal</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> Badrum</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="">Välj antal</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> Avstånd till havet</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="">Välja avståndet</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> Avstånd till stan </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="">Välja avståndet</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> Faciliteter</a> <div id="panel9d" class="accordion-content" role="tabpanel" data-tab-content aria-labelledby="panel9d-heading"> <div class="wrapper"> <p>Privat pool</p> <div class="button-group small"> <a class="button" id="poolYesButton" onclick="angular.element('#poolYes').triggerHandler('click'); $('#poolYes').prop('checked', true);">Ja</a> <a class="button" id="poolNoButton" onclick="angular.element('#poolNo').triggerHandler('click'); $('#poolNo').prop('checked', true);">Nej</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>delad pool</p> <div class="button-group small"> <a class="button" id="poolIsSharedYesButton" onclick="angular.element('#poolIsSharedYes').triggerHandler('click'); $('#poolIsSharedYes').prop('checked', true);">Ja</a> <a class="button" id="poolIsSharedNoButton" onclick="angular.element('#poolIsSharedNo').triggerHandler('click'); $('#poolIsSharedNo').prop('checked', true);">Nej</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>Inhägnad pool</p> <div class="button-group small"> <a class="button" id="fencedPoolYesButton" onclick="angular.element('#fencedPoolYes').triggerHandler('click'); $('#fencedPoolYes').prop('checked', true);">Ja</a> <a class="button" id="fencedPoolNoButton" onclick="angular.element('#fencedPoolNo').triggerHandler('click'); $('#fencedPoolNo').prop('checked', true);">Nej</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>Pooluppvärmning</p> <div class="button-group small"> <a class="button" id="poolHeatingYesButton" onclick="angular.element('#poolHeatingYes').triggerHandler('click'); $('#poolHeatingYes').prop('checked', true);">Ja</a> <a class="button" id="poolHeatingNoButton" onclick="angular.element('#poolHeatingNo').triggerHandler('click'); $('#poolHeatingNo').prop('checked', true);">Nej</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>Luftkonditionering</p> <div class="button-group small"> <a class="button" id="airconditionYesButton" onclick="angular.element('#airconditionYes').triggerHandler('click'); $('#airconditionYes').prop('checked', true);">Ja</a> <a class="button" id="airconditionNoButton" onclick="angular.element('#airconditionNo').triggerHandler('click'); $('#airconditionNo').prop('checked', true);">Nej</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);">Ja</a> <a class="button" id="internetNoButton" onclick="angular.element('#internetNo').triggerHandler('click'); $('#internetNo').prop('checked', true);">Nej</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>Hund tillåtet</p> <div class="button-group small"> <a class="button" id="petsAllowedYesButton" onclick="angular.element('#petsAllowedYes').triggerHandler('click'); $('#petsAllowedYes').prop('checked', true);">Ja</a> <a class="button" id="petsAllowedNoButton" onclick="angular.element('#petsAllowedNo').triggerHandler('click'); $('#petsAllowedNo').prop('checked', true);">Nej</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> Justera sökning</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> = Omeldelbar bekräftelse </p> <div class="list-filter"> <p ng-if="!srpModel.isMapView" class="float-left">Sortera efter:</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"> Standard </a> <a id="sortingNumberOfPersons" ng-click="updateSrp($event, 'sorting', false)" data-sortBy="NumberOfPersons" data-sortDirection="descending" class="button sortButton" ng-model="srpModel.orderby"> Antal personer <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"> Pris <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="soek-paa-kartan" data-appendUrlPrefix="false" data-srpUrlPrefix="semesterbostaeder" title="Kartvy" class="button small secondary pull-right"><i class="icon icon-map"></i> Visa på karta</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> 1 Hyra hus i La Croix-Valmer, Frankrike </h1> </div> <div id="searchResult" class="small-12 columns" ng-class="busyLoadingResults ? 'dimmed': ''"> <div id="srp" > <div class="row" id="homeUnit3374"> <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="Lägg till favoriter" onclick="ProvacancesApp.clickOnHeart(event);" class="favorite3374 icon icon-heart-full ngClick" data-homeunitid="3374"></a> <a href="https://www.provacances.se/semesterhus/modern-villa-med-pool-och-havsutsikt-i-la-croix-valmer/id3374/" title="Modern villa med pool och havsutsikt i La Croix-Valmer" target="_blank"> <div class="show-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/640/83/83_978_120.jpg" class="lazyload" alt="Modern villa med pool och havsutsikt i La Croix-Valmer" /> </div> <div class="hide-for-small-only"> <img data-sizes="auto" data-src="https://static04.provacances.net/HomeImages/320/83/83_978_120.jpg" class="lazyload" alt="Modern villa med pool och havsutsikt i La Croix-Valmer" /> </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-halfstar"></a></div> <h3> <small>Ref. 83.978, Provence Côte d'Azur, Frankrike</small> <a href="https://www.provacances.se/semesterhus/modern-villa-med-pool-och-havsutsikt-i-la-croix-valmer/id3374/" target="_blank">Modern villa med pool och havsutsikt i La Croix-Valmer</a> <small class="show-for-xlarge show-for-xxlarge">Vackert och lugnt beläget i La Croix-Valmer med 3 500 invånare, är denna moderna villa en idealisk bas för din semester vid Saint Tropez-bukten....</small> </h3> <div class="icons show-for-medium columns"> <span href="#" title="Luftkonditionering" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> Ja </span> <span href="#" title="Internet" class="icon icon-wifi has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="2"> Ja </span> <span href="#" title="Pool" class="icon icon-pool has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="3"> Pool: Ja </span> <span href="#" title="Antal personer" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4"> 10 </span> <span href="#" title="Sovrum" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">5</span> <span href="#" title="Badrum" 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> Från 3 464 €</p> </div> <a href="https://www.provacances.se/semesterhus/modern-villa-med-pool-och-havsutsikt-i-la-croix-valmer/id3374/" id="gotoHomeUnit3374" target="_blank" title="Modern villa med pool och havsutsikt i La Croix-Valmer" class="submitButton button primary expand"> Se boende </a> <p class="show-for-large"> <a ng-click="openMap(43.20763, 6.544971, 3374, 2630, 1)" title="" class="show-for-large ngClick"><i class="icon icon-map"></i>Kartvy</a><br /> <a ng-click="openPricesOverview(3374)" title="" class="ngClick"><i class="icon icon-sale" style="color: #bbb;"></i>Vecka priser</a><br /> <a ng-click="openPriceDetails(3374)" title="" class="show-for-large ngClick"><i class="icon icon-sale"></i>Prisdetaljer</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"> Vi använder cookies på denna webbplats. Mestadels komma ihåg inställningar för användaren, men även för att samla statistik. Genom att använda denna webbplats godkänner du att vi använder cookies. <a href="/personuppgiftspolicy/#Cookies">Läs mer om vår användning av cookies</a> </div> <div class="small-3 columns text-right"> <a href="#" id="cookieAcceptButton" title="Acceptera " class="button primary"> <i class="icon icon-cancel-circled"></i> <span class="hide-for-small-only">Acceptera </span> </a> </div> </div> </div> <footer> <div> <div class="row align-center align-middle"> <div class="column"> <a href="https://se.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="/om-provacances/">Om Provacances</a></li> <li><a href="/klassificering/">Klassificering</a></li> <li><a href="/hyresbestaemmelser/">Hyresbestämmelser</a></li> <li><a href="/kontakt/">Kontakt</a></li> <li><a href="/personuppgiftspolicy/">Sekretesspolicy</a></li> <li><img src="https://static03.provacances.net//dist/assets/img/payments.png" alt="Vi accepterar betalning med Dankort, E-Dankort, Visa och Mastercard" /></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Öppettider</li> <li>Måndag - fredag: kl. 9.00 - 14.00</li> <li></li> <li>E-post besvaras dagligen fram till 18.00</li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Användbara länkar</li> <li><a href="/for-villaaegare/">Villaägaren</a></li> <li><a href="/kommentarer/">Recensioner</a></li> <li><a href="/faq/">FAQ</a></li> <li><a href="/bra-att-veta/">Bra att veta</a></li> <li><a href="/nyhetsbrev/">Nyhetsbrev</a></li> </ul> </div> <div class="small-12 medium-6 large-3 columns"> <ul> <li>Abonnera nyhetsbrev</li> <li>Anmäl dig till vårt nyhetsbrev och bli bland de första att höra om våra kampanjer och lära sig mer om våra spännande områden.</li> <li> <div class="input-group"> <input class="input-group-field" type="email" placeholder="E-postadress" id="newsletterEmailAddress" name="newsletterEmailAddress"> <a class="input-group-button button" id="newsletterSignupButton">Registrera mig</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-sv.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-D7WF72X91Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-D7WF72X91Q'); </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.se'); /**/ 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>Hyra hus <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>Semestermål <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>Favoriter</h3> <div class="noFavoritesText"> <strong>Översigt af dina favoritobjekter</strong><br /> <p>När du ser ett objekt som intresserar dig klicka på hjärtat under objektets bild.</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="Luftkonditionering" class="icon icon-aircondition has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="1"> {{#if Aircondition}} Ja {{else}}Nej{{/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}} Ja {{else}}Nej{{/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}} Ja {{else}}Nej{{/if}} </span> <span href="#" title="Antal personer" class="icon icon-human has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="4">{{MaxPersons}}</span> <span href="#" title="Sovrum" class="icon icon-bed has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5">{{NumOfBedrooms}}</span> <span href="#" title="Hund tillåtet" class="icon icon-dog has-tip top" data-tooltip aria-haspopup="true" data-disable-hover="false" tabindex="5"> {{#if PetsAllowed}} Ja {{else}}Nej{{/if}} </span> </div> <span class="smaller"> Pris från {{PriceFrom}} € </span> </div> </div> {{/each}} </script> </body> </html>